Advertisement
QueenOfGeckos

Kai

Jul 25th, 2020
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.69 KB | None | 0 0
  1. const master = new TimelineMax();
  2. const leaves = $('[id^=LeafGroup]');
  3.  
  4.  
  5. master
  6. .add(setup)
  7. .add(ghostAppear)
  8. .add(vinesDraw, 1);
  9.  
  10. function setup() {
  11. const tl = new TimelineMax();
  12. tl
  13. .set('.vine', { drawSVG: "100% 100%", autoAlpha: 1 })
  14. .set('.reflection', {opacity: 0, scale: 0.8, y: -10, autoAlpha: 1})
  15. .staggerTo(leaves, 0, {cycle: { transformOrigin: ["40% 20%", "60% 85%", "60% 85%", "40% 15%", "40% 90%", "35% 90%", "50% 0%", "65% 25%", "75% 85%", "25% 30%", "50% 20%", "40% 90%" ]}, autoAlpha: 1, scale: 0});
  16.  
  17. return tl;
  18. }
  19. function ghostAppear() {
  20. const tl = new TimelineMax();
  21. tl.to('.reflection', 2, {scale: 1, opacity: 1, y: "+=15px"})
  22. return tl;
  23. }
  24. function vinesDraw() {
  25. const tl = new TimelineMax();
  26.  
  27. tl
  28. .staggerFromTo( '[id^=top-left] path[id^=top-left]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  29. .staggerFromTo( '[id^=top-right] path[id^=top-right]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  30. .staggerFromTo( '[id^=bottom-left] path[id^=bottom-left]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  31. .staggerFromTo( '[id^=bottom-right] path[id^=bottom-right]', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, 0.7, "draw-Level1-Vines" )
  32. .fromTo( '[id^=top-middle] path', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, "draw-Level2-Vines")
  33. .fromTo( '[id^=middle] path', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, "draw-Level2-Vines+=0.7")
  34. .fromTo( '[id^=bottom-middle] path', 2, { drawSVG: "100% 100%" }, { drawSVG: "0% 100%", onComplete: leafGrow }, "draw-Level2-Vines+=1");
  35.  
  36. return tl;
  37. }
  38.  
  39.  
  40. function leafGrow() {
  41. const currentVine = $(this.target);
  42. const currentLeaf = currentVine.siblings( "[id^=LeafGroup]" );
  43. const tl = new TimelineMax();
  44. tl.to(currentLeaf, 3, {scale: 1});
  45.  
  46. return tl;
  47. }
  48.  
  49. ______
  50.  
  51. @import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
  52.  
  53.  
  54.  
  55.  
  56. #container {
  57. background-image: url("https://i.imgur.com/hApAbX4.jpg");
  58. background-repeat: No-repeat;
  59. background-size: 100% 100%;
  60. background-position: bottom right;
  61. width: 100%;
  62. height: 100%;
  63. opacity:0;
  64. position: absolute;
  65. top: 50%;
  66. left: 50%;
  67. transform: translate(-50%, -50%);
  68. z-index:2;
  69. -webkit-transition-duration: 2s;
  70. -moz-transition-duration: 2s;
  71. }
  72.  
  73. #container:hover{
  74. opacity:1;
  75. -webkit-transition-duration: 2s;
  76. -moz-transition-duration: 2s;
  77. }
  78.  
  79. body {
  80. background: #dbbeed;
  81. }
  82.  
  83.  
  84. .container1 {
  85. margin: 0 auto;
  86. max-width: 55vh;
  87. position: relative;
  88. }
  89.  
  90. .st0{fill: #ebf5f3;}
  91. .st1{fill:#22743f;}
  92. .st2{fill:#73C2A6;}
  93. .vine{
  94. fill:none;
  95. stroke:#73C2A6;
  96. stroke-width:2;
  97. stroke-linecap:round;
  98. stroke-linejoin:round;
  99. }
  100.  
  101. [id^=LeafGroup], .vine, .reflection {
  102. visibility: hidden;
  103. }
  104.  
  105.  
  106. .reflection {
  107. position: absolute;
  108. width: 85%;
  109. height: 85%;
  110. top: 16%;
  111. left: 8%;
  112. overflow: hidden;
  113. border-radius: 50%;
  114. }
  115. .reflection img {
  116. max-width: 100%;
  117. border-radius: 50%;
  118. }
  119. .right{
  120. position:absolute;
  121. top:-22px;
  122. left:140px;
  123. font-family: 'Oswald', sans-serif;
  124. text-transform: uppercase;
  125. text-decoration: none;
  126. font-size: 24px;
  127. line-height: 24px;
  128. letter-spacing: -1px;
  129. color: #ffe650;
  130. }
  131.  
  132. .diamonds{
  133. position:absolute;
  134. top:10px;
  135. left:88px;
  136. width:330px;
  137. height:180px;
  138. overflow:hidden;
  139. z-index:20;
  140. }
  141.  
  142. .far{
  143. width:330px;
  144. height:180px;
  145. overflow:auto;
  146. }
  147.  
  148. .tell{
  149. color:#dfeff1;
  150. font-size:14px;
  151. text-align:justify;
  152. line-height:14px;
  153. font-family:cambria;
  154. letter-spacing:0.3px;
  155. margin: 5px;
  156. }
  157. a.gone:link, a.gone:active, a.gone:visited{
  158. font-family: 'Oswald', sans-serif;
  159. text-transform: uppercase;
  160. text-decoration: none;
  161. font-size: 24px;
  162. line-height: 24px;
  163. letter-spacing: -1px;
  164. color: #191030;
  165. margin-right:12px;
  166. z-index:10;
  167. }
  168.  
  169. a.gone:hover{
  170. text-shadow:-4px 0px 0px #ffe650;
  171. }
  172.  
  173. b {
  174. color: #50cfff;
  175. font-weight:bold;
  176. letter-spacing: 1px;
  177. }
  178.  
  179. i{
  180. color:#ffffff;
  181. font-style:italic;
  182. }
  183.  
  184. u{
  185. font-style:italic;
  186. text-decoration:noneunderline;
  187. }
  188.  
  189. a:active, a:link, a:visited{
  190. color:#fff;
  191. text-decoration:none;
  192. }
  193. a:hover{
  194. cursor:all-scroll;
  195. color:#4e3f64;
  196. text-decoration:line-through;
  197. }
  198.  
  199. h1 {
  200. font: normal 18px 'cambria';
  201. text-align:center;
  202. border-bottom: 1px solid #ffffff;}
  203.  
  204. ::-webkit-scrollbar {width: 3px;}
  205. ::-webkit-scrollbar-thumb:vertical {
  206. height: 10px;background-color: #D98878;}
  207. ::-webkit-scrollbar-thumb:horizontal {
  208. height: 10px;background-color: #D98878;border: 0px ;width: 15px;}
  209.  
  210.  
  211.  
  212. #sparkle{
  213. width:700px;
  214. height: 200px;
  215. background:#17253d;
  216. opacity: 0.85;
  217. filter: alpha(opacity=85);
  218. border-radius: 100px 50px 50px 100px;
  219. z-index: 4;
  220.  
  221. }
  222.  
  223.  
  224. .brightly{
  225. margin: auto;
  226. position: absolute;
  227. top: 0; left: 0; bottom: 0; right: 0;
  228. animation: emerald 3s 1;
  229. -webkit-animation: emerald 3s 1;
  230.  
  231. }
  232.  
  233.  
  234.  
  235. .brightly1{
  236. margin: auto;
  237. position: absolute;
  238. top: 0; left: 0; bottom: 0; right: 0;
  239. animation: emerald 3s 1;
  240. -webkit-animation: emerald 3s 1;
  241.  
  242. }
  243.  
  244. .portal{
  245.  
  246. position: absolute;
  247. bottom: -60px;
  248. width: 500px;
  249. margin:auto;
  250. left:0;
  251. right:0;
  252. z-index:99;
  253. animation: emerald 3s 1;
  254. -webkit-animation: emerald 3s 1;
  255. }
  256.  
  257.  
  258. .gallery{
  259. position: absolute;
  260. top: -75px;
  261. width: 500px;
  262. margin:auto;
  263. left:0;
  264. right:0;
  265. z-index:99;
  266. animation: emerald 3s 1;
  267. -webkit-animation: emerald 3s 1;
  268. }
  269.  
  270.  
  271.  
  272. @keyframes emerald{
  273. from{
  274. right: -50%;
  275. opacity: 0;
  276. }
  277. }
  278.  
  279. @-webkit-keyframes emerald{
  280. from{
  281. right: -50%;
  282. opacity: 0;
  283. }
  284. }
  285.  
  286. #portrait {position:absolute;
  287.  
  288. overflow:hidden;
  289. background-image:url(https://i.imgur.com/WkQ7dd6.png);
  290. background-position: 10% 122%;
  291. background-size: 40%;
  292. background-repeat: no-repeat;
  293. bottom:5%;
  294. right:3%;
  295. width:42%;
  296. height:82%;
  297. z-index:100;
  298. animation: emerald 3s 1;
  299. -webkit-animation: emerald 3s 1;}
  300.  
  301. #portrait:hover {position:absolute;
  302. overflow:hidden;
  303. background-image:url(https://i.imgur.com/EeDYweU.png);
  304. background-position: 10% 122%;
  305. background-size: 52%;
  306. background-repeat: no-repeat;
  307. bottom:5%;
  308. right:3%;
  309. width:42%;
  310. height:82%;
  311. z-index:100;
  312. }
  313.  
  314.  
  315. #outsidelinks{
  316. visibility:visible;
  317. left:0%;
  318. top:0%;
  319. position:fixed;
  320. overflow:hidden;
  321. }
  322.  
  323. #outsidelinks {
  324. z-index:1000;
  325. -moz-border-radius-bottomright: 20px;
  326. -webkit-border-bottom-right-radius: 20px;
  327. border-bottom-right-radius: 20px;
  328. -moz-border-radius-bottomleft: 20px;
  329. -webkit-border-bottom-left-radius: 20px;
  330. border-bottom-left-radius: 20px;
  331. -webkit-transition: all 1.6s linear;
  332. -moz-transition: all 1.6s linear;
  333. -ms-transition: all 1.6s linear;
  334. -o-transition: all 1.6s linear;
  335. transition: all 1.6s linear;
  336. }
  337.  
  338.  
  339. .connect{ background-color:19161b; }
  340. #outsidelinks { background-color:3b4659; }
  341.  
  342. #outsidelinks {
  343. width:195px;
  344. height:250px;
  345. margin-left:10px;
  346. margin-top:-230px;
  347. }
  348.  
  349. #outsidelinks:hover {
  350. margin-top:0px;
  351. }
  352. .connect {
  353. width:185px;
  354. height:170px;
  355. overflow:auto;
  356. margin:0px 10px 0px 5px;
  357. }
  358.  
  359. a.second, a.second:link, a.second:active, a.second:visited {
  360. font-family: arial narrow;
  361. font-size:9pt;
  362. text-align:center;
  363. text-transform:none;
  364. line-height:30px;
  365. height:30px;
  366. width:77px;
  367. display:block;
  368. font-weight:bold;
  369. text-decoration:none;
  370. -webkit-transition: all 2.4s ease-out;
  371. -moz-transition: all 2.4s ease-out;transition:
  372. all 2.4s ease-out;
  373. margin-bottom:2px;
  374. }
  375.  
  376.  
  377. _____
  378. <div class="container1">
  379. <svg version="1.1"
  380. xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
  381. x="0px" y="0px" viewBox="0 0 290.8 486.4"
  382. xml:space="preserve">
  383.  
  384. <defs>
  385. </defs>
  386. <g id="FrameGroup_2_">
  387. <ellipse id="whiteoval_2_" class="st0" cx="148.8" cy="244.1" rx="119" ry="183"/>
  388. <g id="top-left_2_">
  389. <g id="top-left-long-group_2_">
  390. <g id="LeafGroup-downwards-3_2_">
  391. <path id="leaf3_2_" class="st1" d="M27.3,96.2c-11.6-16.8-18.9,18.3-4.5,33c0.2-5.7,1-10.2,9.7-13.8
  392. C46.4,109.8,46,95.3,27.3,96.2z"/>
  393. <path id="stem3_2_" class="st2" d="M26.8,96.8c-0.6,1.2-1,2.5-1.3,3.9c-1.9,0.9-3.9,1.3-6,1.2c0.8,0.2,4,1,5.7,0
  394. c-1.1,3-1.5,6.2-1.1,9.4c0.1-2.7,0.7-5.4,1.7-7.9c0.6,1.7,2.5,2.6,3,3.1c-1.1-1.5-2.2-2.8-2.4-4.6c0.5-1.3,1-2.6,1.6-3.9
  395. c0.5,2.5,3.2,4.4,4,5.2c-0.9-1.2-1.7-2.5-2.3-3.9c-0.4-0.9-0.8-1.9-1-2.9v-0.2h-0.5h-1l-0.1-0.3l-0.2-0.3
  396. c-2.1,0.9-4.3,1.4-6.6,1.5C22.4,97.8,24.8,97.7,26.8,96.8z"/>
  397. </g>
  398. <path id="top-left-long_2_" class="vine" d="M26.9,98c3.3-9.3,8.9-15.4,17.7-20.9c7.5-4.6,15.5-8,24-10.1
  399. c7.1-2,35.3-12.2,35.3-12.2"/>
  400. </g>
  401. <g id="top-left-short-group-1_2_">
  402. <g id="LeafGroup-upwards-1_2_">
  403. <path id="leaf1_2_" class="st1" d="M84.4,7.9c-5.3,5.8-12.6,10-16.8,16.5c-8.8,13.4,2.3,34.8,14.2,20.3c8.6,5.3,19-8.8,6.9-22.2
  404. C82,15.2,82.5,12.2,84.4,7.9z"/>
  405. <path id="stem1_2_" class="st2" d="M80.6,43.8c-0.5-1.7-1-3.4-1.2-5.2c-2.3-1.5-4.9-2.4-7.7-2.8c1.1-0.1,5.5-0.3,7.5,1.2
  406. c-0.7-3.8-0.4-7.7,0.8-11.4c-0.5,3.3-0.4,6.6,0.3,9.8c1.2-1.9,3.8-2.5,4.7-3c-1.8,1.5-3.6,3.1-4.4,5.2c0.3,1.6,0.8,3.1,1.3,4.7
  407. c1.3-2.8,5.2-4.6,6.4-5.3c-2.4,1.9-4.3,4.3-5.7,7l0.6,1.3L82.5,45l-0.6-0.3c0,0-0.7,0.8-0.8,0.9c-2.8-2-6.1-3.3-9.4-4
  408. C73.1,41.5,77.4,41.5,80.6,43.8z"/>
  409. </g>
  410. <path id="top-left-short-1_2_" class="vine" d="M81.5,43.7c1.3,5.3,5.4,9.6,10.7,11c10,2.9,18.8-2.8,18.8-2.8"/>
  411. </g>
  412. <g id="top-left-short-group-2_2_">
  413. <g id="LeafGroup-upwards-2_2_">
  414. <path id="leaf2_2_" class="st1" d="M32.5,58.2c21.1,4.4,22.8-21.1,10.1-25.9c-13.3-5.1-21,4.7-28.2-27.2
  415. C9.7,28.8-2.9,35.7,2.2,57.3C5.3,70.3,33.3,76.4,32.5,58.2z"/>
  416. <path id="stem2_2_" class="st2" d="M34.4,58.5c-0.5-0.4-1-0.9-1.5-1.4c-0.7-0.7-1.4-1.4-1.9-2c-0.1-3.5,0.8-6.9,2.6-9.8
  417. c-1.1,1.3-4.2,4.8-3.9,8.5c-1.1-1.3-1.8-2.2-2.8-3.6c0.4-2.8,1.3-5.6,2.8-8c-0.8,0.9-3.5,3.5-3.9,6.4c-0.9-1.3-1.6-2.6-2.4-3.9
  418. c0.2-2.1,1-4.1,2.2-5.8c-0.6,0.7-2.6,1.9-3.1,3.9c-1.4-2.8-2.4-5.7-2.9-8.8c0,3.7,0.8,7.3,2.5,10.6c-2.1-0.9-5.7,0.4-6.5,0.7
  419. c2.4-0.4,4.8-0.2,7.1,0.6c0.7,1.5,1.5,3,2.5,4.4C22.1,49,16,50.5,14.7,51c3.2-0.7,9.3,0.1,11.8,1c0.8,1.2,1.3,1.8,2.2,2.9
  420. c-3.9-1.4-10.1,1.8-11.7,2.6c4.1-1.4,10.5-1.9,13-1c0.6,0.8,1.7,2.2,2.5,3v-1.3c0,0,0.9,0.2,1.1,0.2L34.4,58.5z"/>
  421. </g>
  422. <path id="top-left-short-2_2_" class="vine" d="M31.8,57.5c2.9,3,6.5,5.3,10.4,6.8c11.3,4.2,22,3.5,31.6,1.2"/>
  423. </g>
  424. <g id="top-left-short-group-3_2_">
  425. <path id="top-left-short-3_2_" class="vine" d="M20.3,79.1c2.2-2.9-3.8-5.8-6.3-1.7c-1.3,2.1,0.1,7.4,4.6,7.6
  426. c5.1,0.2,8.6-4.8,16.1-8.4c11.8-5.7,27.6-8.2,27.6-8.2"/>
  427. </g>
  428. </g>
  429. <g id="top-right_2_">
  430. <g id="top-right-long-group_2_">
  431. <g id="LeafGroup-downwards-6_2_">
  432. <path id="leaf6_2_" class="st1" d="M267.1,97.5c-6-7.2-19.2-0.3-14.3,9.5s18,2.9,16,18.6c5.4-3.6,15.3-9.4,15.6-19.4
  433. S272.9,85,267.1,97.5z"/>
  434. <path id="stem6_2_" class="st2" d="M267.2,98.1c0.5,1.2,0.9,2.6,1.1,3.9c1.9,0.9,3.9,1.4,6,1.4c-0.8,0.2-4,0.9-5.7-0.2
  435. c1,3,1.3,6.3,0.8,9.4c0-2.7-0.5-5.4-1.4-8c-0.7,1.7-2.6,2.5-3.1,3c1.2-1.5,2.2-2.7,2.6-4.5c-0.4-1.3-0.9-2.6-1.5-3.9
  436. c-0.6,2.4-3.3,4.3-4.1,5.1c1.6-2,2.8-4.4,3.5-6.9l-0.6-1.9c0.6,0.3,1.2,0.7,1.7,1.3l0.4,0.4c0.2,0.2,0.4,0.4,0.4,0.4
  437. s0.2-0.4,0.3-0.5c2,0.9,4.1,1.5,6.3,1.6C271.6,99.3,269.2,99.1,267.2,98.1z"/>
  438. </g>
  439. <path id="top-right-long_2_" class="vine" d="M266.8,98.4c-3.9-11.6-11.9-19.7-21.9-25.7c-14-8.3-26.6-8.3-56.2-20.1"/>
  440. </g>
  441. <g id="top-right-short-group-1_2_">
  442. <g id="LeafGroup-upwards-4_2_">
  443. <path id="leaf4_2_" class="st1" d="M223.9,41.4c1.4-7.1-1.1-13.6-7-22.6c-2,9.6-16.5,11.4-18.3,16.2c-2,5.3,1.3,12.4,10.9,11.5
  444. C218.5,51.3,222.9,46.8,223.9,41.4z"/>
  445. <path id="stem4_2_" class="st2" d="M209.7,44.7c0.5-0.9,1-1.9,1.3-2.9c1.9-0.8,4-1.2,6.2-1.1c-0.8-0.2-4-1.1-5.7-0.1
  446. c1.2-3,1.6-6.2,1.3-9.4c-0.2,2.7-0.8,5.4-1.9,7.9c-0.6-1.7-2.4-2.6-3-3.2c1.2,1.4,2,3.1,2.4,4.9c-0.5,1.2-1.1,2.4-1.7,3.6
  447. c-0.5-2.5-3.1-4.5-3.9-5.3c1,1.3,1.8,2.8,2.3,4.4c0.2,1,0.3,2.1,0.2,3.1h1.4l0.9-0.1l0.2,0.1c0.9-0.6,1.8-1.1,2.8-1.4
  448. c1.6-0.5,3.2-0.8,4.9-0.7C216.1,44.3,212.4,43.4,209.7,44.7z"/>
  449. </g>
  450. <path id="top-right-short-1_2_" class="vine" d="M209,45.8c-1.3,2-3,3.8-5.1,5c-9.2,5.8-23.8-1.2-23.8-1.2"/>
  451. </g>
  452. <g id="top-right-short-group-2_2_">
  453. <g id="LeafGroup-upwards-5_2_">
  454. <path id="leaf5_2_" class="st1" d="M262.9,7.7c5.3,8.3,13.4,15,17.2,23.8c8,18.3-10.1,42.4-21.7,22
  455. c-11.7,4.8-21.5-14.9-3.8-28.7C264.4,17.1,264.4,13.4,262.9,7.7z"/>
  456. <path id="stem5_2_" class="st2" d="M258.4,53.5l-0.5,0.2l-0.4,0.1c-1-3.2-2.8-6-5.2-8.3c1.4,0.9,5.4,3.3,6.1,7
  457. c0.7-1.5,1.1-2.6,1.6-4.2c-1.2-2.6-2.8-4.9-4.9-6.8c1,0.7,4.4,2.4,5.5,5c0.5-1.4,0.8-2.9,1.1-4.4c-0.8-1.9-2.1-3.6-3.8-4.9
  458. c0.7,0.5,3,1,4,2.8c0.6-3,0.7-6.2,0.3-9.2c1,3.5,1.3,7.2,0.6,10.7c1.7-1.5,5.5-1.2,6.4-1.1c-2.4,0.3-4.7,1.2-6.6,2.6
  459. c-0.2,1.6-0.6,3.3-1.1,4.9c2.8-2.2,9-2.5,10.4-2.4c-3.3,0.3-8.9,2.7-11,4.3c-0.4,1.3-0.7,2.1-1.3,3.4c3.3-2.4,10.1-1.1,11.9-0.8
  460. c-4.1-0.2-10,1-12.4,2.5c-0.2-0.2-0.3-0.5-0.5-0.8L258.4,53.5z"/>
  461. </g>
  462. <path id="top-right-short-2_2_" class="vine" d="M258.8,53.7c-1.9,3.3-4.7,6-8,7.9c-10.7,5.6-22,3.7-31.7,1.4"/>
  463. </g>
  464. <g id="top-right-short-group-3_2_">
  465. <path id="top-right-short-3_2_" class="vine" d="M277,65.8c-0.9-0.1-2.2-0.8-1.1-3.1c0.9-1.7,2.3-2.1,3.9-2.3
  466. c2.7-0.2,5.1,1.6,5.8,4.2c1.8,5.3-3.6,11.2-8.3,12.9c-2.8,1.1-5.9,1.4-8.9,0.9c-3.5-0.2-23.9-9.6-35.3-11.7"/>
  467. </g>
  468. </g>
  469. <g id="top-middle_2_">
  470. <path id="vine11_2_" class="vine" d="M243.9,84.2c1.9-1.1,4.5,1.2,3.4,3.8c-1.4,3.3-4.4,2.9-7.1,2.4c-3.7-0.7-7.5-3.5-11.2-7"/>
  471. <path id="vine5_2_" class="vine" d="M51.4,86.2c-2-1.1-4.5,1.2-3.4,3.8c1.4,3.3,5.4,3.2,9,1.5c6.1-2.9,10.4-7.5,18.4-15.2"/>
  472. </g>
  473. <g id="middle_2_">
  474. <path id="vine12_2_" class="vine" d="M279.2,149.2c0.9-1.5,2.7-2,4.3-1.3c4,1.6,2.7,6,2,6.9c-1.3,2-3.5,3.1-5.9,3
  475. c-3.6-0.2-6.5-2.8-10.3-8.3c-3.5-5-7.5-15-9.9-19.9"/>
  476. <path id="vine6_2_" class="vine" d="M10,160.1c5.2,0.8,4.9-8.3-2-8.2c-3.2,0.1-6,2.5-6.7,5.6c-1,3.7,0.7,10,6.4,10.9
  477. c6.9,1.1,10.6-4.7,13.4-8.3c4.8-6.4,11.1-18.6,14.4-24.9"/>
  478. </g>
  479. <g id="bottom-middle_2_">
  480. <path id="vine13_2_" class="vine" d="M19.4,347.5c0,0-3.2-1.9-4.6,0.3c-2.6,3.8,1.3,6.4,2.4,6.8c2.1,0.9,4.5,0.6,6.4-0.7
  481. c1.8-1.3,2.9-4.7,3.2-9.6c0.3-6.9-2.2-19.5-3.1-24.9"/>
  482. </g>
  483. <g id="bottom-left_2_">
  484. <g id="bottom-left-short-group-1_2_">
  485. <g id="LeafGroup-downwards-9_2_">
  486. <path id="leaf9_2_" class="st1" d="M124.3,457.8c0.2,7-7.4,9.2-14.3,17.7c0.8-5.4-7.2-11.3-8-15.5c-0.9-4.6,3.3-11.8,11.2-8.2
  487. C121.8,448.8,124.1,453.4,124.3,457.8z"/>
  488. <path id="stem9_2_" class="st2" d="M114.3,452.5c0,1.1-0.1,2.2-0.3,3.3c1.1,1.2,2.6,2.2,4.2,2.7c-0.7-0.1-3.3-0.4-4.3-1.7
  489. c-0.2,2.6-1,5.2-2.3,7.4c0.8-2.1,1.2-4.4,1.3-6.7c-1,1.1-2.7,1.2-3.3,1.4c1.3-0.6,2.5-1.6,3.3-2.7c0.1-1.2,0.1-2.3,0-3.5
  490. c-1.2,1.7-3.9,2.4-4.7,2.7c1.7-1,3.2-2.3,4.5-3.9l0.6,0.2l1.4-0.4c1.3,1.4,2.8,2.5,4.5,3.2C117.2,454.6,115.5,453.8,114.3,452.5
  491. z"/>
  492. </g>
  493. <path id="bottom-left-short-1_2_" class="vine" d="M113.6,451.4c0,0-0.9-11.7-14.1-21.2"/>
  494. </g>
  495. <g id="bottom-left-short-group-2_2_">
  496. <path id="bottom-left-short-2_2_" class="vine" d="M78.5,452c1,0.1,1.8-0.7,1.9-1.7c0-0.3,0-0.5-0.1-0.8c-0.3-1.2-2-2.5-4.5,0
  497. c-1.6,1.6-2.1,3.9-1.3,6c1.1,3.5,4.4,5.8,8,5.7c7.6-0.1,12.9-9.6,13-16.5c0.1-4.1-0.8-8.3-2.8-11.9c-1.8-4.4-7.1-11.7-14.3-18.1"
  498. />
  499. </g>
  500. <g id="bottom-left-short-group-3_2_">
  501. <g id="LeafGroup-downwards-8_2_">
  502. <path id="leaf8_2_" class="st1" d="M48.4,445.7c12.6-5.5,25.8,12.5,13.1,22.2c-12.8,9.9-25.9-8.3-33.2,13.9
  503. c-5-8.4-14.5-22.7-8.5-36.2S48.7,425.3,48.4,445.7z"/>
  504. <path id="stem8_2_" class="st2" d="M45.8,448.3c-0.6,3.4-0.3,7,1,10.2c-0.8-1.4-3.4-5.4-2.5-9c-1.3,1.1-2.1,1.9-3.3,3.1
  505. c-0.1,2.9,0.4,5.7,1.5,8.4c-0.6-1.1-2.9-4.1-2.8-7c-1,1.1-2,2.3-2.9,3.5c-0.1,2.1,0.3,4.2,1.2,6.1c-0.5-0.8-2.3-2.3-2.4-4.3
  506. c-1.9,2.5-3.3,5.3-4.3,8.2c0.6-3.6,2-7,4.1-10c-2.2,0.6-5.5-1.3-6.3-1.8c2.3,0.7,4.8,0.9,7.2,0.5c0.9-1.4,2-2.7,3.1-3.9
  507. c-3.5,0.7-9.3-1.7-10.4-2.4c3.1,1.2,9.2,1.4,11.8,0.9c1-1,1.6-1.6,2.6-2.5c-4,0.8-9.7-3.4-11.1-4.5c3.8,2,10,3.6,12.6,3.1
  508. c1.1-0.8,2.3-1.5,3.5-2.2c0,0.4,0,0.9,0,0.9s1.2-0.5,1.7-0.6c0.2-0.1,0.6-0.1,0.9-0.2s0.7-0.1,0.7-0.1S46.6,447.7,45.8,448.3z"
  509. />
  510. </g>
  511. <path id="bottom-left-short-3_2_" class="vine" d="M47.7,446.4c19.5-11.8,11.9-36.9,5.9-55.9c-0.7-2.8-1.6-5.5-2.7-8.2"/>
  512. </g>
  513. <g id="bottom-left-short-group-4_2_">
  514. <g id="LeafGroup-upwards-7_2_">
  515. <path id="leaf7_2_" class="st1" d="M22.5,374.4c-1.9,7.3-6.2,14.1-7,21.4c-1.5,15.2,17.3,28.5,21,10.9c9.7,0.7,12.2-15.9-4-21.9
  516. C23.7,381.6,22.8,378.9,22.5,374.4z"/>
  517. <path id="stem7_2_" class="st2" d="M34.7,406.2c-0.8-1.4-1.3-2.1-2-3.4c-2-0.4-4.1-0.2-6,0.4c0.7-0.4,3.5-2.1,5.4-1.5
  518. c-1.8-2.6-3-5.6-3.4-8.7c0.8,2.6,2,5.1,3.6,7.3c0.1-1.8,1.8-3.1,2.2-3.8c-0.7,1.7-1.4,3.2-1.2,5c0.8,1.2,1.6,2.3,2.5,3.3
  519. c-0.1-2.5,2-5.1,2.5-6c-1,2.4-1.8,5.3-1.5,6.9c0.1,0.6,0.2,1.1,0.2,1.1h-0.5l-0.5,1.8c0,0-0.8-1.2-0.9-1.2
  520. c-2.2-0.3-4.4-0.3-6.6,0.2C30.4,406.3,32.6,405.8,34.7,406.2z"/>
  521. </g>
  522. <path id="bottom-left-short-4_2_" class="vine" d="M35.1,405.6c1,1.9,2.5,3.4,4.4,4.4c1.7,0.9,9,3,12.7-5.2
  523. c3-6.6,1.9-13.4-1.6-23.2"/>
  524. </g>
  525. </g>
  526. <g id="bottom-right_2_">
  527. <g id="bottom-right-long-group_2_">
  528. <g id="LeafGroup-downwards-11_2_">
  529. <path id="leaf11_2_" class="st1" d="M253.6,441.5c5.3-27.6,36.3-9.6,27.9,14.8c-3.9,11.2-15.7,23-34.7,26.6
  530. c9.6-7.1,11-15.4,5.6-22.2c-5-6.3-12.2-10.6-10.5-16.5S251,437.6,253.6,441.5z"/>
  531. <path id="stem11_2_" class="st2" d="M252.6,441c0.3,3.5-0.3,7-1.9,10.1c1-1.4,3.9-5,3.3-8.7c1.2,1.2,1.9,2.1,3,3.4
  532. c-0.2,2.8-0.9,5.6-2.2,8.2c0.7-1,3.3-3.8,3.4-6.7c0.9,1.2,1.8,2.5,2.6,3.8c-0.1,2.1-0.7,4.2-1.8,6c0.5-0.7,2.5-2,2.8-4.1
  533. c1.8,3,2,3.5,2.3,6.8c0.6-4.2-0.2-6-2-8.5c2.1,0.8,5.6-0.8,6.5-1.2c-2.4,0.5-4.8,0.5-7.2-0.1c-0.8-1.5-1.7-2.9-2.8-4.2
  534. c3.4,1,9.4-0.9,10.6-1.4c-3.2,0.9-9.3,0.6-11.8-0.2c-0.9-1.1-1.4-1.7-2.4-2.7c4,1.1,10-2.5,11.4-3.5c-3.8,1.6-9.8,2.6-12.5,2
  535. c0,0.1-0.4,1.7-0.4,1.7c-0.2-0.3-0.4-0.6-0.7-0.8c-0.3-0.4-0.7-0.7-1.2-0.8C252,440.3,252.3,440.7,252.6,441z"/>
  536. </g>
  537. <path id="bottom-right-long_2_" class="vine" d="M254.1,442.2c-9.7-17.9-8.9-32.9-6.2-46.9c1.9-9.6,5.9-20.7,10.2-33.6"/>
  538. </g>
  539. <g id="bottom-right-short-group-1_2_">
  540. <g id="LeafGroup-downwards-10_2_">
  541. <path id="leaf10_2_" class="st1" d="M223.5,440c-6.7-22.1-26.8,13.1-16.3,33.9c2.2-6.1,4.6-10.6,15.3-11.4
  542. C239.5,461.3,244.1,445.5,223.5,440z"/>
  543. <path id="stem10_2_" class="st2" d="M222.3,440c-1,0.9-1.9,1.9-2.7,3.1c-2.1,0.1-4.1-0.4-6-1.3c0.6,0.5,3.1,2.5,5.1,2.3
  544. c-2.1,2.3-3.7,5.1-4.5,8.2c1.2-2.5,2.7-4.7,4.6-6.7c-0.1,1.8,1.3,3.3,1.6,4c-0.5-1.8-0.9-3.4-0.4-5.2c0.9-1,1.9-2,3-2.9
  545. c-0.5,2.5,1.2,5.3,1.6,6.3c-0.6-2.3-0.8-4.7-0.4-7.1l0.6-0.5l-1.3-0.3c0,0-0.2-0.8-0.3-1c-2.4,0.1-4.8-0.3-7-1.2
  546. C217.9,439.3,220.1,440.1,222.3,440z"/>
  547. </g>
  548. <path id="bottom-right-short-1_2_" class="vine" d="M222.3,440.5c5.4-2.9,10-6.9,13.6-11.8c6.6-8.7,10.1-21.3,10.1-21.3"/>
  549. </g>
  550. <g id="bottom-right-short-group-2_2_">
  551. <path id="bottom-right-short-2_2_" class="vine" d="M234,418.5c0.7-2.6-4-2.9-4.7,0.4c0,0.5,0,0.9,0.2,1.3
  552. c0.6,2.1,2.8,3.2,4.8,2.6c2.5-0.6,4.6-2.4,7-5.6c0.9-1,1.7-2.1,2.4-3.3"/>
  553. </g>
  554. <g id="bottom-right-short-group-3_2_">
  555. <path id="bottom-right-short-3_2_" class="vine" d="M271.1,412c-5.2,0.8-5-8.3,2-8.2c3.2,0.1,6,2.5,6.7,5.6
  556. c1,3.7-2.2,10.3-7.5,11.9c-6.7,2-12.3-2.5-15.3-5.9c-7.6-8.6-7.8-24.5-6.4-30.7"/>
  557. </g>
  558. <g id="bottom-right-short-group-4_2_">
  559. <g id="LeafGroup-upwards-12_2_">
  560. <path id="leaf12_2_" class="st1" d="M290.4,382.7c1.4-6.6-0.8-12.6-6.1-21c-2,8.8-15.4,10.2-17.1,14.7c-1.9,4.9,1,11.5,9.9,10.8
  561. C285.2,391.8,289.4,387.6,290.4,382.7z"/>
  562. <path id="stem12_2_" class="st2" d="M278.2,385.5c0.4-1.1,0.7-2.3,1-3.4c1.7-0.8,3.6-1.1,5.5-1c-0.7-0.2-3.7-1-5.3,0
  563. c1-2.7,1.4-5.7,1.1-8.6c-0.1,2.5-0.7,5-1.6,7.3c-0.5-1.6-2.3-2.4-2.8-2.8c1.1,1.2,1.8,2.6,2.2,4.2c-0.4,1.2-0.9,2.4-1.5,3.5
  564. c-0.5-2.3-2.9-4.1-3.6-4.8c1.4,1.8,2.4,3.9,2.9,6.1l-0.6,1.4c0,0,0.4,0,0.7,0c0.2,0,0.4,0,0.6-0.1l0.8,0.4c0,0,0.3-0.9,0.4-1
  565. c1.8-0.9,3.8-1.3,5.9-1.3C282.1,384.6,280,384.7,278.2,385.5z"/>
  566. </g>
  567. <path id="bottom-right-short-4_2_" class="vine" d="M277.3,386c-1.3,3.6-4.1,7.4-10.1,7.3c-6.8-0.1-9-5.5-8.9-17.6
  568. c0.1-7.2,3.7-22.4,3.7-22.4"/>
  569. </g>
  570. </g>
  571. <path id="frame_2_" class="st2" d="M148.9,435.8c-34.3,0-66.4-20.1-90.5-56.5c-23.9-36.1-37-84-37-135s13.2-98.9,37-135
  572. c24.1-36.4,56.2-56.5,90.5-56.5s66.4,20.1,90.5,56.5c23.9,36.1,37,84.1,37,135s-13.1,98.9-37,135
  573. C215.3,415.7,183.1,435.8,148.9,435.8z M148.9,57.8c-67.6,0-122.5,83.7-122.5,186.5s55,186.5,122.5,186.5s122.5-83.7,122.5-186.5
  574. S216.4,57.8,148.9,57.8z M284.4,228.3c-2.7-50-17.8-96.5-42.7-130.9c-14.8-20.5-32.3-35.6-51.3-44.5c0,0-9.3-4.1-14.1-5.9
  575. c-9.3-3.6-18-8.5-25.9-14.7c3.1-2.7,9-8.1,9.5-15.9c0.3-4.2,0.3-8.1-3.4-12.5c-2.1-2.5-5.2-4-8.5-3.9c-3.7,0-7.2,1.7-9.7,4.4
  576. c-2.3,2.7-3.2,6.9-3,10.5c0.3,7.7,6.8,13,11.9,17.2c-3.2,2.4-14.4,8.2-22.3,12c-2.2,1.1-4.2,1.9-16.1,7.5c-2,1-4.3,2.1-6.9,3.5
  577. c-17.8,9-32.8,23.8-46,42.1C31,131.6,15.9,178,13.2,228.1c0,0-0.5,6.6-0.5,15.2s0.5,16.7,0.5,16.7c2.7,50,17.8,96.5,42.7,130.9
  578. c14.2,19.6,30.9,34,48.9,43c5.8,2.9,27.1,9.9,42,20.4c-5,4.2-11.6,9.5-11.9,17.2c-0.1,3.7,0.7,7.8,3,10.5c2.4,2.8,6,4.4,9.7,4.4
  579. c3.3,0.1,6.4-1.3,8.5-3.9c3.7-4.3,3.8-8.9,3.5-12.3c-0.6-7.8-6.3-13.1-9.4-15.8c4.3-4.5,24.3-12,41.7-19.2s33.9-22.7,49.7-44.4
  580. c24.9-34.4,40-80.8,42.7-130.9c0.5-5.4,0.7-10.8,0.5-16.1C284.9,236.4,284.4,233.6,284.4,228.3z M138.1,15c-0.1-3.1,1-6.1,3.1-8.4
  581. c1.8-1.9,4.3-3,6.9-3c2.3,0,4.4,0.9,5.9,2.6c2.4,2.8,3.6,6.5,3.4,10.2c-0.5,7.2-5.8,12.1-8.6,14.6C143.8,26.8,138.4,22,138.1,15z
  582. M157,470.3c0.3,3.7-1,7.4-3.4,10.2c-1.5,1.7-3.7,2.7-5.9,2.6c-2.6,0-5.1-1.1-6.9-3c-2.1-2.3-3.3-5.3-3.1-8.4
  583. c0.3-7,5.7-11.7,10.7-15.9C151.2,458.3,156.5,463.1,157,470.3L157,470.3z M282.4,259.2c-2.5,50-17.5,96.5-42.4,130.8
  584. c-14.8,20.5-30.2,35.1-48.9,43.5c-21.5,9.6-31,12.2-42.4,19.7c-13.5-10-37.3-17.8-43.5-20.9c-17.6-8.8-33.8-23-47.7-42.2
  585. c-24.8-34.5-39.8-80.9-42.4-130.9v-1c0,0-0.5-10-0.4-14.6s0.4-13.3,0.4-13.3v-1c2.5-50,17.5-96.5,42.4-130.8
  586. c13.2-18.2,28.6-32,45.1-41.1c6.7-3.7,15.5-7.7,18.3-9c13.3-6,25.2-12.9,27.8-15c5.6,4,11.3,7.7,17.3,11c2.5,1.2,5.3,2.6,10,4.5
  587. c3.1,1.2,9.4,3.7,13.8,5.8c18.5,8.8,35.7,23.7,50.2,43.8c24.8,34.3,39.9,80.8,42.4,130.8c0,0,0.4,9,0.5,14.5
  588. S282.4,259.2,282.4,259.2z"/>
  589. </g>
  590. </svg>
  591.  
  592. <div class="reflection">
  593. <img src="https://i.imgur.com/e0aPvur.png" alt="">
  594. </div>
  595.  
  596.  
  597.  
  598. </div>
  599.  
  600.  
  601.  
  602. <div id="container">
  603. <div id="outsidelinks">
  604.  
  605. <H3>Art Credits</h3>
  606. <div class="connect">
  607.  
  608.  
  609.  
  610. <a class="second" href="https://www.deviantart.com/rumay-chian">Rumay-chian</a>
  611. </div></div>
  612.  
  613. <div id="sparkle" class="brightly">
  614. <div class="gallery">
  615. <a target="_blank" href="https://i.imgur.com/Q6cQqg6.png" class="gone" target="_blank" title="Ref Sheet"><img src="https://i.imgur.com/xIoHOzp.png" class="circle" width="60" height="60" ></a>
  616. <a target="_blank" href="https://i.imgur.com/86N6vQP.png" class="gone" title="Butterfly garden by Rumay-Chian from deviantart"><font size="10px">šŸ’”</font></a>
  617. <a target="_blank" href="https://i.imgur.com/jRZlmwF.png" class="gone" target="_blank" title="Quiet by BlinkyIris (me)"><img src="https://i.imgur.com/cK37bN4.png" class="circle" width="60" height="60" ></a>
  618. <a target="_blank" href="https://i.imgur.com/sivHmK8.png" class="gone" target="_blank" title="by Gapepa on ych.commishes.com "/><font size="10px">šŸ’”</font></a>
  619. <a target="_blank" href="https://i.imgur.com/GsI9EoT.jpg" class="gone" target="_blank" title="Fantasy AU I guess?" /><img src="https://i.imgur.com/kDTAPqt.png" class="circle" width="60" height="60" ></a></div>
  620. <div class="diamonds">
  621. <div id="we" class="far"><div class="tell">
  622.  
  623. <h1>Stats</h1>
  624.  
  625. <font style="float:left"><b>āž½Name</b></font>
  626. <font style="float:right">Kaiko Ten</font><br>
  627. <font style="float:left"><b>āž½Nicknames</b></font>
  628. <font style="float:right"><strike>Kai, Koko, Fuzz Neck, Mothra</strike></font><br>
  629. <font style="float:left"><b>āž½Age + Birthday</b></font>
  630. <font style="float:right"> 16惻March 29th</font><br>
  631. <font style="float:left"><b>āž½Gender</b></font>
  632. <font style="float:right">ā™€ Female</font><br>
  633. <font style="float:left"><b>āž½Race</b></font>
  634. <font style="float:right">Quirked Human</font><br>
  635. <font style="float:left"><b>āž½Height</b></font>
  636. <font style="float:right">5ā€4ā€™/164.59CM</font><br>
  637. <font style="float:left"><b>āž½Weight</b></font>
  638. <font style="float:right">110lbs/50kg</font><br>
  639. <font style="float:left"><b>āž½Hair + Eye </b></font>
  640. <font style="float:right">Curly long Light Brown惻Purple</font><br>
  641. <font style="float:left"><b>āž½Occupation</b></font>
  642. <font style="float:right">Student</font><br>
  643. <font style="float:left"><b>āž½Affiliation</b></font>
  644. <font style="float:right">U.A Highschool</font><br>
  645. <font style="float:left"><b>āž½Sexual Orientation</b></font>
  646. <font style="float:right">Pansexual</font><br>
  647. <font style="float:left"><b>āž½Martial Status</b></font>
  648. <font style="float:right">Single</font><br><Br>
  649.  
  650. <h1>Personality</h1>
  651. <p> Kaiko is a bit of a soft-spoken young woman. Often seen keeping to herself with her nose in a book of some sort. She prefers the quiet over the chaos of large groups. But that isnā€™t to say she isnā€™t able to function in them. In fact, she is probably one of the more friendly people you might meet. She just has a hard time talking to others first. Despite this though, she can easily meld into groups and work alongside others. Almost naturally she tends to act as a middle man. If she finds there is something that needs to be talked out she will go out of her way and set it up. </p>
  652.  
  653. <p>Often or not despite her quiet demeanor Kaiko is a bit on the lighter side. Sheā€™s capable of looking on the bright side and often likes to think the best of people and situations. Trying to comfort when possible and cheer up others when she can. Sheā€™s more the pleasant calming type of happy. Often trying to brighten up another's day, even with small gestures if possible. This can be attributed to her need to help others and overextending herself. She tries to keep positive while also being realistic as well. Despite at times being rather clumsy. </p>
  654.  
  655. <p>However, her drive to aid others can be a bit much, she is fairly soft-hearted, often trying to jump to the aid of others even when they might not need it. This was something that hindered her greatly in the second part of her first time taking the license exam. She was unable to turn a blind eye to those who pleaded for help. Even if they really didnā€™t need it. She actively has to make an effort to check herself mentally and not allow herself to aid every one that asks for help. </p>
  656.  
  657. <p>Another thing worth noting though, in hero attire, she puts up an act, a persona if you will. The persona goes by the name of ā€˜Silkā€™, matching her hero name. She is under the impression that putting on an act will help her score in popularity. And while that is something superficial, she has the desire to not be rejected and believes if she can build a fanbase she is also more likely to get a good gig with an agency. </p>
  658.  
  659. <p>Her Silk persona is a bit more confident and flirtatious. Sheā€™s even bold if able to show it, but sheā€™s in no way cocky or rude. A bit sassy a times, sure but she fires off a few quips here and there. The confidence sheā€™s actually developed for Silk has carried over to her everyday life, thus giving her more confidence in herself. Even if Silk is just a mask herself. </p>
  660.  
  661.  
  662. </div></div>
  663. <div id="have" class="far"><div class="tell">
  664. <h1>Hero Stats</h1>
  665. <font style="float:left"><b>āž½Hero Name</b></font>
  666. <font style="float:right">Silk</font><br>
  667. <font style="float:left"><b>āž½Quirk</b></font>
  668. <font style="float:right">Lepidoptera</font><br>
  669. <font style="float:left"><b>āž½Quirk type</b></font>
  670. <font style="float:right">Mutation</font><br>
  671. <font style="float:left"><b>āž½Costume</b></font>
  672. <font style="float:right"><a target="_blank" href="https://i.imgur.com/EeDYweU.png" target="_blank">ā—ˆSuit upā—ˆ</a></font><br>
  673. <font style="float:left"><b>āž½Power</b></font>
  674. <font style="float:right"> ā™¦ā™¦ā™¢ā™¢ā™¢</a></font><br>
  675. <font style="float:left"><b>āž½Speed</b></font>
  676. <font style="float:right">ā™¦ā™¦ā™¦ā™¢ā™¢</font><br>
  677. <font style="float:left"><b>āž½Technique</b></font>
  678. <font style="float:right">ā™¦ā™¦ā™¦ā™¢ā™¢</font><br>
  679. <font style="float:left"><b>āž½Intelligence</b></font>
  680. <font style="float:right">ā™¦ā™¦ā™¦ā™¦ā™¢</font><br>
  681. <font style="float:left"><b>āž½Cooperativeness</b></font>
  682. <font style="float:right">ā™¦ā™¦ā™¦ā™¢ā™¢</font><br>
  683. <font style="float:left"><b>āž½Skills</b></font>
  684. <font style="float:right"><a target="_blank" href="" title="Never skip leg day">Hand to hand combat</a>, <a target="_blank" href="" title="Not really a skill, or ability.">Flexiblity</a>, <a target="_blank" href="" title="She's got a severly high pain tolerence.">High pain threshold</a></font><br>
  685.  
  686. <font style="float:left"><b>āž½Support gear</b></font>
  687. <font style="float:right"> <a target="_blank" href="" title="Her has a set of lenses over the eyes that act as not only protection but actual lenses akin to that of her glasses. This is to hide the fact that she needs glasses. She also has a basic mask with out lenses for times she is wearing her contacts.">Mask</a>,
  688.  
  689.  
  690. <a target="_blank" href="" title="An Extendable spring loaded bo-staff hangs off her belt. A sturd staff she uses to smack while in combat.
  691. Metal reinforcement- The soles of her shoes and gloves are reinforced with a flexible metal. Mostly to help her in combat, making blows a bit harder than one would expect. It also protects her from the shock of straight dive bombing from above. A move she does from time to time.">Bo-staff</a>,
  692.  
  693. <a target="_blank" href=" "title="- Made from discarded or torn off pieces of her wings that sheā€™s collected the wings are ground up for the scales to produce the powder and placed in a grenade type bomb. The effects vary between the poison that causes nausea and the stunning powder. The effects are pretty much the same except this she is able to throw them at targets, without the high levels of adrenaline. ">Powder Bombs</a> , <a target="_blank" href=" " title="Her boots are equipped with shock absorbers as well as steel soles, so when she does a drop down attack from above she is able to put more force behind it. Allowing her to free fall.">Steel soled boots</a><br></font><Br><Br><Br><Br><Br><Br>
  694.  
  695. <h1>Quirk Description:</h1>
  696. She has the physical characteristics of a moth. The wings and antenna specifically with some internal characteristics of a butterfly. This mostly manifesting in her being drawn to flowers, as well as the pheromones her body produce, and the poison powder that comes off her wings. However, the powders are also possible in moths as well. <br><br>
  697.  
  698. The powder comes in two varieties, a stunning effect that is good for getaways, lasting only for a couple of minutes, and a poison effect that only causes nausea and possible puking, nothing lethal though. <br>
  699. Depending on the levels of adrenaline in her system affects the type of powder she is giving off, as a reaction to fight or flight. The effect of the powder someone was already exposed to does not change. It just changes the effect of what is coming off the scales of her wings. <br><br>
  700.  
  701. She is capable of limited flight, she usually only uses her flight to gain altitude/height. Her flight speed is fairly slow though. She can run faster than she can fly. Her actual ground speed is on par with an average human. <br><br>
  702. Her wings are very delicate though. And are easily ripped or torn off. And to have her wings torn off is one of the worst feelings. It feels like having a limb ripped off. And thus having this done several times in the past has given her a bit more of a threshold for pain. And she is able to regrow her wings an antenna. When torn off completely a whole wing can take anywhere from 4-6 weeks. It depends on the severity. And if both wings are torn off or just the one. For a trait depends on the size. A larger tear can take up to a week, while a small rip can take a day or two. Her antennas take a week to grow back if torn off. <br><br>
  703. The scales on her wings are still able to give off a powder even if torn off. But that is only induced by contact with the piece if exposed. Side effects are last just as long. She is able to spread the powder from her wings by managing a series of extremely fast flaps. It creates a light creme mist or cloud which would be the stunning powder, and the dark brown cloud would be for the poison powder.
  704. <br><br>Her healing process can be greatly sped up though thanks to the ability to create a cocoon. If she is injured she will spit silk, since she is based on that of a silk moth, and create a cocoon. Encasing herself in the cocoon allows her healing to speed up a bit. tears and minor injuries take 3-4 hours to heal, and torn off wings or large patches and moderate injuries take a good 13 hours to repair instead of the several weeks it could take for the wings. She can do this anywhere really but only does it in her dorm room, or in a location she knows is safe. As this is akin to being asleep. She can not sit in the cocoon awake or conscious. She is as good as asleep. And this leaves her in a vulnerable state. She is unable to be shaken awake or anything. Inside the cocoon, she is dead asleep. Catatonic almost. Unless someone literally cuts into the cocoon, to wake her up she is not stirring. And this is not able to be used on others. The silk used for the cocoon is not able to be used for anything else.<br><br>
  705.  
  706.  
  707.  
  708. <h1>Quirk Drawbacks/ Weaknesses: </h1>
  709. -She can only fly at a moderate speed, for a limited amount of time. That height being roughly 150 ft which is the current limit only due to her stamina. The fastest she can fly would be 15mph, but that is only for short bursts. Her average preferred pace is between 6-8 mph. Slower/On Par with the average speed of a human. <br><br>
  710.  
  711. -Her cocoon can heal her sure, but she needs long periods of time. She canā€™t use its effects back to back. She can only produce so much silk. So there has to be a couple of days between uses.<br><br>
  712. -Due to her moth like nature she is also mesmerized by bright lights of any sort. Anything that gives off a light source, is likely to get her attention, and draw her close. This is something she has to be mindful about. Her glasses and the lenses in her mask have a faint tint to them that hinders the effects on her, acting as a filter.<br><br>
  713.  
  714. -If she flies too high sheā€™ll end up losing altitude, If she flies too fast or for too long she is likely to damage her wings. <br><br>
  715. -Using her cocoon does cause her to become pale and weak. She tries to not use the healing cocoon as often as sheā€™d need only due to excess will cause a strain on her physically. She will become dehydrated, because she spits up and secretes the substance the cocoon is formed from. Her body will go into a sleep like state but she will need to eat and plenty of drink water after, to keep her protein up. Her immune system is much weaker after using the cocoon and so she has to be careful and avoid getting ill.<br><br>
  716. </div></div>
  717. <div id="you" class="far"><div class="tell">
  718.  
  719. <h1>Friends</h1>
  720. <a target="_blank" href="" target="_blank" title="Words"><img src=" " class="circle" width="40" height="40" border="1px solid #000000" ></a>
  721. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  722. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  723. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  724. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  725. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  726. <h1>Aquaintences</h1>
  727. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  728. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  729. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  730. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  731. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  732. <a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  733. </div></div>
  734. <div id="noticed" class="far"><div class="tell">
  735.  
  736. <h1>Background</h1>
  737. <p>Kaiko was born the child of an arranged marriage. The families already had close ties prior to the arrangement. This just solidified the union. Her father Choyoshi ironically enough displayed a mutation quirk that involved butterflies, while her mother Gano was the mother based quirk. And despite this being an arranged marriage, both parties were fairly happy together.</p>
  738.  
  739. <p>Growing up in a small coastal rural town where everyone knew each other and the only time new faces showed up was for the summer during tourist season. She attended school with the same kids. Day in and day out. She was subject to bullying due to her quiet demeanor. At one point when she was five, she had her wings torn off for the first time by a bully who thought itā€™d be funny. Calling her wings ugly. And telling her that moths were just ugly and fake butterflies. This left a nasty mark on the poor girl's confidence. She also learned the severe pain that would come with having her wings ripped off. It was akin to that of having an arm ripped off. </p>
  740.  
  741. <p>She ended up lying to her mother and father saying her wings got stuck in a door at school and they were pulled off that way. This resulted in her getting lectured about being careful. The teasing and bullying would go on for what felt like years. No one spoke up, and even when she tried, there was no luck. Kaiko often would attempt to perform tasks for the bullies as a means to lighten her torment. But it only works sometimes. Thus her development of a need to please complex. </p>
  742.  
  743.  
  744. <p>Not long after she started primary school, and the bullying began, Kaikoā€™s motherā€™s was pregnant with her younger brother, Suzume. After his birth both her mother and him had become sickly. Suzume spent a couple of weeks in the hospital before finally coming home. Where Kaiko wasnā€™t entirely receptive to her younger brother. Relatives doting on him, her mother and father not paying her any attention. That being said this was normal for a child after the birth of their first younger sibling. </p>
  745.  
  746. <p>Home was the only place she felt wanted and now it was taken from her though. And she was jealous. Her time was spent then mostly reading any books she could really. The events at home on top of her school situation, she was feeling isolated. Even if the home situation wasnā€™t bad or abnormal, it still left her feeling a bit detached and isolated. </p>
  747.  
  748. <p>The monsoon season had rolled up, a month or so after Suzume, her brother was born. He seemed to be steadily getting better. Kaikoā€™s father was away on business which left her mother, her, and her baby brother to weather the storm. Literally. A heavy hitter of a storm crashed their small beachside town. Most of the businesses and homes closest to the storm were left ravaged and destroyed. Thankfully her familyā€™s home was more inland than those heavily affected. Things, however, did happen. Her brother had fallen ill shortly after the storm started, and her mother was in no state to drive the infant to the hospital, and the nearest family member was on the other side of town, and with the roads being closed, and the storm advisories popping up so frequently, the three were unable to really leave their home. </p>
  749.  
  750. <p>The small town was on high alert. And they were expecting moderate flooding. Those on higher ground would be just fine though. So the newscaster and meteorologists said. Kaiko had at this point stayed by her motherā€™s side the entire time. Begrudgingly helping with Suzume. There were a few professional heroes working in the area. Nothing huge though. Just in case rescues were required. </p>
  751.  
  752. <p>At this point mind you Kaiko had no interest in being a hero, nor did she really care about heroes. She was just a young quiet girl who kept to her books and herself. So she never really got excited by things that normally excited her classmates. </p>
  753.  
  754. <p>The storm got potentially worse as did Suzuā€™s condition. The phone lines were knocked out, and the nearest house was a mile up the road. Kaiko was the only healthy one in the house and the rain was coming down hard, and the wind was blowing on hurricane levels of strong. All through the night, Kaikoā€™s mother was begging for Suzu to be okay. For her baby to be okay. It looked like things were not going to work outā€¦ Suzuā€™s health was drastically declining, and there was nothing they could do. </p>
  755.  
  756.  
  757. <p>Kaiko had only watched her brother suffering, and her motherā€™s panics and pleas, and felt like she had to do something. But what? She got up and walked out of the room the three were hauled up in. Her mother, unsure what to doā€¦ The only indicator that Kaiko had left was the sound of the back door opening and slamming shut. Despite the rainā€¦. Kaiko took off. With an umbrella in hand. Now she was a childā€¦ and this made sense to her. Upon hearing the noise, her mother ran to the nearest window and threw it open. Calling for Kaiko to come back. Begging her. But the sounds were drowned out by the rain and wind. Kaiko looked back for a second and flew off into the storm, shielding her wings from the rain with the umbrella, she had to hold it a specific angle to even be able to do so. And somehow it was workingā€¦ For a small bitā€¦ the wind though was not as gracious. The small girl was whipped and knocked around. Finally, her umbrella was knocked from her hands, resulting in her wings not only getting wet but become riddled with holes. </p>
  758.  
  759. <p>She was about ready to plummet to the ground when she was caught. It was a professional hero. One that produced a weird bouncy house type material that allowed him to catch her. She was winded and scared, havinga hard time stringing coherent sentences together. The hero radioed in about Kaiko and made note of her injuries, Mostly the damage to her wings. She was taken to the hospital and barraged by questions. The entire time she kept crying, about her mother and brother. Finally, someone managed to calm her down enough to get her to explain that her brother was sick and needed the hospital. But her mom couldnā€™t take him because he was sickā€¦ And she had tried to get help. A rescue team comprised of the hero who helped her and another as well as a paramedic were sent to the house, and were able to bring both her mother and brother to the hospital. </p>
  760.  
  761.  
  762. <p>Resulting in her mother clinging to her crying horribly. Kaiko watched as they carted her brother to the infant ward. There the two would wait. Kaiko herself was bedridden from what happened, but her mother had decided to wait with Kaikoā€¦. She almost lost both of her children. And she had to stay with the one she could. </p>
  763.  
  764. <p>That evening, they would remain in the hospital, waiting out the storm, and all throughout the night people were brought into the hospital, surprisingly there were little casualties despite the horrible weather. And news of her brother finally got to Kaiko and her mother. He was going to be okay. But the doctors wanted to keep an eye on him for a few extra days to be sure he was entirely in the clear. One even commending Kaikoā€™s action, while stupid, and reckless, her actions saved the life of her little brother. Thatā€¦ instantly hit her hard. Kaiko saved someone. </p>
  765.  
  766. <p>The following days Kaiko went to the hospital every day until her brother was released. She watched the heroes as they had helped save those caught up in the storm, and some even comforted and soothed those in pain. She was awestruck and moved. In fact, on her last visit to the hospital, the hero who saved her from her fall mid-air was there. It turned out he was the local hero, and his name was Big Bounce, he offered the young girl a head pat and told her she was very brave. Offering her words that stuck with her. ā€œIf you ever want to do something with that bravery become Plus Ultra. And go above and beyond.ā€ At first, she wasnā€™t sure what he meant with those words. But she would later find out these were the motto of one of the greatest hero schools in the nation. This was the turning point where Kaiko decided she wanted to be a hero. </p>
  767.  
  768.  
  769. <p>Later down the line, Kaikoā€™s situation with the same bully was no better. She was still poked and tormented. Telling her sheā€™d be better off being a villain, with how she was just a fake butterfly. The only real things that made her smile at this point where her dreams, and her family. Especially her younger brother, who while still being a bit on the frail side still, had developed a similar quirk to herā€™s. Except his flight was much quicker and lighter almost. </p>
  770.  
  771. <p>She was certain all she had to offer was her wings and antenna as part of her quirk. No other defining traits. </p>
  772.  
  773. <p>At one point though, the head bully, the girl who first pulled her wings off on a few occasions ā€¦. Cornered her in the bathroom and stared down at her. Ready to pull her wings off again. Why? Well, it was hard to say. Why did she like tormenting the poor girl? Well, it might have had something to do with the bully actually having a quirk related to a spider. So maybe she saw Kaiko as prey? It was easy to make that connection. The girl was just also pretty mean spirited. That being said, the day she had her corneredā€¦ was the last day she would rip off Kaikoā€™s wings. Which happened several times before, either by her or by accidents. The pain was something Kaiko was sadly becoming used to. </p>
  774.  
  775. <p>But when she had her cornered this time around? Kaiko panicked. Her wings started to flutter and twitch out of nervousness and a light brown powder started to come off the wings. By the time the bully noticedā€¦ she had fallen to the ground and was unable to move. Kaiko stared down at the girl and started screaming. Not sure what happened, a teacher came inā€¦. And that was when everything started to come out. The bully was actually scared stiff of what suddenly happened, that never happened before. So either her adrenaline was at an all-time high, or it was just something that had to be discovered. </p>
  776.  
  777. <p>The girlā€™s harassment was brought to light, and promptly after that Kaiko was left alone. </p>
  778.  
  779. <p>Her parents took this time to pack up and move. Moving a great distance away from the rural beachside town. And it was thanks to this Kaiko was able to actually find a place for herself. She wasnā€™t bullied, and nor was she in any oneā€™s attention though. </p>
  780.  
  781. <p> She would eventually try out for the hero course in U.A in an attempt to validate her skills and show herself off as a hero. She also took some inspiration from the pro-hero Midnight, not following the gimmick but with her personality.</p>
  782.  
  783.  
  784. </div></div>
  785. <div id="come" class="far"><div class="tell">
  786. <h1>Rules</h1>
  787. <b>01.</b> This profile was Coded by <b>ME</b>. Please do not touch or alter? If you want a code? Ask.<Br>
  788. <b>01a.</b> Main pictures on profile done by <a target="_blank" href="https://www.deviantart.com/vinnytheprinny" title="">VinnythePrinny</a><br>
  789. <b>02.</b> OOC Friendly 96% of the time.<br>
  790. <b>03.</b> Don't ask me for 'sum fuk'.<br>
  791. <b>04.</b> My character is a quirky and shy little book worm. <br>
  792. <b>05.</b> Keep your drama away from me please.<br>
  793. <b>06.</b> I'm a shy little fool. So if my posts feel awkward to start with? I apologize. I'm still trying to establish my character.<bR>
  794. <b>07.</b> IC does not equal OOC.<br>
  795. <b>08.</b> I'm still watching the series.<br>
  796. <b>09.</b> This is a BNHA oc. <br>
  797. <b>10.</b> You are <B>NOT</b> permitted to use any of the character(s) images found of this profile. All of them are either pieces I commissioned/paid for. If you are curious about the artists please feel free to ask and I can provide you a link to their gallery/information. <br>
  798. </div></div></div>
  799.  
  800. <div class="portal">
  801. <a href="#we" class="gone"><font size="24">ā‰</font></a>
  802. <a href="#have" class="gone"><font size="24">āˆ</font></a>
  803. <a href="#noticed" class="gone"><font size="24">ā‰</font></a>
  804. <a href="#you" class="gone"><font size="24">āˆ</font></a>
  805. <a href="#come" class="gone"><font size="24">ā‰</font></a></div>
  806. </div><div id="portrait">
  807. </div> </div></div></div></div>
  808.  
  809.  
  810.  
  811. </div>
  812.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement