Advertisement
RageQxeen

Kanji Tatsumi

Jul 11th, 2020
115
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.79 KB | None | 0 0
  1. <html>
  2. <body>
  3. <script defer>
  4. window.onload = function() {
  5. var isCtrl = false;
  6. document.onkeyup=function(e)
  7. {
  8. if(e.which == 17)
  9. isCtrl=false;
  10. }
  11. document.onkeydown=function(e)
  12. {
  13. if(e.which == 17)
  14. isCtrl=true;
  15. if((e.which == 85) || (e.which == 67) && (isCtrl == true))
  16. {
  17. return false;
  18. }
  19. }
  20. var isNS = (navigator.appName == "Netscape") ? 1 : 0;
  21. if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
  22. function mischandler(){
  23. return false;
  24. }
  25. function mousehandler(e){
  26. var myevent = (isNS) ? e : event;
  27. var eventbutton = (isNS) ? myevent.which : myevent.button;
  28. if((eventbutton==2)||(eventbutton==3)) return false;
  29. }
  30. document.oncontextmenu = mischandler;
  31. document.onmousedown = mousehandler;
  32. document.onmouseup = mousehandler;
  33.  
  34. if (document.addEventListener) { // IE >= 9; other browsers
  35. document.addEventListener('contextmenu', function(e) {
  36. alert(" Try asking RageQxeen for her codes instead."); //here you draw your own menu
  37. e.preventDefault();
  38. }, false);
  39. } else { // IE < 9
  40. document.attachEvent('oncontextmenu', function() {
  41. alert("O sun, abide to death.");
  42. window.event.returnValue = false;
  43. });
  44. }
  45. };
  46. </script>
  47. <style type="text/css">
  48.  
  49. @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500&display=swap');
  50.  
  51. html, body {
  52. background: rgb(243,209,39);
  53. background: -moz-linear-gradient(90deg, rgba(243,209,39,1) 0%, rgba(185,174,90,1) 54%, rgba(182,130,12,1) 56%, rgba(125,215,16,1) 60%, rgba(144,112,21,1) 64%, rgba(142,168,165,1) 68%, rgba(179,21,9,1) 69%, rgba(60,152,17,1) 72%, rgba(232,166,9,1) 75%, rgba(127,75,0,1) 79%, rgba(207,173,83,1) 83%, rgba(80,74,183,1) 86%, rgba(160,189,245,1) 88%, rgba(85,6,40,1) 90%, rgba(142,94,138,1) 93%, rgba(244,230,237,1) 95%, rgba(158,1,39,1) 98%);
  54. background: -webkit-linear-gradient(90deg, rgba(243,209,39,1) 0%, rgba(185,174,90,1) 54%, rgba(182,130,12,1) 56%, rgba(125,215,16,1) 60%, rgba(144,112,21,1) 64%, rgba(142,168,165,1) 68%, rgba(179,21,9,1) 69%, rgba(60,152,17,1) 72%, rgba(232,166,9,1) 75%, rgba(127,75,0,1) 79%, rgba(207,173,83,1) 83%, rgba(80,74,183,1) 86%, rgba(160,189,245,1) 88%, rgba(85,6,40,1) 90%, rgba(142,94,138,1) 93%, rgba(244,230,237,1) 95%, rgba(158,1,39,1) 98%);
  55. background: linear-gradient(90deg, rgba(243,209,39,1) 0%, rgba(185,174,90,1) 54%, rgba(182,130,12,1) 56%, rgba(125,215,16,1) 60%, rgba(144,112,21,1) 64%, rgba(142,168,165,1) 68%, rgba(179,21,9,1) 69%, rgba(60,152,17,1) 72%, rgba(232,166,9,1) 75%, rgba(127,75,0,1) 79%, rgba(207,173,83,1) 83%, rgba(80,74,183,1) 86%, rgba(160,189,245,1) 88%, rgba(85,6,40,1) 90%, rgba(142,94,138,1) 93%, rgba(244,230,237,1) 95%, rgba(158,1,39,1) 98%);
  56. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3d127",endColorstr="#9e0127",GradientType=1);
  57. }
  58.  
  59. ::-webkit-scrollbar-button:vertical:{
  60. background-color: #transparent;}
  61.  
  62. ::-webkit-scrollbar-thumb:vertical {
  63. background-color:#transparent;
  64. height:150px;}
  65.  
  66. ::-webkit-scrollbar-thumb:horizontal {
  67. background-color:#transparent;
  68. height:60px;}
  69.  
  70.  
  71. ::-webkit-scrollbar {
  72. height:60px;
  73. width:5px;
  74. background-color:#transparent;}
  75.  
  76. #image {
  77. width: 35vw;
  78. margin: 0px;
  79. border: none;
  80. height: 40vw;
  81. background-color:transparent;
  82. position: absolute;
  83. right: 0vw;
  84. bottom: 0vw;
  85. background-image:url("http://i.picpar.com/JaFe.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. filter: drop-shadow(-23px -18px 5px #f9ee5d);
  90. -webkit-animation: slide-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3s both;
  91. animation: slide-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3s both;
  92. }
  93.  
  94. #line {
  95. width: 40vw;
  96. height: 4vw;
  97. background-color: #000;
  98. position: absolute;
  99. left: 0vw;
  100. bottom: 35vw;
  101. margin: 0vw;
  102. border-radius: 0 30px 30px 0;
  103. z-index: auto;
  104. -webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
  105. animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
  106. }
  107.  
  108. .title {position: absolute;
  109. font-family: 'Fira Sans';
  110. color: #fff;
  111. font-size: 2.5vw;
  112. top: .5vw;
  113. right: 11vw;
  114. width: 20vw;
  115. height: 3vw;
  116. border: 0px solid #000;
  117. text-align: center;
  118. overflow: auto;
  119. padding:5px 5px 5px 5px;
  120. z-index: 1;
  121. }
  122.  
  123. .alias {position: absolute;
  124. font-family: 'Fira Sans';
  125. color: #000;
  126. font-size: 7vw;
  127. top: -7.1vw;
  128. right: 3vw;
  129. width: 35vw;
  130. height: 7vw;
  131. border: 0px solid #000;
  132. text-align: center;
  133. text-shadow: 5px 5px 0 #fff, 5px -5px 0 #fff, -5px 5px 0 #fff, -5px -5px 0 #fff, 5px 0px 0 #fff, 0px 5px 0 #fff, -5px 0px 0 #fff, 0px -5px 0 #fff;
  134. overflow: auto;
  135. padding:5px 5px 5px 5px;
  136. letter-spacing: 8px;
  137. z-index: 1;
  138. }
  139.  
  140. #container {
  141. width: 55vw;
  142. height: 20vw;
  143. background-color: #f9a101;
  144. position: absolute;
  145. left: 0vw;
  146. bottom: 14vw;
  147. margin: 0vw;
  148. border-radius: 0 30px 30px 0;
  149. z-index: auto;
  150. -webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
  151. animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
  152. }
  153.  
  154. #content {
  155. background-color: transparent;
  156. width: 40vw;
  157. height: 18vw;
  158. margin:auto;
  159. position: absolute;
  160. padding: 5px;
  161. font-family: 'Fira Sans', cursive;
  162. font-size: 18px;
  163. color: #000;
  164. right: 5vw;
  165. top: 1vw;
  166. z-index:6;
  167. -webkit-animation: flicker-in-1 2s linear 6s both;
  168. animation: flicker-in-1 2s linear 6s both;
  169. }
  170.  
  171. #powers {
  172. width: 40vw;
  173. height: 10vw;
  174. background-color: transparent;
  175. position: absolute;
  176. left: 10vw;
  177. bottom: 3vw;
  178. margin: 0vw;
  179. z-index: auto;
  180. padding: 5px;
  181. border-collapse:separate;
  182. border-spacing:1vw 1vw;
  183. -webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
  184. animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
  185. }
  186.  
  187. #friends {
  188. width: 23vw;
  189. height: 7vw;
  190. background-color: transparent;
  191. position: absolute;
  192. left: 51vw;
  193. bottom: 4vw;
  194. margin: 0vw;
  195. z-index: auto;
  196. padding: 5px;
  197. -webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
  198. animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
  199. }
  200.  
  201. #navi1 {position: absolute;
  202. left: 6vw;
  203. top: 5vw;
  204. -webkit-animation: flicker-in-1 2s linear 6s both;
  205. animation: flicker-in-1 2s linear 6s both;}
  206.  
  207. #navi1 a {background-color: transparent;
  208. background:url('http://i.picpar.com/LiFe.jpg')
  209. center center no-repeat;;
  210. background-size: 100%;
  211. display: inline-block;
  212. height: 30px;
  213. width: 30px;
  214. border: 0px solid #000;
  215. }
  216.  
  217. #navi2 {position: absolute;
  218. left: 6vw;
  219. top: 7vw;
  220. -webkit-animation: flicker-in-1 2s linear 6s both;
  221. animation: flicker-in-1 2s linear 6s both;}
  222.  
  223. #navi2 a {background-color: transparent;
  224. background:url('http://i.picpar.com/cjFe.jpg')
  225. center center no-repeat;;
  226. background-size: 100%;
  227. display: inline-block;
  228. height: 30px;
  229. width: 30px;
  230. border: 0px solid #000;}
  231.  
  232. #navi3 {position: absolute;
  233. left: 6vw;
  234. top: 9vw;
  235. -webkit-animation: flicker-in-1 2s linear 6s both;
  236. animation: flicker-in-1 2s linear 6s both;}
  237.  
  238. #navi3 a {background-color: transparent;
  239. background:url('http://i.picpar.com/ujFe.jpg')
  240. center center no-repeat;;
  241. background-size: 100%;
  242. display: inline-block;
  243. height: 30px;
  244. width: 30px;
  245. border: 0px solid #000;}
  246.  
  247. #navi4 {position: absolute;
  248. left: 6vw;
  249. top: 11vw;
  250. -webkit-animation: flicker-in-1 2s linear 6s both;
  251. animation: flicker-in-1 2s linear 6s both;}
  252.  
  253. #navi4 a {background-color: transparent;
  254. background:url('http://i.picpar.com/8jFe.jpg')
  255. center center no-repeat;;
  256. background-size: 100%;
  257. display: inline-block;
  258. height: 30px;
  259. width: 30px;
  260. border: 0px solid #000;}
  261.  
  262. i{color: #2F4F4F;}
  263. b{color: #000;}
  264. a{color: inherit; text-decoration: none;}
  265. h1{text-align: center; font-size: 30px; font-family: 'Fira Sans', cursive; color: #000;}
  266. h2{text-align: left; font-size: 30px; font-family: 'Fira Sans', cursive; color: #000;}
  267. social{
  268. display: inline-block;
  269. background-color: #FFFF82;
  270. text-align: center;
  271. border-radius: 5px;
  272. font-size: 20px;
  273. width: 19.5vw;
  274. font-family: 'Fira Sans', cursive;
  275. color: #FAA100;
  276. line-height: 1.5vw;
  277. margin: 1px;
  278. float: left;
  279. }
  280. bike{
  281. display: inline-block;
  282. background-color: #FFFF82;
  283. text-align: center;
  284. border-radius: 5px;
  285. font-size: 20px;
  286. width: 19.5vw;
  287. font-family: 'Fira Sans', cursive;
  288. color: #FAA100;
  289. line-height: 1.5vw;
  290. margin: 1px;
  291. float: right;
  292. }
  293.  
  294. @-webkit-keyframes slide-in-bl {
  295. 0% {
  296. -webkit-transform: translateY(1000px) translateX(-1000px);
  297. transform: translateY(1000px) translateX(-1000px);
  298. opacity: 0;
  299. }
  300. 100% {
  301. -webkit-transform: translateY(0) translateX(0);
  302. transform: translateY(0) translateX(0);
  303. opacity: 1;
  304. }
  305. }
  306. @keyframes slide-in-bl {
  307. 0% {
  308. -webkit-transform: translateY(1000px) translateX(-1000px);
  309. transform: translateY(1000px) translateX(-1000px);
  310. opacity: 0;
  311. }
  312. 100% {
  313. -webkit-transform: translateY(0) translateX(0);
  314. transform: translateY(0) translateX(0);
  315. opacity: 1;
  316. }
  317. }
  318.  
  319. @-webkit-keyframes slide-in-left {
  320. 0% {
  321. -webkit-transform: translateX(-1000px);
  322. transform: translateX(-1000px);
  323. opacity: 0;
  324. }
  325. 100% {
  326. -webkit-transform: translateX(0);
  327. transform: translateX(0);
  328. opacity: 1;
  329. }
  330. }
  331. @keyframes slide-in-left {
  332. 0% {
  333. -webkit-transform: translateX(-1000px);
  334. transform: translateX(-1000px);
  335. opacity: 0;
  336. }
  337. 100% {
  338. -webkit-transform: translateX(0);
  339. transform: translateX(0);
  340. opacity: 1;
  341. }
  342. }
  343.  
  344. @-webkit-keyframes flicker-in-1 {
  345. 0% {
  346. opacity: 0;
  347. }
  348. 10% {
  349. opacity: 0;
  350. }
  351. 10.1% {
  352. opacity: 1;
  353. }
  354. 10.2% {
  355. opacity: 0;
  356. }
  357. 20% {
  358. opacity: 0;
  359. }
  360. 20.1% {
  361. opacity: 1;
  362. }
  363. 20.6% {
  364. opacity: 0;
  365. }
  366. 30% {
  367. opacity: 0;
  368. }
  369. 30.1% {
  370. opacity: 1;
  371. }
  372. 30.5% {
  373. opacity: 1;
  374. }
  375. 30.6% {
  376. opacity: 0;
  377. }
  378. 45% {
  379. opacity: 0;
  380. }
  381. 45.1% {
  382. opacity: 1;
  383. }
  384. 50% {
  385. opacity: 1;
  386. }
  387. 55% {
  388. opacity: 1;
  389. }
  390. 55.1% {
  391. opacity: 0;
  392. }
  393. 57% {
  394. opacity: 0;
  395. }
  396. 57.1% {
  397. opacity: 1;
  398. }
  399. 60% {
  400. opacity: 1;
  401. }
  402. 60.1% {
  403. opacity: 0;
  404. }
  405. 65% {
  406. opacity: 0;
  407. }
  408. 65.1% {
  409. opacity: 1;
  410. }
  411. 75% {
  412. opacity: 1;
  413. }
  414. 75.1% {
  415. opacity: 0;
  416. }
  417. 77% {
  418. opacity: 0;
  419. }
  420. 77.1% {
  421. opacity: 1;
  422. }
  423. 85% {
  424. opacity: 1;
  425. }
  426. 85.1% {
  427. opacity: 0;
  428. }
  429. 86% {
  430. opacity: 0;
  431. }
  432. 86.1% {
  433. opacity: 1;
  434. }
  435. 100% {
  436. opacity: 1;
  437. }
  438. }
  439. @keyframes flicker-in-1 {
  440. 0% {
  441. opacity: 0;
  442. }
  443. 10% {
  444. opacity: 0;
  445. }
  446. 10.1% {
  447. opacity: 1;
  448. }
  449. 10.2% {
  450. opacity: 0;
  451. }
  452. 20% {
  453. opacity: 0;
  454. }
  455. 20.1% {
  456. opacity: 1;
  457. }
  458. 20.6% {
  459. opacity: 0;
  460. }
  461. 30% {
  462. opacity: 0;
  463. }
  464. 30.1% {
  465. opacity: 1;
  466. }
  467. 30.5% {
  468. opacity: 1;
  469. }
  470. 30.6% {
  471. opacity: 0;
  472. }
  473. 45% {
  474. opacity: 0;
  475. }
  476. 45.1% {
  477. opacity: 1;
  478. }
  479. 50% {
  480. opacity: 1;
  481. }
  482. 55% {
  483. opacity: 1;
  484. }
  485. 55.1% {
  486. opacity: 0;
  487. }
  488. 57% {
  489. opacity: 0;
  490. }
  491. 57.1% {
  492. opacity: 1;
  493. }
  494. 60% {
  495. opacity: 1;
  496. }
  497. 60.1% {
  498. opacity: 0;
  499. }
  500. 65% {
  501. opacity: 0;
  502. }
  503. 65.1% {
  504. opacity: 1;
  505. }
  506. 75% {
  507. opacity: 1;
  508. }
  509. 75.1% {
  510. opacity: 0;
  511. }
  512. 77% {
  513. opacity: 0;
  514. }
  515. 77.1% {
  516. opacity: 1;
  517. }
  518. 85% {
  519. opacity: 1;
  520. }
  521. 85.1% {
  522. opacity: 0;
  523. }
  524. 86% {
  525. opacity: 0;
  526. }
  527. 86.1% {
  528. opacity: 1;
  529. }
  530. 100% {
  531. opacity: 1;
  532. }
  533. }
  534.  
  535. </style>
  536.  
  537. <div id="image"></div>
  538. <div id="line">
  539. <div class="alias">Persona</div>
  540. <div class="title">Kanji Tatsumi</div>
  541. </div>
  542.  
  543. <div id="container">
  544.  
  545.  
  546. <div id="navi2"><a href="#two"></a></div>
  547. <div id="navi3"><a href="#three"></a></div>
  548. <div id="navi4"><a href="#four"></a></div>
  549. <div id="navi1"><a href="#one"></a></div>
  550.  
  551. <div id="content">
  552. <div style="width: 40vw; height: 18vw; overflow-y: hidden;">
  553.  
  554. <a name="one"></a>
  555. <div style="width: 40vw; height: 18vw; overflow: auto;" align="left">
  556. <h1>Out of Character</h1>
  557. <center><b>00</b>. Code made by <a href="" target="_blank">RageQxeen</a> for Kanji, do not steal.</center><br><br>
  558. <b>01</b>. OOC.<br>
  559. <b>02</b>. OOC.<br>
  560. <b>03</b>. OOC.<br>
  561. <b>04</b>. OOC.<br>
  562. <b>05</b>. OOC.<br>
  563. </div>
  564.  
  565. <a name="two"></a>
  566. <div style="width: 40vw; height: 18vw; overflow: auto;">
  567.  
  568. <span style="float:left;"><b>Name</b></span><span style="float:right;">Kanji Tatsumi</span><br>
  569. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"></span><br>
  570. <span style="float:left;"><b>Gender</b></span><span style="float:right;"></span><br>
  571. <span style="float:left;"><b>Age</b></span><span style="float:right;"></span><br><br>
  572. <span style="float:left;"><b>Height</b></span><span style="float:right;"></span><br>
  573. <span style="float:left;"><b>Weight</b></span><span style="float:right;"></span><br>
  574. <span style="float:left;"><b>Orientation</b></span><span style="float:right;"></span><br>
  575. <span style="float:left;"><b>Relationship</b></span><span style="float:right;"></span><br>
  576. <span style="float:left;"><b>Race</b></span><span style="float:right;"></span><br><br>
  577. <span style="float:left;"><b>Eyes</b></span><span style="float:right;"></span><br>
  578. <span style="float:left;"><b>Hair</b></span><span style="float:right;"></span><br>
  579. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;"><a href="" target="_blank"></a></span><br>
  580. </div>
  581.  
  582. <a name="three"></a>
  583. <div style="width: 40vw; height: 18vw; overflow: auto;" align="left">
  584. <h1>Personality</h1>
  585. Kanji seems to be a delinquent who was strong enough to fight a biker gang at middle school, earning him a town-wide reputation of wildness and toughness. He drapes his school uniform over his shoulders in a punk-ish style to emphasize the style he wishes to embody. However, when he sometimes gets flustered he tends to threaten people, occasionally getting into fights and scraps.
  586. <br><br>
  587. In reality, Kanji's deliniquent behavior is just to hide that he likes feminine hobbies such as sewing or cooking despite his appearance. When his father died, he told him that he wasn't like a man because he obsesses in sewing, knitting, crafting and preparing snacks, causing him put up this facade. He actually fought down the biker gangs to prove his masculinity and to prevent them from harassing his mother, since he's sort of a mother's boy and cares for her well being more than anyone else. He cares for his mother so much that a simple mention of his mother being in a hospital severely unsettles him.
  588. <br><br>
  589. Kanji's feminine hobbies, or the side of him that he attempts to hide at all costs, includes how adept and passionate he is at sewing, knitting, arts and crafts, much unlike any other man in the area. He has been interested in arts and crafts since he was young and has been honing his skills without anyone knowing. Kanji's cutely designed works, which include knit plushies and plush hand mitts are already being sold as proper goods in the shop. He also conducts handicrafts classes for the neighbors. When it comes to crafts, Kanji is unrivaled. Kanji really wants to join his school's Sewing Club, but felt that he might frighten the other club members. He can be seen standing in the Sewing Club classroom, although he has made the Sewing Club members nervous. On his online profile, he is part of the social groups "Let's Sewing," "Knitting Cafe" and "I Like Hawaiian Quilts." Kanji is obsessed with details and compulsiveness at times. However he's scared of participating those hobbies because girls may ridicule him for it.
  590. <br><br>
  591. Kanji compensates with a tough, hypermasculine facade in order to avoid ridicule and rejection, and he hides his interests. His Social Link reveals that acting tough has often caused a chain of trouble for Kanji, and he wonders how to prevent such things from escalating. In his Rank 10 Social Link, with Rise Kujikawa calling his dolls "creepy" but nevertheless compliments him as an amazing guy, he realizes that he needs to try to make others "understand" him, something which he never attempted as he immediately gave up on them, and something he hopes will prevent future misunderstandings.
  592. <br><br>
  593. Compared to the rest of the team, Kanji tends to be a bit slow on the uptake. However, he is impulsive and acts faster than he talks. Through the game he realizes that his impulsive actions can drag others down, and that he can balance that by instead giving them his support.
  594. <br><br>
  595. In addition to that, in a Social Link event with Naoki Konishi, it was revealed that the 'super yummy croquettes Kanji's mom made' he had 10 years ago was actually made by the young Kanji. In other words, not only is Kanji good at crafts and sewing, he's also a decent cook. On his online profile, he is part of the social group "Delicious Shops In Inaba." He is a huge fan of popsicles and animal crackers, and is searching for the ultimate secret animal cracker: the penguin.
  596. <br><br>
  597. He has a fondness for cute things, particularly animals, as he is shown to keep many stuffed toys and takes a particular liking towards Koromaru and Morgana. He also likes reindeer.
  598. <br><br>
  599. He is terrified of having the secrets he has kept for so long - his likes and his true nature - revealed and he suspects that he really does have a "feminine" heart. As a result, on the other side of the TV, a dazzling world of love between men was created. Shadow Kanji claims that he hated women becausee they spoke on his back and men would keep his feminine interests, and Kanji did admit that it was saying the real thing. However, this can be just be interpenetrated as his feminine side taken to logical extremes. Kanji's real sexuality as left ambiguous, since he did mistake Naoto's "interest in him" (Which is actually her suspecting that he might be the next victim of the serial murders) as a love confession, and Naoto has not been revealed as a woman during that time.
  600. <br><br>
  601. Even after his friends have accepted his long-standing inner conflicts, his likes and hobbies, and the him who represents all those things, he still feels unsettled at times. By the end of the game, Kanji acknowledges a deeper acceptance and understanding of stereotypically "feminine" and "masculine" interests in his Social Link.
  602. </div>
  603.  
  604. <a name="four"></a>
  605. <div style="width: 40vw; height: 18vw; overflow: auto;" align="center">
  606. <h1>History</h1>
  607. TBA
  608. </div>
  609. </div>
  610. </div>
  611. </div>
  612.  
  613. <div id="powers">
  614. <div style="width: 40vw; height: 10vw; overflow: auto;" align="left">
  615. <table>
  616. <tbody>
  617. <tr><social><a title="Increases chances of inflicting Dizzy during a knockdown.">Dizzy Boost</a></social></tr>
  618. <tr><bike><a title="Slightly restores party's HP.">Media</a></bike></tr>
  619. <tr><social><a title="Decreases all foes' Hit/Evasion rate for 3 turns.">Masukunda</a></social></tr>
  620. <tr><bike><a title="Deals medium Phys damage to all foes 1x to 2x with a chance of Fear.">Atom Smasher</a></bike></tr>
  621. <tr><social><a title="Next physical attack will be 250% greater in power.">Power Charge</a></social></tr>
  622. <tr><bike><a title="Add Elec resistance to 1 ally (for 3 turns).">Blue Wall</a></bike></tr>
  623. <tr><social><a title="Restores 6% of max HP each turn in battle.">Regenerate 3</a></social></tr>
  624. <tr><bike><a title="Halves the time needed to recover from ailments.">Fast Heal</a></bike></tr>
  625. <tr><social><a title="Triples evasion rate against Wind attacks.">Evade Wind</a></social></tr>
  626. <tr><bike><a title="Moderately restores party's HP.">Mediarama</a></bike></tr>
  627. </tbody>
  628. </table>
  629. </div>
  630. </div>
  631.  
  632. <div id="friends">
  633. <div style="width: 23vw; height: 7vw; overflow: auto;" align="center">
  634. <a target="_blank" href="PROFILE LINK HERE" title="DESCRIPTION HERE"><img src="http://i.picpar.com/jgFe.jpg" height="45" width="50" align="left" border="3"></a>
  635.  
  636. <a target="_blank" href="PROFILE LINK HERE" title="DESCRIPTION HERE"><img src="http://i.picpar.com/jgFe.jpg" height="45" width="50" align="left" border="3"></a>
  637.  
  638. <a target="_blank" href="PROFILE LINK HERE" title="DESCRIPTION HERE"><img src="http://i.picpar.com/jgFe.jpg" height="45" width="50" align="left" border="3"></a>
  639.  
  640. <a target="_blank" href="PROFILE LINK HERE" title="DESCRIPTION HERE"><img src="http://i.picpar.com/jgFe.jpg" height="45" width="50" align="left" border="3"></a>
  641.  
  642. <a target="_blank" href="PROFILE LINK HERE" title="DESCRIPTION HERE"><img src="http://i.picpar.com/jgFe.jpg" height="45" width="50" align="left" border="3"></a>
  643.  
  644. <a target="_blank" href="PROFILE LINK HERE" title="DESCRIPTION HERE"><img src="http://i.picpar.com/jgFe.jpg" height="45" width="50" align="left" border="3"></a>
  645.  
  646. <a target="_blank" href="PROFILE LINK HERE" title="DESCRIPTION HERE"><img src="http://i.picpar.com/jgFe.jpg" height="45" width="50" align="left" border="3"></a>
  647. </div>
  648. </div>
  649. </body>
  650. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement