API tools faq
paste
Advertisement
tsiappoworks

Tsiappo's Bakery

tsiappoworks
Jun 5th, 2016
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.81 KB | None | 0 0
raw download clone embed print report
  1. <!-----THEME MADE BY NOBORIJO FOR NOBORIJO.
  2. DO NOT STEAL OR COPY THIS CODE.
  3. THANKS.----->
  4.  
  5. <!DOCTYPE html>
  6. <html>
  7.  
  8. <!-----------------------------TOOLTIPS------------------------------->
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13.  
  14. $(document).ready(function(){
  15.  
  16. $("a[title]").style_my_tooltips({
  17.  
  18. tip_follows_cursor:true,
  19.  
  20. tip_delay_time:0,
  21.  
  22. tip_fade_speed:0,
  23.  
  24. attribute:"title"
  25.  
  26. });
  27.  
  28. });
  29.  
  30. })(jQuery);
  31. </script>
  32.  
  33. <!----------------------POPUP_BLOCK SCRIPT BELOW-------------------------->
  34. <script type="text/javascript"
  35. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  36. <script>
  37. $(document).ready(function() {
  38. //
  39. $('a.poplight[href^=#]').click(function() {
  40. var popID = $(this).attr('rel'); //Get Popup Name
  41. var popURL = $(this).attr('href'); //Get Popup href to define size
  42. var query= popURL.split('?');
  43. var dim= query[1].split('&');
  44. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  45. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  46. var popMargTop = ($('#' + popID).height() + 80) / 2;
  47. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  48. //Apply Margin to Popup
  49. $('#' + popID).css({
  50. 'margin-top' : -popMargTop,
  51. 'margin-left' : -popMargLeft
  52. });
  53. $('body').append('<div id="fade"></div>');
  54. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  55. return false;
  56. });
  57. $('a.close, #fade').live('click', function() {
  58. $('#fade , .popup_block').fadeOut(function() {
  59. $('#fade, a.close').remove(); //fade them both out
  60. });
  61. return false;
  62. });
  63. });
  64. </script>
  65. <!-------------------- VERSES SCRIPT BELOW -------------------->
  66. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  67.  
  68. <head>
  69.  
  70. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  71. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  72. <link rel="shortcut icon" href="{Favicon}" />
  73.  
  74. <meta name="color:Accent" content="#e3ced4" />
  75. <meta name="color:Accent2" content="#b3e0cc" />
  76. <meta name="color:Accent3" content="#FAFAFA" />
  77. <meta name="color:body font" content="#ccbfc3" />
  78. <meta name="color:Page BG" content="#fcebea" />
  79. <meta name="color:ask bg" content="#FAFAFA" />
  80.  
  81. <meta name="font:Body" content="Helvetica" />
  82. <meta name="font:Details" content="Helvetica" />
  83.  
  84. <LINK REL="SHORTCUT ICON" HREF="http://static.tumblr.com/ws0h3xn/7Dgo5en29/cupco.gif">
  85.  
  86. <style type="text/css">
  87. /*---------------------BODY--------------------*/
  88. ::-webkit-scrollbar-thumb:vertical {
  89. background-color:transparent;
  90. height:7px;}
  91. ::-webkit-scrollbar {
  92. background-color:transparent;
  93. height:7px;
  94. width:5px;}
  95.  
  96. html {
  97. background: url('http://static.tumblr.com/ktn4nas/qEco76wif/tclp_tsiappo.png') no-repeat top left fixed;
  98. background-color:{color:Page BG};
  99. }
  100.  
  101. body {
  102. margin: 0;
  103. word-wrap: break-word;
  104. color:Calibri, helvetica, arial, sans-serif;
  105. }
  106.  
  107. body a{
  108. text-decoration:none;
  109. font-weight:700;
  110. }
  111.  
  112.  
  113. body, a, a:hover { cursor:url('http://static.tumblr.com/ws0h3xn/O1No5emhp/mooncursor.gif'), auto }
  114.  
  115. small, sub {
  116. font-size:12px;
  117. font-family: calibri,helvetica,arial,sans-serif;
  118. }
  119.  
  120. s,strike {
  121. color:{color:accent2};
  122. }
  123.  
  124. u,underline {
  125. color:{color:accent2};
  126. }
  127.  
  128.  
  129. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  130. img{border:0; max-width:100%;}
  131.  
  132. #body{
  133. position:absolute;
  134. z-index:70;
  135. margin-left:551px;
  136. }
  137.  
  138. #body a{text-decoration:none;color:{color:Accent2};}
  139. #body a:hover{color:black;border-bottom:1px solid {color:Accent};}
  140. #body blockquote{border-left:2px solid {color:accent};margin:0;padding-left:7px;}
  141. /*--------------------CONTAINER BOX THING---------------------------*/
  142. #container{
  143. position:fixed;
  144. margin-top:115px;
  145. width:530px;
  146. height:435px;
  147. overflow-x:hidden;
  148. overflow-y:auto;
  149. margin-left:-270px;
  150. }
  151.  
  152. /*-------------------------INDIVID POSTS------------------------*/
  153. #post{
  154. width:500px;
  155. margin:10px auto;
  156. padding:10px 5px;
  157. font-family: {font:Body};
  158. color:{color:body font};
  159. }
  160.  
  161. #post .text{font-size:11px; line-height:16px;}
  162. #post .title{font-size:20px;}
  163. .text ul li{list-style-type:circle;}
  164.  
  165. /*-------------------------PERMALINKS AND TAGS------------------------*/
  166. #permalink{
  167. margin-left:5px;
  168. margin-top:-10px;
  169. padding:3px 0px;
  170. font-size:10px;
  171. text-align:center;
  172. font-family:{font:Details};
  173. width:510px;
  174. color:{color:accent};
  175. background:{color:accent2};
  176.  
  177. }
  178.  
  179. #permalink a{color:{color:accent};vertical-align:middle;}
  180. #permalink a:hover{color:{color:accent3};}
  181.  
  182. #tags{
  183. margin-top:2px;
  184. text-align:center;
  185. width:510px;
  186. font-size:10px;
  187. font-family:{font:Details};
  188. margin-bottom:40px;
  189. }
  190.  
  191. #notesbox{width:500px;margin:20px auto;font-size:10px;font-family:century gothic,arial,sans-serif;}
  192. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  193. #notesbox img.avatar{display:none;}
  194.  
  195. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  196. .chat ul {list-style:none; margin:0; padding:0;}
  197. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  198.  
  199. /*----------------------------NAVIGATION--------------------------*/
  200. #navigation a{color:{color:body font};}
  201.  
  202. /*------------------------CUSTOM TOOLTIP--------------------------*/
  203. #s-m-t-tooltip {
  204. max-width:150px;
  205. padding:5px;
  206. margin:0px 0px 0px 17px;
  207. background-color:{color:accent2};
  208. font-family:{font:Body};
  209. font-size:9px;
  210. letter-spacing:2px;
  211. text-transform:lowercase;
  212. color:{color:accent3};
  213. z-index:9999;
  214. }
  215.  
  216. /* ---------------------------- UPDATES ------------------------------*/
  217.  
  218. #updates {
  219. font-size:9px;
  220. font-family:century gothic, arial;
  221. color:{color:body font};
  222. text-align:center;
  223. height:451px;
  224. width:160px;
  225. padding:4px;
  226. top:100px;
  227. left:67px;
  228. z-index:10;
  229. position:fixed;
  230. overflow-x:hidden;
  231. overflow-y:auto;
  232. }
  233.  
  234. #headerbar{
  235. left:50%;
  236. top:50%;
  237. width:400px; /*– sets width of your text –*/
  238. overflow:scroll;
  239. text-align:justify;
  240. color:#eee;
  241. font-family:calibri;
  242. font-size:12px;
  243. }
  244.  
  245. #tabbar{
  246. left:50%;
  247. top:50%;
  248. width:400px; /*– sets width of your text –*/
  249. height:400px; /*– sets height of your text –*/
  250. overflow: scroll;
  251. text-align:justify;
  252. color:#222;
  253. font-family:calibri;
  254. font-size:12px;
  255. }
  256.  
  257. ul#tabs {text-align: center;}
  258. ul#tabs li { /*– your inactive / not viewed tabs –*/
  259. display:inline-block;
  260. padding:2px;
  261. cursor:pointer;
  262. text-decoration:none;
  263. opacity:1;
  264. color:#3b6e82;
  265. }
  266.  
  267. ul#tabs li.active { /*– your active tab –*/
  268. background-color:#a6c9d7;
  269. color:#fff;
  270. -webkit-transition:
  271. all 0.5s ease-out;
  272. -moz-transition: all 0.5s ease-out;
  273. transition: all 0.5s ease-out;
  274. }
  275.  
  276. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  277. ul#tab li.active {display: block;}
  278. ul#tab li {display: none;}
  279.  
  280. /*-----------------------------POPUP BOXES---------------------------*/
  281. #fade { /*--Transparent background layer--*/
  282. display: none; /*--hidden by default--*/
  283. background: #000;
  284. position: fixed; left: 0; top: 0;
  285. width: 100%; height: 100%;
  286. opacity: .80;
  287. z-index: 9999;
  288. }
  289. .popup_block{
  290. display: none; /*--hidden by default--*/
  291. color:{font:body font};
  292. padding: 10px;
  293. float: left;
  294. font-size: 11.5;
  295. position: fixed;
  296. top: 50%; left: 50%;
  297. z-index: 9999999;
  298.  
  299. img.btn_close {
  300. float: right;
  301. margin: -20 -20px 0 0;
  302. }
  303. /*--Making IE6 Understand Fixed Positioning--*/
  304. *html #fade {
  305. position: absolute;
  306. }
  307. *html .popup_block {
  308. position: absolute;
  309. }
  310.  
  311. {CustomCSS}</style>
  312. </head>
  313. <body>
  314.  
  315. <!-- begin updates tab -->
  316.  
  317. <div id="updates">
  318.  
  319. <div style="padding-top:10px;">
  320.  
  321. <p> <a href="/"><img src="http://static.tumblr.com/ktn4nas/EhQo6srgf/tsiappo_name.png"></a><br>
  322. <span style="font-size:9px">
  323. <b>your local magical kid</b></p>
  324. <img src="http://static.tumblr.com/mpgtugs/3Pko58vxb/3bow.png">
  325. <p>independent & fandomless<br></span>
  326. SELECTIVE & PRIVATE</p>
  327. <img src="http://static.tumblr.com/mpgtugs/3Pko58vxb/3bow.png">
  328.  
  329. <!------------------------- NAVIGATION -------------------------->
  330. <p>
  331. <div id="navigation" style="font-size:11px;">navigation<br>
  332. <a href="#?w=700" rel="ask" class="poplight" title="ask">✕</a>
  333. <a href="#?w=400" rel="story" class="poplight" title="story">✕</a>
  334. <a href="#?w=400" rel="guide" class="poplight" title="guide">✕</a>
  335. <a href="/verselanding" title="verses">✕</a>
  336. <a href="/tagged/trivia" title="trivia">✕</a>
  337. <a href="/commish" title="commissions">✕</a>
  338. </div></p>
  339. <!------------------------ NAV END ------------------------------>
  340. <img src="http://static.tumblr.com/mpgtugs/3Pko58vxb/3bow.png"><br>
  341. <p>est. 7 may 2016<br>
  342. <span style="font-size:11px">written by <a href="/mun" style="color:white;text-shadow: black 0 0 2px;">CHE</a></span> (21+)</p>
  343. <img src="http://static.tumblr.com/mpgtugs/3Pko58vxb/3bow.png">
  344. <p><span style="font-size:11px;text-decoration:underline;">OPEN</span><br>
  345. plots, chats, para<br>
  346.  
  347. <span style="font-size:11px;text-decoration:underline;">CLOSED</span><br>
  348. unplotted novella,<br>
  349. rp through asks</p>
  350. <img src="http://static.tumblr.com/mpgtugs/3Pko58vxb/3bow.png">
  351. {block:Pagination}<p>
  352. {block:NextPage}<a href="{NextPage}" style="color:white;text-shadow: black 0 0 2px;">old</a>{/block:NextPage}
  353. {block:PreviousPage}&nbsp;/&nbsp;<a href="{PreviousPage}" style="color:white;text-shadow: black 0 0 2px;">new</a>{/block:PreviousPage}
  354. </p><img src="http://static.tumblr.com/mpgtugs/3Pko58vxb/3bow.png">{/block:Pagination}
  355. </div></div>
  356.  
  357. <!-- end updates tab -->
  358.  
  359. </div>
  360. <!----------------------------MAIN BODY----------------------------->
  361. <div id="body">
  362. <div id="container">
  363. {block:Posts}
  364.  
  365. <!--------------------------TYPES OF POSTS----------------------------->
  366. <div id="post">
  367. {block:Photo}
  368. <a href="{LinkURL}"><img src="{PhotoURL-500}" /></a>
  369. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  370. {/block:Photo}
  371.  
  372. {block:Photoset}
  373. {Photoset-500}
  374. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  375. {/block:Photoset}
  376.  
  377. {block:Video}
  378. {Video-500}
  379. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  380. {/block:Video}
  381.  
  382. {block:Audio}
  383. <div class="musicbox">
  384. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  385. {block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  386. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  387. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  388. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  389. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  390. {/block:Audio}
  391.  
  392. {block:Quote}
  393. <div class="title" style="width:500px;margin:auto;text-align:justify;">{Quote}</div>
  394. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  395. {/block:Quote}
  396.  
  397. {block:Text}
  398. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  399. <div class="text">{Body}</div>
  400. {/block:Text}
  401.  
  402. {block:Answer}
  403. <div style="background-color:rgba(45,54,115,0.2); padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;">{Question}<br/></div>
  404. <div class="text" style="text-align:right;">&mdash;{Asker}<br/></div></div>
  405. <div class="text">{Answer}</div>
  406. {/block:Answer}
  407.  
  408. {block:Chat}
  409. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  410. {block:Lines}<div class="chat"><li class="line_{Alt}">
  411. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  412. {/block:Lines}
  413. {/block:Chat}
  414.  
  415. {block:Link}
  416. <div class="title"><a href="{URL}">{Name}</a></div>
  417. {block:Description}<div class="text">{Description}</div>{/block:Description}
  418. {/block:Link}
  419. </div>
  420.  
  421. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  422. <div id="permalink">{block:Date}<a href="{Permalink}">{DayOFMonthWithZero} {ShortMonth} {Year}</a> |&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> |&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> |&nbsp;{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceName}">©</a> |&nbsp;{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  423. <!----------------------------TAG STUFF----------------------------->
  424. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  425.  
  426. {block:PostNotes}
  427. <div id="notesbox">{PostNotes}</div>
  428. {/block:PostNotes}
  429. {/block:Posts}
  430. </div></div>
  431.  
  432. </body>
  433.  
  434. </div></div></div></div></div></div></div></div></div></div>
  435.  
  436.  
  437. </div>
  438.  
  439. <!-------HERE BEGIN THE POPUP BOXES------->
  440.  
  441. <div id="ask" class="popup_block" style="overflow:auto;">
  442.  
  443. <table>
  444. <tr><td>
  445. <iframe frameborder="0" scrolling="yes" width="340" height="150" src="https://www.tumblr.com/ask_form/tsiapappo.tumblr.com" style="background-color:transparent; overflow:auto; display:block; float:left;" id="ask_form"></iframe>
  446. </td></tr>
  447. </table>
  448. </div>
  449.  
  450. <div id="submit" class="popup_block" style="overflow:auto;">
  451.  
  452. <table>
  453. <tr><td>
  454. <iframe frameborder="0" scrolling="yes" width="340" height="250" src="https://www.tumblr.com/submit_form/mercantilistic.tumblr.com" style="background-color:transparent; overflow:auto; display: block; float:right; margin-left:20px;" id="submit_form"></iframe>
  455. </td></tr>
  456. </table>
  457. </div>
  458.  
  459. <div id="guide" class="popup_block" style="margin:0px auto; padding:10px 30px; background:#FCFBF8;font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font}">
  460.  
  461. <h1 style="text-align:center; background:#a6c9d7;color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">GUIDELINES</h1>
  462.  
  463. <p style="font-family:calibri,helvetica,arial,sans-serif;color:#3b6e82;">I’m going to keep this simple and assume you know how these things work. No godmodding, try your best to use proper grammar, etc. I’m not a stickler for length, but at least give me enough to work with. If I give you a few paragraphs, don’t leave me with two sentences. That’s not cool.
  464.  
  465. <p style="font-family:calibri,helvetica,arial,sans-serif;color:#3b6e82;">As a heads up, I’m just going to put it out there that I’m less inclined to roleplay with people who write in purple prose. Nothing personal, but I don’t care for diction/syntax muddling clarity.
  466.  
  467. <p style="font-family:calibri,helvetica,arial,sans-serif;color:#3b6e82;">Shipping is not my main focus…but I’m still more than willing to give a ship a try. It just needs buildup and it needs to make sense. Nothing instant over here.<br> <b>NOTE:</b> Shipping will rarely ever make sense.
  468.  
  469. <p style="font-family:calibri,helvetica,arial,sans-serif;color:#3b6e82;">Obligatory warning: Mun/muse of age. Anything NSFW of a sexual nature is probably never going to happen, though violence, alcohol, drugs, etc. may appear (depending on who I'm writing with). Don’t worry, I’ll make sure things are tagged.
  470.  
  471. <h1 style="letter-spacing:2px;text-align:center;padding:2px 5px;font-size:12px;background-color:#a6c9d7;"><b><span style="color:white;">LAST NOTES</span></b></h1>
  472.  
  473. <p style="font-family:calibri,helvetica,arial,sans-serif;color:#3b6e82;">If Tsiappo has so much development with a character that playing with a duplicate could be considered disrespectful, I reserve the right to put priority over the original.
  474. <p style="font-family:calibri,helvetica,arial,sans-serif;color:#3b6e82;">I don’t always follow back&mdash;I like a clean dash, so if you post a lot of images/OOC in a short time, I probably won’t follow unless I really like you. If we’re mutuals, you can tag me in a post at any time. If we aren’t, you can still try tagging me in something, but I might not stick with it for very long.
  475.  
  476. </div>
  477.  
  478. <div id="story" class="popup_block" style="margin:0px auto; padding:10px 30px; background:#FCFBF8;font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font}">
  479.  
  480. <div id="headerbar">
  481. <ul id="tabs">
  482. <li class="active">stats</li>
  483. <li>history</li>
  484. <li>extra</li>
  485. </ul></div>
  486. <div id="tabbar">
  487. <ul id="tab">
  488.  
  489. <li class="active" style="color:{color:body font};">
  490.  
  491. <table style="width:400px;color:#3b6e82;">
  492. <tr><h1 style="text-align:center;background-color:#a6c9d7;color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">TSIAPPO CHE</h1></tr>
  493. <tr><td style="width:200px;">
  494. <b>birthday:</b> 13 april (22 years) <br>
  495. <b>orientation:</b> demiromantic asexual<br>
  496. <b>location:</b> the nearest electrical outlet<br>
  497. <b>pets:</b> 2 cockatiels, galileo & aristotle<br>
  498. <b>height:</b> 5'3.5" (the .5 is important)<br>
  499. <b>mbti:</b> intp (the architect)<br>
  500. <b>allergies:</b> lactose (barring cheese)
  501. </td><td style="width:200px;">
  502. <b>super name:</b> monkey business<br>
  503. <b>nickname:</b> cheebles, cheese<br>
  504. <b>job:</b> freelance artist</em><br>
  505. <b>p.o.b:</b> california, u.s.a <br>
  506. <b>figure:</b> soft, pudgy<br>
  507. <b>quirk:</b> simian nature<br>
  508. <b>intelligence:</b> business, language <br>
  509. </td></tr></table>
  510. <table style="color:#3b6e82;"><tr><td>
  511. <b>likes:</b> tuna, sketchbooks, cell phone culture, film history.<br>
  512. <b>dislikes:</b> lack of sleep, dirty feet, bugs, coffee.<br>
  513. <b>disposition:</b> careful, eager, inquisitive, judgemental.<br>
  514. <b>phobias:</b> the dark, not being useful, cars.<br>
  515. <b>strengths:</b> drawing, computers, marketing, tetris, public speaking.<br>
  516. <b>weaknesses:</b> athletics, chit-chat, organization, hot weather, teamwork.<br>
  517. <b>dream:</b> to become a world reknowned film director.<br>
  518. <b>extras:</b> uses glasses for reading.<br>
  519. <b>current concern:</b> work is slow and money is tight.
  520. </td></tr>
  521. <tr><td><center><b>PHYSICAL</b></center></td></tr>
  522. <tr><td>Of a moderate height and chubby build, Tsiappo is that rare type of person that can either stand out in a crowd or blend in seamlessly, depending on their mood. Their eyes are nearly black in colour, framed by long lashes and always decorated with winged eyeliner. Their brown hair is shoulder-length and almost always worn down, even on the hottest days. They tend to dress for comfort, preferring breezy maxi dresses or kitschy sweaters and leggngs. They have a long scar running across the right side of their neck, and another scar along the length of their right pinky finger.</td></tr>
  523. </div></td>
  524.  
  525. </table>
  526.  
  527. </li>
  528.  
  529. <li style="color:#3b6e82;"><h1 style="text-align:center;background-color:#a6c9d7;color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">THE BASICS</h1>
  530.  
  531. <p>&nbsp; &nbsp; &nbsp; &nbsp; In a nutshell, their life can be summed up as &ldquo;the art of getting by.&rdquo; The oldest of four children, all of them with various neuroses, Tsiappo has been a de facto leader, of sorts, for as long as they can remember. They've always taken to the role naturally, if not entirely willingly. Their early life was fairly unremarkable, aside from a marked disinterest in practical things. They always imagined a different, more fantastical world&mdash;one where a 9-5 job wasn't necessary and people could roam about and live according to passing fancies.
  532. <p>&nbsp; &nbsp; &nbsp; &nbsp; When Tsiappo finished their schooling, they decided to emulate their personal hero, the intrepid journalist Tintin, and travel the world, ostensibly as a freelance artist. As of now, they move around a lot and do odd jobs here and there for supplemental income.
  533. <p>&nbsp; &nbsp; &nbsp; &nbsp; Tsiappo is more lonely than they let on. Their real goal is to make friends they can keep for life, people who won't judge them and their quixotic, illogical nature. They seem to make friends wherever they go, but the relationships never last long.</tr></p>
  534.  
  535. </li>
  536.  
  537. <li style="color:#3b6e82;">
  538.  
  539. <center>To unlock more information, you must be a level 10 friend.</center>
  540.  
  541. </li>
  542.  
  543. </ul> <!--- important. don’t delete --->
  544. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  545. </html>
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!