API tools faq
paste
Advertisement
sybilline

COVEN * APP

sybilline
Mar 30th, 2020
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.98 KB | None | 0 0
raw download clone embed print report
  1. <p style="width:350px;text-align:justify;margin:30px;color:#929292;font-family:verdana;line-height:12px;font-size:12px;">. good day to all! this is simply an example and is still a wip. use this as a guide when making your own app! <3</p>
  2.  
  3. <div style="padding:50px;width:540px;float:left;background:#f8f8f8;margin:50px 0px 0px 150px;color:#797979;">
  4. <div style="width:500px;background:#fff;border:#dbdbdb solid 1px;float:left;padding:20px;opacity:.8;">
  5. <div style="width:150px;height:250px;float:left;margin-top:0px;"><img alt="replace with fc" src="https://i.pinimg.com/originals/d6/39/59/d63959adfc6ff675c4d7eccaaa5edc03.jpg" style="width:150px;height:250px;opacity:.6;" /></div>
  6.  
  7. <div style="width:200px;height:230px;float:left;margin-top:10px;overflow:hidden;">
  8. <div style="width:220px;height:230px;float:left;overflow:auto;padding-right:12px;">
  9. <div style="width:200px;float:left;">
  10. <p style="margin:0px 20px 0px;font-size:11px;line-height:8px;text-align:center;letter-spacing:2px;font-family:times new roman;color:#3d0000;text-transform:uppercase;font-weight:bold;">HAEWON</p>
  11.  
  12. <p style="margin:0px 20px 10px;font-size:10px;line-height:8px;font-family:times new roman;text-align:center;color:black;">jigu : earth</p>
  13.  
  14. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:#3d0000;font-family:times new roman;font-weight:bold;">NICKNAMES:</span></p>
  15.  
  16. <p style="text-align:justify;margin:0px 20px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ here - explanation<br />
  17. ✩ here - explanation</p>
  18.  
  19.  
  20. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:black;font-family:times new roman;font-weight:bold;">APPEARANCE:</span></p>
  21.  
  22. <p style="text-align:justify;margin:0px 20px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ You may choose to use pararaphs or be creative and make a gallery! Tweak the code to your heart's desire <3</p>
  23.  
  24. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:#3d0000;font-family:times new roman;font-weight:bold;">FASHION:</span></p>
  25.  
  26. <p style="text-align:justify;margin:0px 20px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ Think of what a witch isolated in an island with six other sisters would wear. But also, think 2020. Also, relate their style to their personalities, not just as a mere witch.</p>
  27. </div>
  28. </div>
  29. </div>
  30.  
  31. <div style="width:150px;height:250px;float:left;">
  32. <div style="width:150px;height:140px;background:#f8f8f8;float:left;overflow:hidden;border-bottom:4px solid #eee;">
  33. <div style="width:160px;height:120px;float:left;margin-top:10px;padding-right:12px;overflow:auto;">
  34. <div style="width:150px;float:left;">
  35. <p style="text-align:justify;margin:0px 10px 0px 10px;font-size:11px;line-height:12px;font-family:'times new roman';">Description of character / introduction / short biography.&nbsp;</p>
  36. </div>
  37. </div>
  38. </div>
  39.  
  40. <div style="width:150px;height:100px;margin:5px 0px 5px 0px;float:left;overflow:hidden;">
  41. <div style="width:170px;height:100px;float:left;overflow:auto;padding-right:12px;">
  42. <div style="width:150px;float:left;">
  43. <p style="text-align:justify;margin:0px 10px 0px 10px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:#3d0000;font-family:times new roman;font-weight:bold;">BIRTHDATE:</span> here<br />
  44. <span style="color:black;font-family:times new roman;font-weight:bold;">FAMILIAR:</span> here<br />
  45. <span style="color:#3d0000;font-family:times new roman;font-weight:bold;">SPECIALTY:</span> here</p>
  46.  
  47. <p style="text-align:justify;margin:10px 10px 0px 10px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:black;font-family:times new roman;font-weight:bold;">FACE CLAIM:</span> here<br />
  48. <span style="color:#3d0000;font-family:times new roman;font-weight:bold;">BACK UP:</span> here<br />
  49. <span style="color:black;font-family:times new roman;font-weight:bold;">HEIGHT:</span> here<br />
  50. <span style="color:#3d0000;font-family:times new roman;font-weight:bold;">WEIGHT:</span> here</p>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56.  
  57. <div style="width:500px;background:#fff;border:#dbdbdb solid 1px;float:left;margin-top:10px;padding:20px;opacity:.8;">
  58. <p style="margin:0px 20px 0px;font-size:11px;line-height:8px;text-align:center;letter-spacing:2px;font-family:times new roman;color:#3d0000;text-transform:uppercase;font-weight:bold;">bippity boppity boo!</p>
  59.  
  60. <p style="margin:0px 20px 10px;font-size:10px;line-height:8px;font-family:times new roman;text-align:center;color:black;">subtitle</p>
  61.  
  62. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:#3d0000;font-family:times new roman;font-weight:bold;">PERSONALITY TRAITS:</span> expand on both positive and negative attributes<br />
  63. <span style="color:black;font-family:times new roman;font-weight:bold;">PERSONALITY:</span></p>
  64.  
  65. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';">Go wild! This is the part I love reading the most! <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac libero et massa rhoncus efficitur in ut sapien. Morbi neque mauris, finibus a pulvinar ut, pharetra ut lectus. Vivamus vitae tellus fermentum lacus pharetra mattis. Cras finibus massa varius diam faucibus gravida. Vivamus at arcu est. Sed scelerisque ligula vitae erat pharetra, vitae tempor turpis commodo. Vestibulum posuere ligula at dolor placerat, id bibendum nulla laoreet. Fusce molestie leo urna, eu sagittis nisi semper aliquet. Phasellus maximus eu mi non semper. Mauris malesuada diam elit, id dignissim lorem rhoncus sed.</p>
  66.  
  67. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:#3d0000;font-family:times new roman;font-weight:bold;">BACKGROUND:</span>&nbsp;</p>
  68.  
  69. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';">You may choose to elaborate on their births, why they were born or the circusmtances of the world during which they were born. Like I said, please be as free and as creative as you can! <br><br> Fusce molestie leo urna, eu sagittis nisi semper aliquet. Phasellus maximus eu mi non semper. Mauris malesuada diam elit, id dignissim lorem rhoncus sed. Fusce nisl diam, aliquam in tellus vitae, vulputate luctus nisl. Nunc ipsum lorem, rutrum malesuada euismod et, convallis eu enim. Mauris hendrerit turpis velit, ac fermentum enim facilisis sit amet. Phasellus quis massa orci. Maecenas molestie massa ac mauris consectetur sodales. Sed eget est et est blandit volutpat. Vestibulum scelerisque justo non maximus sollicitudin. Nam ut sollicitudin dolor. Suspendisse suscipit dignissim justo, a pretium nisi feugiat eget. Nunc interdum id mauris et accumsan.</p>
  70.  
  71. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:black;font-family:times new roman;font-weight:bold;">TRIVIA:</span></p>
  72.  
  73. <p style="text-align:justify;margin:0px 20px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ here<br />
  74. ✩ here<br />
  75. ✩ here<br />
  76. ✩ here<br />
  77. ✩ here</p>
  78.  
  79. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:3d0000;font-family:times new roman;font-weight:bold;">RELATIONSHIPS:</span>&nbsp;</p>
  80.  
  81. <p style="text-align:justify;margin:0px 20px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ for this part, i'd like it if you to elaborate on your relationship with the other sisters. i highly encourage collaboration!</p>
  82.  
  83. <p style="text-align:justify;margin:0px 20px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ relation - name (age) / occupation / personality traits / closeness<br />
  84. interactions</p>
  85.  
  86. <p style="text-align:justify;margin:0px 20px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ relation - name (age) / occupation / personality traits / closeness<br />
  87. interactions</p>
  88. </div>
  89.  
  90. <div style="width:500px;background:#fff;border:#dbdbdb solid 1px;float:left;margin-top:10px;padding:10px 20px 20px 20px;opacity:.8;">
  91. <div style="width:360px;height:210px;float:left;margin-top:20px;overflow:hidden;">
  92. <div style="width:380px;height:210px;float:left;overflow:auto;padding-right:12px;">
  93. <div style="width:360px;float:left;">
  94. <p style="margin:0px 0px 0px;font-size:11px;line-height:8px;text-align:center;letter-spacing:2px;font-family:times new roman;color:#3d0000;text-transform:uppercase;font-weight:bold;">plotline name</p>
  95.  
  96. <p style="margin:0px 0px 0px;font-size:10px;line-height:8px;font-family:times new roman;text-align:center;color:black;">back up</p>
  97. <br>
  98.  
  99. <p style="text-align:justify;margin:0px 0px 10px 0px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:black;font-family:times new roman;font-weight:bold;text-transform:uppercase;">who is your favorite sister?</span></p>
  100.  
  101. <p style="text-align:justify;margin:0px 0px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ Elaborate your relationship with this sister.</p>
  102.  
  103. <p style="text-align:justify;margin:0px 0px 10px 0px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:3d0000;font-family:times new roman;font-weight:bold;text-transform:uppercase;">what do you do during your free time?</span>&nbsp;</p>
  104.  
  105. <p style="text-align:justify;margin:0px 0px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';">✩&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dictum massa vitae est laoreet ultricies. Donec venenatis neque ac sapien eleifend, vel efficitur dolor gravida. Vivamus efficitur nulla id lorem feugiat laoreet at in lacus.</p>
  106.  
  107. <p style="text-align:justify;margin:0px 0px 10px 0px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:black;font-family:times new roman;font-weight:bold;text-transform:uppercase;">what is your relationship with your familiar?</span></p>
  108.  
  109. <p style="text-align:justify;margin:0px 0px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';">✩&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dictum massa vitae est laoreet ultricies. Donec venenatis neque ac sapien eleifend, vel efficitur dolor gravida. Vivamus efficitur nulla id lorem feugiat laoreet at in lacus.&nbsp;</p>
  110.  
  111. <p style="text-align:justify;margin:0px 0px 10px 0px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:3d0000;font-family:times new roman;font-weight:bold;text-transform:uppercase;">how do you intend to save witchcraft?</span>&nbsp;</p>
  112.  
  113. <p style="text-align:justify;margin:0px 0px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';">✩&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dictum massa vitae est laoreet ultricies. Donec venenatis neque ac sapien eleifend, vel efficitur dolor gravida. Vivamus efficitur nulla id lorem feugiat laoreet at in lacus.</p>
  114. </div>
  115. </div>
  116. </div>
  117.  
  118. <div style="width:120px;height:230px;margin:5px 0px 0px 20px;float:left;background:#f8f8f8;border-bottom:4px solid #eee;"><img alt="replace with fc" src="https://66.media.tumblr.com/a6f5ce41dc247e4898dcc0bb6ce66c03/tumblr_ovrvxvzjAm1rcnouoo6_250.png" style="width:100px;height:100px;margin:10px;opacity:.6;" /><br />
  119. <img alt="replace with fc" src="https://66.media.tumblr.com/21bb1cba91b3bb357fd9cf5f000a40b4/tumblr_ovrvxvzjAm1rcnouoo5_250.png" style="width:100px;height:100px;margin:-5px 10px 0px 10px;opacity:.6;" /></div>
  120. </div>
  121.  
  122. <div style="width:500px;background:#fff;border:#dbdbdb solid 1px;margin-top:10px;float:left;padding:20px;opacity:.8;">
  123. <div style="width:150px;height:250px;float:left;margin-top:0px;"><img alt="replace with love int" src="https://www.itl.cat/pngfile/big/233-2332561_black-and-white-willow-tree.jpg" style="width:150px;height:250px;opacity:.6;" /></div>
  124.  
  125. <div style="width:350px;height:230px;float:left;margin-top:10px;overflow:hidden;">
  126. <div style="width:370px;height:230px;float:left;overflow:auto;padding-right:12px;">
  127. <div style="width:350px;float:left;">
  128. <p style="margin:0px 0px 0px;font-size:11px;line-height:8px;text-align:center;letter-spacing:2px;font-family:times new roman;color:#3d0000;text-transform:uppercase;font-weight:bold;">love interest</p>
  129.  
  130. <p style="margin:0px 0px 10px;font-size:10px;line-height:8px;font-family:times new roman;text-align:center;color:black;">back up</p>
  131.  
  132. <p style="text-align:justify;margin:0px 0px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:#3d0000;font-family:times new roman;font-weight:bold;">PERSONALITY:</span></p>
  133.  
  134. <p style="text-align:justify;margin:0px 0px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac libero et massa rhoncus efficitur in ut sapien. Morbi neque mauris, finibus a pulvinar ut, pharetra ut lectus. Vivamus vitae tellus fermentum lacus pharetra mattis.&nbsp;</p>
  135.  
  136. <p style="text-align:justify;margin:0px 0px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:black;font-family:times new roman;font-weight:bold;">LOVE STORY:</span></p>
  137.  
  138. <p style="text-align:justify;margin:0px 0px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac libero et massa rhoncus efficitur in ut sapien. Morbi neque mauris, finibus a pulvinar ut, pharetra ut lectus.</p>
  139.  
  140. <p style="text-align:justify;margin:0px 0px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:#3d0000;font-family:times new roman;font-weight:bold;">STATUS:</span>&nbsp;here<br />
  141. <span style="color:black;font-family:times new roman;font-weight:bold;">ENDING:</span>&nbsp;here</p>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146.  
  147. <div style="width:500px;background:#fff;border:#dbdbdb solid 1px;float:left;margin-top:10px;padding:20px;opacity:.8;">
  148. <p style="margin:0px 20px 0px;font-size:11px;line-height:8px;text-align:center;letter-spacing:2px;font-family:times new roman;color:#3d0000;text-transform:uppercase;font-weight:bold;"><a href="#" style="color:#3d0000;">RETURN TO the STORY</a></p>
  149.  
  150. <p style="margin:0px 20px 10px;font-size:10px;line-height:8px;font-family:times new roman;text-align:center;color:black;">username ✩ nickname</p>
  151.  
  152. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:black;font-family:times new roman;font-weight:bold;">LAST COMMENT:</span>&nbsp;here</p>
  153.  
  154. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:3d0000;font-family:times new roman;font-weight:bold;">SCENE REQUEST:</span>&nbsp;</p>
  155.  
  156. <p style="text-align:justify;margin:0px 20px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ here</p>
  157.  
  158. <p style="text-align:justify;margin:0px 20px 10px 30px;font-size:11px;line-height:12px;font-family:'times new roman';">✩ here</p>
  159.  
  160. <p style="text-align:justify;margin:0px 20px 10px 20px;font-size:11px;line-height:12px;font-family:'times new roman';"><span style="color:black;font-family:times new roman;font-weight:bold;">PASSWORD:</span>&nbsp;here</p>
  161. </div>
  162.  
  163. <p style="text-align:right;font-size:10px;margin:0px;font-family:tahoma;"><a href="https://www.asianfanfics.com/story/view/1115530" style="color:#929292;"><span class="tooltip" style="border:0px;" title="layout made by mintcream at mintleaf designs">「MINTLEAF DESIGNS」</span></a></p>
  164. </div>
  165.  
  166. <div style="clear:both;">&nbsp;</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!