Advertisement
tsiappoworks

chiyotanda chihiro: classic

Jul 27th, 2016
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.84 KB | None | 0 0
  1. <!-----THEME MADE BY YOUMAKEMENAUXIOUS SPECIFICALLY FOR PROJECTIST.
  2. DO NOT STEAL OR COPY THIS CODE IN ANY CAPACITY. THANKS.----->
  3.  
  4. <!DOCTYPE html>
  5. <html>
  6.  
  7. <!-----------------------------TOOLTIPS------------------------------->
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  10. <script>
  11. (function($){
  12.  
  13. $(document).ready(function(){
  14.  
  15. $("a[title]").style_my_tooltips({
  16.  
  17. tip_follows_cursor:true,
  18.  
  19. tip_delay_time:0,
  20.  
  21. tip_fade_speed:0,
  22.  
  23. attribute:"title"
  24.  
  25. });
  26.  
  27. });
  28.  
  29. })(jQuery);
  30. </script>
  31.  
  32. <!----------------------POPUP_BLOCK SCRIPT BELOW-------------------------->
  33. <script type="text/javascript"
  34. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64.  
  65. <head>
  66.  
  67. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  68. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  69. <link rel="shortcut icon" href="{Favicon}" />
  70.  
  71. <meta name="color:Accent" content="#e3ced4" />
  72. <meta name="color:Accent2" content="#2d3673" />
  73. <meta name="color:Accent3" content="#FAFAFA" />
  74. <meta name="color:body font" content="#ccbfc3" />
  75. <meta name="color:Page BG" content="#f6e2ed" />
  76. <meta name="color:ask bg" content="#FAFAFA" />
  77.  
  78. <meta name="text:LinkSymbol" content="❧" />
  79. <meta name="text:URL1" content="/" />
  80. <meta name="text:URL2" content="/ask" />
  81. <meta name="text:URL3" content="/submit" />
  82. <meta name="text:URL4" content="/rules" />
  83. <meta name="text:URL5" content="/bio" />
  84. <meta name="text:URL6" content="/map" />
  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/jjbyjhd/vYAnzue4n/uchikibg.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. small, sub {
  113. font-size:12px;
  114. font-family: calibri,helvetica,arial,sans-serif;
  115. }
  116.  
  117. s,strike {
  118. color:{color:accent2};
  119. }
  120.  
  121. u,underline {
  122. color:{color:accent2};
  123. }
  124.  
  125. /*------------------- "SIDEBAR" ------------------*/
  126. #nav{
  127. position:absolute;
  128. margin-left:150px;
  129. margin-top:650px;
  130. width:520px;
  131. height:40px;
  132. text-align:center;
  133. }
  134.  
  135. #nav a{color:{color:accent2}; font-size:20px;}
  136.  
  137. #nav a:hover{
  138. color:{color:accent};
  139. }
  140.  
  141. #pagination{
  142. font-family:Calibri, Helvetica, Arial, sans-serif;
  143. font-size:10px;
  144. text-align:center;
  145. color:{color:accent2};
  146. text-transform:uppercase;
  147. letter-spacing:3px;
  148. }
  149.  
  150. #pagination a{color:{color:accent2}; padding:0px 2px;}
  151.  
  152. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  153. img{border:0; max-width:100%;max-height:auto;}
  154.  
  155. #body{
  156. z-index:70;
  157. width:535px;
  158. margin-left:150px;
  159. }
  160.  
  161. #body a{text-decoration:none;color:{color:Accent2};}
  162. #body a:hover{color:black;border-bottom:1px solid {color:Accent};}
  163. #body blockquote{width:450px;margin:0;background-color:rgba(255,255,255,0.5);margin-left:auto;margin-right:auto;}
  164. /*--------------------CONTAINER BOX THING---------------------------*/
  165. #container{
  166. position:fixed;
  167. width:520px;
  168. margin-top:329px;
  169. height:318px;
  170. overflow:auto;
  171. margin-left:0px;
  172. }
  173.  
  174. /*-------------------------INDIVID POSTS------------------------*/
  175. #post{
  176. width:500px;
  177. margin:0px 0px 0px 3px;
  178. padding:10px 0px;
  179. background-color:transparent;
  180. font-family:calibri,helvetica,arial,sans-serif;
  181. color:{color:body font};
  182. }
  183.  
  184. #post .text{font-size:11px; line-height:16px;}
  185. #post .title{font-size:20px;}
  186. .text ul li{list-style-type:circle;}
  187.  
  188. /*-------------------------PERMALINKS AND TAGS------------------------*/
  189. #permalink{
  190. position:absolute;
  191. z-index:999999;
  192. margin-top:-5px;
  193. padding:3px;
  194. font-size:10px;
  195. text-align:center;
  196. font-family:calibri,helvetica,arial,sans-serif;
  197. color:{color:accent};
  198. background:{color:accent2};
  199. width:400px;
  200. margin-left:50px;
  201. }
  202.  
  203. #permalink a{color:{color:accent3};vertical-align:middle;}
  204. #permalink a:hover{color:{color:accent};}
  205.  
  206. #tags{
  207. margin-top:15px;
  208. margin-left:50px;
  209. font-size:10px;
  210. font-family:calibri,helvetica,arial,sans-serif;
  211. width:400px;
  212. text-align:center;
  213. margin-bottom:40px;
  214. }
  215.  
  216. #notesbox{width:500px;margin:20px auto;font-size:11px;font-family:calibri,helvetica,arial,sans-serif;}
  217. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  218. #notesbox img.avatar{display:none;}
  219.  
  220. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  221. .chat ul {list-style:none; margin:0; padding:0;}
  222. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  223.  
  224. #ask a{color:white;}
  225. /*------------------------CUSTOM TOOLTIP--------------------------*/
  226. #s-m-t-tooltip {
  227. max-width:150px;
  228. padding:5px;
  229. margin:0px 0px 0px 17px;
  230. background-color:{color:accent2};
  231. font-family:calibri,helvetica,arial,sans-serif;
  232. font-size:9px;
  233. letter-spacing:2px;
  234. text-transform:lowercase;
  235. color:{color:accent3};
  236. z-index:9999;
  237. }
  238.  
  239. /*-----------------------------SCROLLBAR-----------------------------*/
  240.  
  241. ::-webkit-scrollbar {
  242. background-color:{color:accent2};border: 4.5px solid {color:page bg};width:9px;
  243. }
  244. ::-webkit-scrollbar-thumb:vertical {
  245. background-color:{color:accent2};height:auto;
  246. }
  247.  
  248. /* --------------------------- UPDATES -----------------------------*/
  249.  
  250. #updates {
  251. font-size:9px;
  252. color:{color:body font};
  253. font-family:Calibri, Helvetica, Arial, Sans-serif;
  254. text-align:center;
  255. height:13px;
  256. width:100px;
  257. padding:4px;
  258. top:15px;
  259. left:20px;
  260. z-index:10;
  261. position:fixed;
  262. overflow:hidden;
  263. -webkit-transition: all 0.5s ease-in-out;
  264. -moz-transition: all 0.5s ease-in-out;
  265. -o-transition: all 0.5s ease-in-out;
  266. }
  267.  
  268. #updates:hover {
  269. height:300px;
  270. -webkit-transition: all 0.5s ease-in-out;
  271. -moz-transition: all 0.5s ease-in-out;
  272. -o-transition: all 0.5s ease-in-out;
  273. }
  274.  
  275. #updatestitle {
  276. font-size:10px;
  277. text-transform:uppercase;
  278. font-family:arial;
  279. font-weight:bold;
  280. color:#000;
  281. }
  282.  
  283. /*-----------------------------POPUP BOXES---------------------------*/
  284. #fade { /*--Transparent background layer--*/
  285. display: none; /*--hidden by default--*/
  286. background: #000;
  287. position: fixed; left: 0; top: 0;
  288. width: 100%; height: 100%;
  289. opacity: .80;
  290. z-index: 9999;
  291. }
  292. .popup_block{
  293. display: none; /*--hidden by default--*/
  294. color:{font:body font};
  295. padding: 10px;
  296. float: left;
  297. font-size: 11.5;
  298. position: fixed;
  299. top: 50%; left: 50%;
  300. z-index: 9999999;
  301. background:url('http://static.tumblr.com/jjbyjhd/6svo01sfl/uchismall.png');
  302.  
  303. img.btn_close {
  304. float: right;
  305. margin: -20 -20px 0 0;
  306. }
  307. /*--Making IE6 Understand Fixed Positioning--*/
  308. *html #fade {
  309. position: absolute;
  310. }
  311. *html .popup_block {
  312. position: absolute;
  313. }
  314.  
  315. {CustomCSS}</style>
  316. </head>
  317. <body>
  318.  
  319. <!-- begin updates tab -->
  320.  
  321. <div id="updates">
  322. <div id="updatestitle">hover</div>
  323.  
  324. <div style="padding-top:10px;">
  325.  
  326. <span style="font-size:11px;">chiyotanda chihiro</span></b><br>
  327. <i>hq!!-based</i><br>
  328. <b>original character</b><br>
  329. est. 23 dec 2015<br>
  330. mun 21+<br>
  331.  
  332. <hr>
  333.  
  334. <span style="font-size:11px">written by <a href="/mun" style="color:#4a4a4a;text-decoration:underline;"><i>Che</i></a></span><br>
  335. do not steal content<br><br>
  336. theme optimized for windows, 1366 x 768
  337.  
  338. <hr>
  339.  
  340. <span style="font-size:11px;text-decoration:underline;">OPEN</span><br>
  341. plots, chats, para<br><br>
  342.  
  343. <span style="font-size:11px;text-decoration:underline;">CLOSED</span><br>
  344. unplotted novella,<br>
  345. rp through asks
  346.  
  347. </div></div>
  348.  
  349. <!-- end updates tab -->
  350.  
  351. </div>
  352. <!----------------------------MAIN BODY----------------------------->
  353. <div id="body">
  354. <div id="container">
  355. {block:Posts}
  356.  
  357. <!--------------------------TYPES OF POSTS----------------------------->
  358. <div id="post">
  359.  
  360. {block:Photo}
  361. <img src="{PhotoURL-500}" />
  362. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  363. {/block:Photo}
  364.  
  365. {block:Photoset}
  366. {Photoset-500}
  367. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  368. {/block:Photoset}
  369.  
  370. {block:Video}
  371. {Video-500}
  372. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  373. {/block:Video}
  374.  
  375. {block:Audio}
  376. <div class="musicbox">
  377. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  378. {block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  379. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  380. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  381. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  382. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  383. {/block:Audio}
  384.  
  385. {block:Quote}
  386. <div class="title" style="width:480px;text-align:justify;">{Quote}</div>
  387. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  388. {/block:Quote}
  389.  
  390. {block:Text}
  391. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  392. <div class="text">{Body}</div>
  393. {/block:Text}
  394.  
  395. {block:Answer}<div id="ask">
  396. <div style="background-color:{color:accent2};color:white; padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;">{Question}<br/></div>
  397. <div class="text" style="text-align:right;color:white;text-decoration:underline:">&mdash;<span style="color:white">{Asker}</span><br/></div></div></div>
  398. <div class="text" style="width:500px;">{Answer}</div>
  399. {/block:Answer}
  400.  
  401. {block:Chat}
  402. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  403. {block:Lines}<div class="chat"><li class="line_{Alt}">
  404. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  405. {/block:Lines}
  406. {/block:Chat}
  407.  
  408. {block:Link}
  409. <div class="title"><a href="{URL}">{Name}</a></div>
  410. {block:Description}<div class="text">{Description}</div>{/block:Description}
  411. {/block:Link}
  412.  
  413. </div>
  414. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  415. <div id="permalink">{block:Date}<a href="{Permalink}">{DayOFMonthWithZero} {ShortMonth}</a>&nbsp;&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}">{NoteCount}♥</a>&nbsp;&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&nbsp;&nbsp;<a href="{SourceURL}" title="{SourceName}">©</a>{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details">&nbsp;&nbsp;reblog</a></div>
  416.  
  417. <!----------------------------TAG STUFF----------------------------->
  418. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  419.  
  420. {block:PostNotes}
  421. <div id="notesbox">{PostNotes}</div>
  422. {/block:PostNotes}
  423. {/block:Posts}
  424. </div></div>
  425.  
  426. </body>
  427. <!-------------------------NAVIGATION STUFF------------------------->
  428. <div id="nav">
  429. <a href="/" title="refresh">{text:LinkSymbol}</a>&nbsp; &nbsp; &nbsp;&nbsp;
  430. <a href="/ask" title="ask">{text:LinkSymbol}</a>&nbsp; &nbsp; &nbsp;&nbsp;
  431. <a href="#?w=589" rel="story" class="poplight" title="story">{text:LinkSymbol}</a>&nbsp; &nbsp; &nbsp;&nbsp;
  432. <a href="#?w=589" rel="guide" class="poplight" title="guide">{text:LinkSymbol}</a>&nbsp; &nbsp; &nbsp;&nbsp;
  433. <a href="http://saruogase.tumblr.com/" title="school">{text:LinkSymbol}</a>&nbsp; &nbsp; &nbsp;&nbsp;
  434. <a href="/tagged/trivia" title="trivia">{text:LinkSymbol}</a>&nbsp; &nbsp; &nbsp;&nbsp;
  435. <a href="/ships" title="relationships">{text:LinkSymbol}</a><br>
  436.  
  437.  
  438. <!---------------------------PAGINATION---------------------------->
  439. {block:Pagination}<div id="pagination">
  440. {block:NextPage}<a href="{NextPage}">back</a>{/block:NextPage}
  441. &middot;
  442. {block:PreviousPage}<a href="{PreviousPage}">forth</a>{/block:PreviousPage}
  443. </div>{/block:Pagination}</div>
  444.  
  445. </div></div></div></div></div></div></div></div></div></div>
  446.  
  447.  
  448. </div>
  449.  
  450. <!-------HERE BEGIN THE POPUP BOXES------->
  451.  
  452. <div id="ask" class="popup_block" style="width:335px;height:340px;overflow:auto;margin-top:50px;">
  453. <iframe frameborder="0" scrolling="yes" width="335" height="250;" src="https://www.tumblr.com/ask_form/noborijo.tumblr.com" style="background-color:transparent; overflow:auto; display:block; float:left;" id="ask_form"></iframe>
  454. </div>
  455.  
  456. <div id="guide" class="popup_block" style="margin:10px auto;font-family:calibri, helvetica, arial, sans-serif;line-height:15px;color:{color:body font};">
  457. <div style="width:320px;height:325px;overflow:auto;background:{color:page bg};padding:5px 5px;border-top:1px solid {color:accent2};border-bottom:1px solid {color:accent2};border-left:1px solid {color:accent2};font-size:10.5px;">
  458. <h1 style="text-align:center; background:{color:body font};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">GUIDELINES</h1>
  459.  
  460. <p style="font-family:calibri,helvetica,arial,sans-serif;">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.
  461.  
  462. <p style="font-family:calibri,helvetica,arial,sans-serif;">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.
  463.  
  464. <p style="font-family:calibri,helvetica,arial,sans-serif;">Chihiro is currently single in all verses. However, 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.
  465.  
  466. <p style="font-family:calibri,helvetica,arial,sans-serif;">Obligatory warning: Mun is of age, muse is not (by American standards). Anything NSFW of a sexual nature is probably going to be uncommon, though violence, alcohol, drugs, etc. may appear (depending on who I'm writing with). Don’t worry, I’ll make sure things are tagged.
  467.  
  468. <h1 style="letter-spacing:2px;text-align:center;padding:2px 5px;font-size:12px;background-color:{color:body font};"><b><span style="color:white;">LAST NOTES</span></b></h1>
  469.  
  470. <p style="font-family:calibri,helvetica,arial,sans-serif;">If Chihiro 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.
  471. <p style="font-family:calibri,helvetica,arial,sans-serif;">I don’t always follow back–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.
  472.  
  473. </div></div>
  474.  
  475. <div id="story" class="popup_block">
  476. <div style="width:320px;height:325px;overflow:auto;background:{color:page bg};padding:5px 5px;border-top:1px solid {color:accent2};border-bottom:1px solid {color:accent2};border-left:1px solid {color:accent2};font-size:10.5px;">
  477. <table><tr>
  478. <td><div id="stats" style="color:{color:body font};font-family:calibri, helvetica, sans-serif;font-size: 11px;line-height:15px;width: 280px;height: 300px;float: left;padding:16px;">
  479. <table style="width:280px;">
  480. <tr><h1 style="text-align:center;background-color:{color:body font};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">CHIYOTANDA CHIHIRO</h1></tr>
  481. <tr><td style="width:140px;">
  482. <b>name:</b> 千代反田千尋<br>
  483. <b>birthday:</b> 01 may (15 years) <br>
  484. <b>orientation:</b> bisexual<br>
  485. <b>location:</b> osaka city, osaka<br>
  486. <b>allergies:</b> birds<br>
  487. <b>height:</b> 178.6 cm <br>
  488. <b>mbti:</b> infj <br>
  489. <b>diet:</b> pescetarian
  490. </td><td style="width:140px;">
  491. <b>handle:</b> HERO<br>
  492. <b>nickname:</b> chiyo, hiro<br>
  493. <b>job:</b> student<br>
  494. <b>p.o.b:</b> osaka city, osaka <br>
  495. <b>school:</b> <a href="http://saruogase.tumblr.com/" style="color:{color:body font}">saruogase</a> (right ws)<br>
  496. <b>weight:</b> 60 kg, give or take<br>
  497. <b>intelligence:</b> negotiation <br>
  498. <b>trivia:</b> four siblings
  499. </td></tr></table>
  500. <table><tr><td>
  501. <b>likes:</b> roller coasters, disney films, gardening, coffee.<br>
  502. <b>dislikes:</b> reading, big dogs, city smog, natto.<br>
  503. <b>disposition:</b> honest, shy, people-pleasing, stubborn.<br>
  504. <b>phobias:</b> outer space, spiders.<br>
  505. <b>strengths:</b> cooking, drawing, hiding, diplomacy, maths.<br>
  506. <b>weaknesses:</b> english, girls, lying, swimming, public speaking.<br>
  507. <b>extras:</b> occasionaly helps out at father's izakaya.<br>
  508. <b>concern:</b> due to his shyness, people think he dislikes them.
  509. </td></tr>
  510. <tr><td><center> Power: ★ ★ ★ ★ ☆
  511. <br>Jumping: ★ ★ ★ ☆ ☆
  512. <br>Stamina: ★ ★ ★ ☆ ☆
  513. <br>Game Sense: ★ ★ ★ ★ ☆
  514. <br>Technique: ★ ★ ★ ★ ☆
  515. <br>Speed: ★ ★ ☆ ☆ ☆
  516.  
  517. </center></td></tr>
  518. <tr><td><center><b>PHYSICAL</b></center></td></tr>
  519. <tr><td>Aside from his height, there isn't much about Chihiro that really stands out. His hair and eyes are both a deep brown colour, and his skin is lightly tanned. His body is fit with light muscles from all his training. In contrast, he has a bit of a baby face, round, with wide, twinkling eyes.
  520. <p>He tends to favor casual clothing rather than anything fussy or fashionable. Shorts and tall socks are a staple in his wardrobe, as are layered shirts.
  521. </td></tr>
  522. <tr><td><center><b>HISTORY</b></center></td></tr>
  523. <tr><td> Chiyotanda Chihiro grew up in a relatively average household&mdash;if one excluded how large it was. The second oldest child, and eldest son, he and his sister often had to take care of their younger siblings while their parents were at work. As a result, Chihiro is quite good at dealing with children and managing household tasks, such as cooking and cleaning. After his volleyball club activities in elementary and middle school, he often rushed home straight after school to watch over his siblings. Because of this, he had little social interaction with others outside of school.<br><br>
  524. This learned shyness didn't bother him, however. He was still capable of talking when the situation called for it. The problem was that he was too eager to please others, trying to make friends with anyone he could. This sometimes led to situations where he would be easily pushed around by others under the pretense of friendship. Once he caught on to what was going on, however, Chihiro found enough backbone to stand up for himself.<br><br>
  525. Still today, however, he finds that the majority of his friends are confined to the world of volleyball, his only reprieve from family and school life. He's grown to accept it, but wishes that his school's volleyball club could have just a bit more prestige. After all, if it's the extent of his world, he might as well make it one he could be proud of.</tr>
  526. </div></td>
  527.  
  528. </table>
  529. </div>
  530.  
  531. </div>
  532. </div>
  533. </html>
  534.  
  535. </body>
  536. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement