API tools faq
paste
Advertisement
Chibi-Elle

Kyouka Jirou (@ RagexQueen)

Chibi-Elle
Jan 19th, 2020
169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.61 KB | None | 0 0
raw download clone embed print report
  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/css?family=Gayathri|Permanent+Marker|New+Rocker|Neucha|Gelasio&display=swap');
  50.  
  51. html, body {
  52. background: rgb(240,3,3);
  53. background: -moz-linear-gradient(270deg, rgba(240,3,3,0.8183648459383753) 0%, rgba(191,52,52,1) 25%, rgba(133,112,197,1) 50%, rgba(73,12,195,1) 75%, rgba(0,0,0,1) 100%);
  54. background: -webkit-linear-gradient(270deg, rgba(240,3,3,0.8183648459383753) 0%, rgba(191,52,52,1) 25%, rgba(133,112,197,1) 50%, rgba(73,12,195,1) 75%, rgba(0,0,0,1) 100%);
  55. background: linear-gradient(270deg, rgba(240,3,3,0.8183648459383753) 0%, rgba(191,52,52,1) 25%, rgba(133,112,197,1) 50%, rgba(73,12,195,1) 75%, rgba(0,0,0,1) 100%);
  56. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f00303",endColorstr="#000000",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: 40vw;
  78. margin: 0px;
  79. border: none;
  80. height: 45vw;
  81. background-color:transparent;
  82. position: absolute;
  83. right: 18vw;
  84. bottom: -10vw;
  85. background-image:url("http://i.picpar.com/5CXd.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. }
  90.  
  91. #container {
  92. background-color:#8570c5;
  93. width: 75vw;
  94. height: 15vw;
  95. margin:auto;
  96. position: absolute;
  97. padding: 5px;
  98. right: 13vw;
  99. top: 20vw;
  100. z-index:1;
  101. border: 1px solid #000;
  102. background-image: url("https://i.imgur.com/qJ5HTol.gif");
  103. background-repeat: no-repeat;
  104. background-position: center;
  105. background-size: 100%;
  106. }
  107.  
  108. #content {
  109. background-color:#9370DB;
  110. width: 30vw;
  111. height: 42.8vw;
  112. margin:auto;
  113. position: absolute;
  114. padding: 5px;
  115. font-family: 'Neucha', cursive;
  116. text-align: left;
  117. font-size: 18px;
  118. color: #000;
  119. left: -5vw;
  120. top: -14vw;
  121. z-index:1;
  122. border: #000000 solid 2px;
  123. }
  124.  
  125. #content3 {
  126. background-color:#9370DB;
  127. width: 30vw;
  128. height: 42.8vw;
  129. margin:auto;
  130. position: absolute;
  131. padding: 5px;
  132. font-family: 'Neucha', cursive;
  133. text-align: left;
  134. font-size: 18px;
  135. color: #000;
  136. right: -5vw;
  137. top: -14vw;
  138. z-index:1;
  139. border: #000000 solid 2px;
  140. }
  141.  
  142. #nav {
  143. background-color: transparent;
  144. width: 20vw;
  145. height: .5vw;
  146. margin:auto;
  147. position: absolute;
  148. right: 41vw;
  149. bottom: 5vw;
  150. text-align:left;
  151. text-decoration: none;
  152. z-index:3;
  153. }
  154.  
  155. #nav a, #nav a:link, #nav a:visited {
  156. display:inline-block;
  157. text-decoration: none;
  158. text-align: left;
  159. background: #990000;
  160. color: transparent;
  161. box-shadow: 0px 0px 5px #000;
  162. padding: 4px;
  163. height: .1vw;
  164. width: 1.7vw;
  165. margin: 5px;
  166. border-radius: 5px;
  167. }
  168.  
  169. #nav a:active, #nav a:hover {
  170. display:inline-block;
  171. height: 0.1vw;
  172. width: 1.7vw;
  173. text-decoration:none;
  174. background: #000;
  175. box-shadow: 0px 0px 5px #990000;
  176. color: transparent;
  177. margin: 5px;
  178. }
  179.  
  180. i{color: #990000;}
  181. b{color: #000;}
  182. a{color: #800080; text-decoration: none;}
  183. h1{text-transform: uppercase; letter-spacing: 7px; border-bottom: 0px solid #; background-image: url('https://i.pinimg.com/564x/3c/67/ae/3c67aea81208e4386da57daadb3c21b7.jpg'); background-color: #fff;text-align: center; margin-right: 0px; margin-left: 0px; line-height: 30px; margin-top: 0px; font-size: 25px; font-family: 'New Rocker', cursive; color: #C43030;}
  184. h2{border-bottom: 1px solid #000; text-align: left; font-size: 23px; font-family: 'Permanent Marker', cursive; color: #000;}
  185. h3{border-bottom: 1px solid #000; text-align: right; font-size: 23px; font-family: 'Permanent Marker', cursive; color: #000;}
  186. </style>
  187.  
  188. <div id="nav">
  189. <a href="#one"></a>
  190. <a href="#two"></a>
  191. <a href="#three"></a>
  192. <a href="#four"></a>
  193. <a href="#five"></a>
  194. <a href="#six"></a>
  195. </div>
  196.  
  197. <div id="container">
  198. <div id="image"></div>
  199.  
  200. <div id="content">
  201. <div style="width: 30vw; height: 42.8vw; overflow-y: hidden;">
  202.  
  203. <a name="one"></a>
  204. <div style="width: 30w; height: 42.8vw; overflow: auto;" align="left">
  205. <h1>Statistics</h1>
  206. <span style="float:left;"><b>Given Name:</b></span><span style="float:right;">耳郎響香.</span><br>
  207. <span style="float:left;"><b>Romaji:</b></span><span style="float:right;">Jirou Kyouka.</span><br>
  208. <span style="float:left;"><b>Gender:</b></span><span style="float:right;"><img src="https://vignette.wikia.nocookie.net/bokunoheroacademia/images/9/99/Female.png/revision/latest/scale-to-width-down/15?cb=20160427193702" height="14" width="12"> Female.</span><br>
  209. <span style="float:left;"><b>Age:</b></span><span style="float:right;">16.</span><br>
  210. <span style="float:left;"><b>D.o.B.:</b></span><span style="float:right;">August 1st.</span><br>
  211. <span style="float:left;"><b>P.o.B.:</b></span><span style="float:right;">Shizuoka Prefecture, Japan.</span><br>
  212. <font style=float:left><b>Ethnicitiy:</b></font><font style=float:right>Japanese.</font><br>
  213. <span style="float:left;"><b>Zodiac:</b></span><span style="float:right;">♌ Leo.</span><br>
  214. <font style=float:left><b>Orientation:</B></font><font style=float:right>Bisexual.</font><br>
  215. <font style=float:left><b>Marital:</b></font><font style=float:right>Single.</font><br>
  216. <font style=float:left><b>Alignment:</b></font><font style=float:right>Chaotic Good.</font><br>
  217. <font style=float:left><b>Allergies:</b></font><font style=float:right>None.</font><br>
  218. <font style=float:left><b>Handicaps:</B></font><font style=float:right>None.</font><br>
  219. <span style="float:left;"><b>Occupation:</b></span><span style="float:right;">Student.</span><br>
  220. <span style="float:left;"><b>Class:</b></span><span style="float:right;">1-A.</span><br>
  221. <span style="float:left;"><b>Instructor:</b></span><span style="float:right;">Aizawa Shouta.</span><br>
  222. <span style="float:left;"><b>Affiliation:</b></span><span style="float:right;">U.A. High School.</span><br>
  223. <span style="float:left;"><b>Team:</b></span><span style="float:right;">Hagakure.</span><br>
  224. <span style="float:left;"><b>Mentor:</b></span><span style="float:right;">N/A.</span><br>
  225. <h1>Appearance</h1>
  226. <span style="float:left;"><b>Hair Color:</b></span><span style="float:right;">Dark Purple.</span><br>
  227. <span style="float:left;"><b>Eye Color:</b></span><span style="float:right;">Purple.</span><br>
  228. <font style=float:left><b>Height:</B></font><font style=float:right>154 cm. / 5'1".</font><br>
  229. <font style=float:left><b>Weight:</B></font><font style=float:right>45 kg. / ~100 lbs.</font><br>
  230. <font style=float:left><B>Build:</B></b></font><font style=float:right>Ectomorph.</font><br>
  231. <font style=float:left><b>Skin Tone:</B></font><font style=float:right>Pale.</font><br>
  232. <font style=float:left><b>Blood Type:</B></font><font style=float:right>A.</font><br>
  233. <font style=float:left><b>Scent:</b></font><font style=float:right>Shiseido Ever Bloom.</font><br>
  234. <font style=float:left><b>Voice Claim:</b></font><font style=float:right>Kei Shindou.</font>
  235. </div>
  236.  
  237. <a name="two"></a>
  238. <div style="width: 30vw; height: 42.8vw; overflow: auto;" align="left">
  239. <h1>Archive Book</h1>
  240. <span style="float:left;"><b>Power:</b></span><span style="float:right;">★ ☆ ☆ ☆ ☆ [E].</span><br><br>
  241. <span style="float:left;"><b>Speed:</b></span><span style="float:right;">★ ★ ★ ☆ ☆ [C].</span><br><br>
  242. <span style="float:left;"><b>Technique:</b></span><span style="float:right;">★ ★ ★ ☆ ☆ [C].</span><br><br>
  243. <span style="float:left;"><b>Intelligence</b></span><span style="float:right;">★ ★ ★ ☆ ☆ [C].</span><br><br>
  244. <span style="float:left;"><b>Cooperation:</b></span><span style="float:right;">★ ★ ★ ★ ★ [A].</span><br><br>
  245.  
  246. <h2>Quirk</h2>
  247. <b>Quirk Name:</b> Earphone Jack.<br><br>
  248. <b>Quirk Type:</b> Mutation.<br><br>
  249. <b>Range:</b> 6 meters.<br><br>
  250. <B>Description:</B><br>
  251. Kyouka’s quirk is manifest through the presence of headphone jacks that hang from her earlobes. Extremely flexible and capable of being stretched multiple meters, these jacks can be used for offensive purposes, taking on whip-like qualities.
  252. When she plugs her earlobe jacks into something, she is able to channel the sound of her heartbeat into the form of a violent vibration attack. If plugged into her surroundings, she is able to pick up on minuscule sounds in her vicinity, though her true range has never been elaborated on.<br><br>
  253. <B>Drawbacks:</B><br>
  254. Jirou’s quirk, for the most part, requires her to “plug herself in” to channel attacks strong enough to do more than disorient her foes. This leaves her a sitting duck at times, and not always the most suited for close-range combat. Because the jacks are attached to her, by default, they can pose a vulnerability to her if she were to use them for combat. She could be yanked around, or have her ears tugged off. Earphone Jack makes her vulnerable to loud sounds and electric shocks inherently.
  255. <br>
  256.  
  257.  
  258. <h3>Equipment</h3>
  259. <B>Amplifier Jacks:</B> <br>
  260. Devices that Kyoka can plug her jacks into, amplifying even further the sound and vibration of her heartbeat. They are worn on both her forearms.<br><br>
  261. <b>Stereo Boots:</B> <br>
  262. A pair of boots that Kyoka can plug her ear phone jacks into. They amplify her heartbeat and can direct the vibrations in a certain direction.<br><br>
  263. <B>Headphones:</B> <br>
  264. A device that presumably compliments her jacks' ability to pick up sound vibrations.
  265. </div>
  266.  
  267.  
  268. <a name="three"></a>
  269. <div style="width: 30vw; height: 42.8vw; overflow: auto;" align="left">
  270. <h1>Head Canons</h1>
  271. These are headcanons that I, the typist, have created for Jirou. They create a background for her that fills in the many holes of her life story. Other Jirous are more than welcome to take inspiration from them or discard them entirely, but they're imperative to know for roleplaying with my version of her.<br>
  272. <h2>Family</h2>
  273. 🎸Kyotoku and Mika met while students at Waseda University, Kyotoku in his third year and Mika a freshman.<br>
  274. 🎸Mika specialized in classical violin and cello, but her true passion lay in punk music. <br>
  275. 🎸Kyotoku was a composer and majored in musical theory, but was also adept at playing guitar and bass. <br>
  276. 🎸They bonded after Kyotoku witnessed one of Mika’s performances at a local club, where her stunning violin cover of a Hyde song astounded him. He knew in that moment he had to meet her.<br>
  277. 🎸The pair would spend hours that night talking about everything; in particular, their shared love of punk rock music and Western metal bands.<br>
  278. 🎸Even beyond graduation, Kyotoku’s relationship with Mika continued to blossom and the young couple would eventually move in together in Mika’s third year. <br>
  279. 🎸Mika’s graduation photos showed a very pregnant, very happy woman posing with her husband, who works to this day as a freelance composer and assistant professor at Tokyo University of the Arts. <br>
  280. 🎸Kyouka was born into a loving but struggling household early-on when both of her parents were new in their careers; Mika’s performances grew in fame, but never enjoying the time she spent away from her daughter and husband, would retire while Kyouka was in grade school to a job that kept her closer to home. She took to radio and has been working as a host every since.<br>
  281. 🎸Kyouka’s parents will do local gigs together, but neither ever delved too deeply into illustrious music careers.
  282. <h3>Personal</h3>
  283. 🎸Whenever people claim she has a crush on Kaminari Denki, she doesn’t argue with it; not because it’s true, but because it’s easier for others to assume than it is to discern the truth.<br>
  284. 🎸Kyouka doesn’t limit herself to rock music, though she’d prefer everyone think that she does. In reality, she’s a connoisseur of many genres and likes to learn everyone’s preferences. <br>
  285. 🎸She’s really interested in astrology.<br>
  286. 🎸American food intrigues her, she’s captivated by hamburgers especially.<br>
  287. 🎸The Japanese Macaque is one of her favorite animals, she thinks their beat red faces are adorable.<br>
  288. 🎸Thus far she hasn’t been able to put into words why it is she wants to help people. Despite this, her parents are extremely supportive of her heroic pursuits and trust her judgment.<br>
  289. 🎸She is prone to hiding her intelligence and doesn’t try as hard as she should academically. Even so, she scored 7th on U.A.’s first midterm amongst her peers.<br>
  290. 🎸Because her quirk lacks flashiness and isn’t as strong as some of her other 1-A comrades, she spends time strategizing to maximize her usefulness. Planning ahead is actually a strong suit of hers, even if she is drawn to chaos.<br>
  291. 🎸Kyouka chose her hero title on a whim because creating cool names is kind of hard. Alternatives to the “Hearing Hero” were (and still are) the “Rock’n’Roll Hero” and the “Bass Dropping Pro.” Beats out “King Explosion Murder,” right? <br>
  292. 🎸She gesticulates a lot with her earphone jacks and is prone to “punishing” the boys from class 1-A for acting like perverted idiots. Delivering shocks is routine.
  293. </div>
  294. </div>
  295. </div>
  296.  
  297. <div id="content3">
  298. <div style="width: 30vw; height: 42.8vw; overflow-y: hidden;">
  299.  
  300. <a name="four"></a>
  301. <div style="width: 30vw; height: 42.8vw; overflow: auto;" align="left">
  302. <h1>Personality</h1>
  303. Kyouka can be described as pragmatic, unenthusiastic, and snarky; she enjoys teasing others, especially those that set themselves up for it. Though she can be severe when punishing her classmates when they step out of line, she has demonstrated that if not provoked, she’s very laid back and friendly. Despite being into all things rock, her love of chaos does not make her unorganized. She’s very good at communicating clearly her intentions. Her unflappable facade can be somewhat ruffled when it comes to her appearance, as she has been written to be somewhat insecure about her looks.
  304. <h2>Likes</h2>
  305. 🎸 Rock Music.<br>
  306. 🎸<br>
  307. 🎸
  308. <h3>Dislikes</h3>
  309. 🎸<br>
  310. 🎸<br>
  311. 🎸
  312. <h1>Aspirations</h1>
  313. </div>
  314.  
  315. <a name="five"></a>
  316. <div style="width: 30vw; height: 42.8vw; overflow: auto;" align="center">
  317. <h1>Friends</h1>
  318. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  319. <center><b>- Name -</b><br> <i>foe/friend</i></center> small note.<br><br><br><br>
  320. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  321. <center><b>- Name -</b><br> <i>foe/friend</i></center> small note.<br><br><br><br>
  322. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  323. <center><b>- Name -</b><br> <i>foe/friend</i></center> small note.<br><br><br><br>
  324. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  325. <center><b>- Name -</b><br> <i>foe/friend</i></center> small note.<br><br><br><br>
  326. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  327. <center><b>- Name -</b><br> <i>foe/friend</i></center> small note.
  328. </div>
  329.  
  330. <a name="six"></a>
  331. <div style="width: 30vw; height: 42.8vw; overflow: auto;" align="left">
  332. <h1>Out of Character</h1>
  333. <b>00</b>. Code made by <a target="_blank" href="https://alliealgiere.neocities.org" target="_blank">RageQxeen</a>, do not steal.<br><br>
  334. <b>01</b>. <br><br>
  335. <b>02</b>. <br><br>
  336. <b>03</b>. <br><br>
  337. <b>04</b>. <br><br>
  338. <b>05</b>. <br><br>
  339. <b>06</b>. <br><br>
  340. <b>07</b>. <br><br>
  341. <b>08</b>. <br><br>
  342. <b>09</b>. <br><br>
  343. <b>10</b>. <br><br>
  344. </div>
  345. </div>
  346. </div>
  347. </div>
  348. </body>
  349. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!