API tools faq
paste
Advertisement
Guest User

✿ hgc ［cs gen］

a guest
Sep 5th, 2018
173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.12 KB | None | 0 0
raw download clone embed print report
  1. [nobr]
  2.  
  3. [comment][font=Inconsolata]help[/font][font=Montserrat]help[/font][/comment]
  4.  
  5.  
  6. [comment]main divs[/comment]
  7. [class name=gencontainer]
  8. --mainbg: #fdfdfd;
  9. --accentcolor: #626262;
  10. --boxcolor: #ffffff;
  11. --bordercolor: #f5f5f5;
  12. --textcolor: #898989;
  13. display: block;
  14. position: relative;
  15. box-sizing: border-box;
  16. width: 100%;
  17. padding: 10% 15%;
  18. background: var(--mainbg);
  19. [/class]
  20. [class name=pagetitle]
  21. display: block;
  22. width: 100%;
  23. background: var(--accentcolor);
  24. padding: 13px 20px;
  25. box-sizing: border-box;
  26. text-transform: uppercase;
  27. color: var(--boxcolor);
  28. font-size: .8em;
  29. font-family: 'Inconsolata', monospace;
  30. letter-spacing: 2px;
  31. margin: auto;
  32. margin-bottom: 4px;
  33. [/class]
  34. [class name=textarea]
  35. display: block;
  36. box-sizing: border-box;
  37. width: 100%;
  38. padding: 5%;
  39. color: var(--textcolor);
  40. background-color: var(--boxcolor);
  41. border: 1px solid var(--bordercolor);
  42. font-family: 'Montserrat', sanserif;
  43. text-align: justify;
  44. font-size: .9em;
  45. margin: auto;
  46. margin-bottom: 4px;
  47. [/class]
  48. [class name=rowflex]
  49. width: 100%;
  50. display: flex;
  51. flex-flow: row wrap;
  52. align-items: flex-start;
  53. justify-content: flex-start;
  54. align-content: center;
  55. margin: 0px -20px 30px -20px;
  56. padding-bottom: 25px;
  57. [/class]
  58. [class name=rowflex maxWidth=850px]
  59. display: block;
  60. margin: 0px;
  61. margin-bottom: 30px;
  62. [/class]
  63. [class name=metadatacontainer]
  64. flex: 2 0 100px;
  65. margin: 0px 10px;
  66. color: var(--textcolor);
  67. font-size: .75em;
  68. text-align: left;
  69. padding-bottom: 8px;
  70. [/class]
  71. [class name=metadatacontainer maxWidth=850px]
  72. display: block;
  73. margin: 0px;
  74. [/class]
  75. [class name=metadata]
  76. display: block;
  77. width: 100%;
  78. font-size: 1.5em;
  79. color: var(--accentcolor);
  80. font-family: 'Inconsolata', monospace;
  81. text-transform: uppercase;
  82. [/class]
  83. [class name=inputcontainer]
  84. flex: 4 0 100px;
  85. padding-top: 5px;
  86. margin: 0px 10px;
  87. [/class]
  88. [class name=inputcontainer maxWidth=850px]
  89. display: block;
  90. margin: 0px;
  91. [/class]
  92. [class name=inputarea]
  93. display: block;
  94. width: 100%;
  95. box-sizing: border-box;
  96. padding: 8px;
  97. background-color: var(--bordercolor);
  98. color: var(--accentcolor);
  99. border: 1px solid var(--bordercolor);
  100. [/class]
  101. [class name=confirmbtn]
  102. cursor: pointer;
  103. font-size: 1.5em;
  104. text-align: center;
  105. transition: all .5s ease-in-out;
  106. [/class]
  107. [class name=confirmbtn state=hover]
  108. background-color: #626262;
  109. color: var(--boxcolor);
  110. [/class]
  111. [class name=outputtext]
  112. display: none;
  113. [/class]
  114. [class name=infoarray]
  115. display: none;
  116. [/class]
  117. [class name=outputtxt]
  118. display: inline;
  119. white-space: pre;
  120. [/class]
  121. [script class="confirmbtn" on=click version="2"]
  122. (hide "outputtext")
  123. (slideDown 1000 "outputtext")
  124. (= infoarray (split (getText "infoarray") "#"))
  125. (each infoarray (group (= current _) (setText (getVal current) current)))
  126. [/script]
  127.  
  128.  
  129. [/nobr]
  130. [div class="infoarray"]mainimg#iconimg#fullname#chunmi#role#age#gender#personality#biography#miscellaneous#rsetone#rsettwo#rsetthree#rsetfour#rsetfive#rsetsix#setone#settwo#setthree#setfour#setfive#setsix[/div]
  131. [div class="gencontainer"][nobr]
  132. [div class="pagetitle"]
  133. character sheet generator / instructions
  134. [/div]
  135. [div class="textarea"]
  136. Below is the character sheet generator. Follow the instructions given to avoid any mishaps in the resulting code. When finished, please click the button and then copy-paste the resulting output onto this thread. Please note that you cannot use any bbcode.
  137. [/div]
  138. [div class="pagetitle"]
  139. character sheet generator / images
  140. [/div]
  141. [div class="textarea"]
  142. [div class="rowflex"]
  143. [div class="metadatacontainer"]
  144. [div class="metadata"][b]main image[/b][/div]
  145. Enter a direct link to the image you plan on using. The main image should have a 3:4 aspect ratio.
  146. [/div]
  147. [div class="inputcontainer"]
  148. [input class="inputarea mainimg" type="text"][/input]
  149. [/div]
  150. [/div]
  151. [div class="rowflex" style="padding-bottom: 0px;"]
  152. [div class="metadatacontainer"]
  153. [div class="metadata"][b]icon[/b][/div]
  154. Enter a direct link to the image you plan on using. The icon image should have a 1:1 aspect ratio.
  155. [/div]
  156. [div class="inputcontainer"]
  157. [input class="inputarea iconimg" type="text"][/input]
  158. [/div]
  159. [/div]
  160. [/div]
  161. [div class="pagetitle"]
  162. character sheet generator / basics
  163. [/div]
  164. [div class="textarea"]
  165. [div class="rowflex"]
  166. [div class="metadatacontainer"]
  167. [div class="metadata"][b]full name[/b][/div]
  168. Enter full name of character, surname first.
  169. [/div]
  170. [div class="inputcontainer"]
  171. [input class="inputarea fullname" type="text"][/input]
  172. [/div]
  173. [/div]
  174. [div class="rowflex"]
  175. [div class="metadatacontainer"]
  176. [div class="metadata"][b]chunmi[/b][/div]
  177. Enter a chunmi handle for your character. For reference, this is basically the twitter of their world.
  178. [/div]
  179. [div class="inputcontainer"]
  180. [input class="inputarea chunmi" type="text"][/input]
  181. [/div]
  182. [/div]
  183. [div class="rowflex"]
  184. [div class="metadatacontainer"]
  185. [div class="metadata"][b]role[/b][/div]
  186. Which role are you playing?
  187. [/div]
  188. [div class="inputcontainer"]
  189. [input class="inputarea role" type="text"][/input]
  190. [/div]
  191. [/div]
  192. [div class="rowflex"]
  193. [div class="metadatacontainer"]
  194. [div class="metadata"][b]age[/b][/div]
  195. Character age. Please write in words, then enclose the digits in parenthesis afterwards.
  196. [/div]
  197. [div class="inputcontainer"]
  198. [input class="inputarea age" type="text"][/input]
  199. [/div]
  200. [/div]
  201. [div class="rowflex" style="padding-bottom: 0px;"]
  202. [div class="metadatacontainer"]
  203. [div class="metadata"][b]Gender[/b][/div]
  204. Enter your character's gender. Non-binary is accepted.
  205. [/div]
  206. [div class="inputcontainer"]
  207. [input class="inputarea gender" type="text"][/input]
  208. [/div]
  209. [/div]
  210. [/div]
  211. [div class="pagetitle"]
  212. character sheet generator / personality
  213. [/div]
  214. [div class="textarea"]
  215. [div class="rowflex" style="padding-bottom: 0px;"]
  216. [div class="metadatacontainer"]
  217. [div class="metadata"][b]personality[/b][/div]
  218. Talk about your character's personality here.
  219. [/div]
  220. [div class="inputcontainer"]
  221. [input class="inputarea personality" type="textarea"][/input]
  222. [/div]
  223. [/div]
  224. [/div]
  225. [div class="pagetitle"]
  226. character sheet generator / biography
  227. [/div]
  228. [div class="textarea"]
  229. [div class="rowflex" style="padding-bottom: 0px;"]
  230. [div class="metadatacontainer"]
  231. [div class="metadata"][b]biography[/b][/div]
  232. Discuss your character's past here.
  233. [/div]
  234. [div class="inputcontainer"]
  235. [input class="inputarea biography" type="textarea"][/input]
  236. [/div]
  237. [/div]
  238. [/div]
  239. [div class="pagetitle"]
  240. character sheet generator / miscellaneous
  241. [/div]
  242. [div class="textarea"]
  243. [div class="rowflex" style="padding-bottom: 0px;"]
  244. [div class="metadatacontainer"]
  245. [div class="metadata"][b]miscellaneous[/b][/div]
  246. Feel free to insert anything you want here, whether they be random facts, their favorite song, etc.
  247. [/div]
  248. [div class="inputcontainer"]
  249. [input class="inputarea miscellaneous" type="textarea"][/input]
  250. [/div]
  251. [/div]
  252. [/div]
  253. [div class="pagetitle"]
  254. character sheet generator / relations
  255. [/div]
  256. [div class="textarea"]
  257. [div class="rowflex" style="padding-bottom: 0px;"]
  258. [div class="metadatacontainer"]
  259. [div class="metadata"][b]role relation[/b][/div]
  260. Input the role for whom you want to write your relations about. Please note that you should not include your own character's role.
  261. [/div]
  262. [div class="inputcontainer"]
  263. [input class="inputarea rsetone" type="text"][/input]
  264. [/div]
  265. [/div]
  266. [div class="rowflex" style="padding-bottom: 0px;"]
  267. [div class="metadatacontainer"]
  268. [div class="metadata"][b]description[/b][/div]
  269. A brief description of their relationship
  270. [/div]
  271. [div class="inputcontainer"]
  272. [input class="inputarea setone" type="textarea"][/input]
  273. [/div]
  274. [/div]
  275. [/div]
  276. [div class="pagetitle"]
  277. character sheet generator / relations
  278. [/div]
  279. [div class="textarea"]
  280. [div class="rowflex" style="padding-bottom: 0px;"]
  281. [div class="metadatacontainer"]
  282. [div class="metadata"][b]role relation[/b][/div]
  283. Input the role for whom you want to write your relations about. Please note that you should not include your own character's role.
  284. [/div]
  285. [div class="inputcontainer"]
  286. [input class="inputarea rsettwo" type="text"][/input]
  287. [/div]
  288. [/div]
  289. [div class="rowflex" style="padding-bottom: 0px;"]
  290. [div class="metadatacontainer"]
  291. [div class="metadata"][b]description[/b][/div]
  292. A brief description of their relationship
  293. [/div]
  294. [div class="inputcontainer"]
  295. [input class="inputarea settwo" type="textarea"][/input]
  296. [/div]
  297. [/div]
  298. [/div]
  299. [div class="pagetitle"]
  300. character sheet generator / relations
  301. [/div]
  302. [div class="textarea"]
  303. [div class="rowflex" style="padding-bottom: 0px;"]
  304. [div class="metadatacontainer"]
  305. [div class="metadata"][b]role relation[/b][/div]
  306. Input the role for whom you want to write your relations about. Please note that you should not include your own character's role.
  307. [/div]
  308. [div class="inputcontainer"]
  309. [input class="inputarea rsetthree" type="text"][/input]
  310. [/div]
  311. [/div]
  312. [div class="rowflex" style="padding-bottom: 0px;"]
  313. [div class="metadatacontainer"]
  314. [div class="metadata"][b]description[/b][/div]
  315. A brief description of their relationship
  316. [/div]
  317. [div class="inputcontainer"]
  318. [input class="inputarea setthree" type="textarea"][/input]
  319. [/div]
  320. [/div]
  321. [/div]
  322. [div class="pagetitle"]
  323. character sheet generator / relations
  324. [/div]
  325. [div class="textarea"]
  326. [div class="rowflex" style="padding-bottom: 0px;"]
  327. [div class="metadatacontainer"]
  328. [div class="metadata"][b]role relation[/b][/div]
  329. Input the role for whom you want to write your relations about. Please note that you should not include your own character's role.
  330. [/div]
  331. [div class="inputcontainer"]
  332. [input class="inputarea rsetfour" type="text"][/input]
  333. [/div]
  334. [/div]
  335. [div class="rowflex" style="padding-bottom: 0px;"]
  336. [div class="metadatacontainer"]
  337. [div class="metadata"][b]description[/b][/div]
  338. A brief description of their relationship
  339. [/div]
  340. [div class="inputcontainer"]
  341. [input class="inputarea setfour" type="textarea"][/input]
  342. [/div]
  343. [/div]
  344. [/div]
  345. [div class="pagetitle"]
  346. character sheet generator / relations
  347. [/div]
  348. [div class="textarea"]
  349. [div class="rowflex" style="padding-bottom: 0px;"]
  350. [div class="metadatacontainer"]
  351. [div class="metadata"][b]role relation[/b][/div]
  352. Input the role for whom you want to write your relations about. Please note that you should not include your own character's role.
  353. [/div]
  354. [div class="inputcontainer"]
  355. [input class="inputarea rsetfive" type="text"][/input]
  356. [/div]
  357. [/div]
  358. [div class="rowflex" style="padding-bottom: 0px;"]
  359. [div class="metadatacontainer"]
  360. [div class="metadata"][b]description[/b][/div]
  361. A brief description of their relationship
  362. [/div]
  363. [div class="inputcontainer"]
  364. [input class="inputarea setfive" type="textarea"][/input]
  365. [/div]
  366. [/div]
  367. [/div]
  368. [div class="pagetitle"]
  369. character sheet generator / relations
  370. [/div]
  371. [div class="textarea"]
  372. [div class="rowflex" style="padding-bottom: 0px;"]
  373. [div class="metadatacontainer"]
  374. [div class="metadata"][b]role relation[/b][/div]
  375. Input the role for whom you want to write your relations about. Please note that you should not include your own character's role.
  376. [/div]
  377. [div class="inputcontainer"]
  378. [input class="inputarea rsetsix" type="text"][/input]
  379. [/div]
  380. [/div]
  381. [div class="rowflex" style="padding-bottom: 0px;"]
  382. [div class="metadatacontainer"]
  383. [div class="metadata"][b]description[/b][/div]
  384. A brief description of their relationship
  385. [/div]
  386. [div class="inputcontainer"]
  387. [input class="inputarea rsetsix" type="textarea"][/input]
  388. [/div]
  389. [/div]
  390. [/div]
  391. [div class="pagetitle"]
  392. character sheet generator / confirmation
  393. [/div]
  394. [div class="textarea"]
  395. [div class="rowflex" style="padding-bottom: 0px;"]
  396. [div class="metadatacontainer"]
  397. [div class="metadata"][b]confirmation[/b][/div]
  398. Click the button to the right to output the code.
  399. [/div]
  400. [div class="inputcontainer"]
  401. [div class="inputarea confirmbtn"]FINISHED[/div]
  402. [/div]
  403. [/div]
  404. [/div]
  405. [div class="pagetitle"]character sheet generator / code output[/div][/nobr][div class="textarea"][div class="inputarea outputtext" style="font-family: 'Inconsolata', monospace; text-align: left;"][plain][import]9147491[/import][div class="output"][class name=variables]--mainimg: #fdfdfd url([/plain][div class="outputtxt mainimg"][plain]...[/plain][/div][plain]) center center/cover no-repeat; --iconimg: #fdfdfd url([/plain][div class="outputtxt iconimg"][plain]...[/plain][/div][plain]) center center/cover no-repeat;[/class][/plain][br][/br][plain][div class="output fullnameoutput"][/plain][div class="outputtxt fullname"]name here[/div][plain][/div]
  406. [div class="output chunmioutput"][/plain][div class="outputtxt chunmi"]...[/div][plain][/div]
  407. [div class="output roleoutput"][/plain][div class="outputtxt role"]...[/div][plain][/div]
  408. [div class="output ageoutput"][/plain][div class="outputtxt age"]...[/div][plain][/div]
  409. [div class="output genderoutput"][/plain][div class="outputtxt gender"]...[/div][plain][/div]
  410. [div class="output personalityoutput"][/plain][div class="outputtxt personality"]...[/div][plain][/div]
  411. [div class="output biographyoutput"][/plain][div class="outputtxt biography"]...[/div][plain][/div]
  412. [div class="output miscellaneousoutput"][/plain][div class="outputtxt miscellaneous"]...[/div][plain][/div]
  413. [div class="output rrolearray"][/plain][div class="outputtxt rsetone"]...[/div]$[div class="outputtxt setone"]...[/div]#[div class="outputtxt rsettwo"]...[/div]$[div class="outputtxt settwo"]...[/div]#[div class="outputtxt rsetthree"]...[/div]$[div class="outputtxt setthree"]...[/div]#[div class="outputtxt rsetfour"]...[/div]$[div class="outputtxt setfour"]...[/div]#[div class="outputtxt rsetfive"]...[/div]$[div class="outputtxt setfive"]...[/div]#[div class="outputtxt rsetsix"]...[/div]$[div class="outputtxt setsix"]...[/div][plain][/div]
  414. [/div][/plain]
  415. [/div][/div][/div]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!