API tools faq
paste
Advertisement
RageQxeen

Baki Hanma

RageQxeen
Sep 29th, 2022
31
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.08 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. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  48. <script>
  49. $(document).ready(function(){
  50. $("#image").click(function(){
  51. $("#image").animate({left: "5vw",}, 'slow');
  52. });
  53. });
  54. $(document).ready(function(){
  55. $("#image").click(function(){
  56. $("#container").animate({opacity: "1",
  57. left: "23vw",}, 'slow');
  58. });
  59. });
  60. $(document).ready(function(){
  61. $("#image").click(function(){
  62. $(".alias").animate({opacity: "1",
  63. right: "0vw",}, 'slow');
  64. });
  65. });
  66. $(document).ready(function(){
  67. $("#image").click(function(){
  68. $("#nav").animate({opacity: "1",
  69. right: "13.7vw",}, 'slow');
  70. });
  71. });
  72. $(document).ready(function(){
  73. $("#image").click(function(){
  74. $(".snippet").animate({opacity: "1",
  75. right: "12.5vw",}, 'slow');
  76. });
  77. });
  78. $(document).ready(function(){
  79. $("#image").click(function(){
  80. $(".indicator").animate({opacity: "0",}, 'slow');
  81. });
  82. });
  83. </script>
  84. <style type="text/css">
  85.  
  86. @import url(https://fonts.googleapis.com/css?family=Arima|Aboreto|Crushed);
  87.  
  88. html, body {
  89. background: #355C7D; /* fallback for old browsers */
  90. background: -webkit-linear-gradient(to right, #C06C84, #6C5B7B, #355C7D); /* Chrome 10-25, Safari 5.1-6 */
  91. background: linear-gradient(to right, #C06C84, #6C5B7B, #355C7D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  92. }
  93.  
  94. ::-webkit-scrollbar-button:vertical:{
  95. background-color: #transparent;}
  96.  
  97. ::-webkit-scrollbar-thumb:vertical {
  98. background-color:#transparent;
  99. height:150px;}
  100.  
  101. ::-webkit-scrollbar-thumb:horizontal {
  102. background-color:#transparent;
  103. height:60px;}
  104.  
  105.  
  106. ::-webkit-scrollbar {
  107. height:60px;
  108. width:5px;
  109. background-color:#transparent;}
  110.  
  111. .cover {
  112. background:url('');
  113. opacity: .1;
  114. position: absolute;
  115. width: 100vw;
  116. height: 100vw;
  117. left: 0vw;
  118. bottom: 0vw;
  119. z-index: 0;
  120. }
  121.  
  122. #image {
  123. width: 35vw;
  124. margin: 0px;
  125. border: none;
  126. height: 50vw;
  127. background-color:transparent;
  128. position: absolute;
  129. left: 35vw;
  130. bottom: 0vw;
  131. background-image:url("https://i.ibb.co/Xs5gnZc/1.png");
  132. background-repeat:no-repeat;
  133. background-position: bottom;
  134. background-size: 100%;
  135. z-index:10;
  136. }
  137.  
  138. #container {
  139. background-color: transparent;
  140. background-image:url("https://c.tenor.com/asJFBWDay04AAAAd/anime-aesthetic.gif");
  141. background-repeat:no-repeat;
  142. background-position: center;
  143. background-size: cover;
  144. width: 62vw;
  145. height: 25vw;
  146. margin:auto;
  147. position: absolute;
  148. padding: 5px;
  149. left: 17vw;
  150. bottom: 0vw;
  151. opacity: 0;
  152. z-index:2;
  153. box-shadow: 0px 10px 15px #000;
  154. border-right: solid 4px #000;
  155. border-bottom: solid 4px #000;
  156. border-top: solid 4px #000;
  157. }
  158.  
  159. #content {
  160. background-color: rgb(0, 0, 0, 0.8);
  161. width: 45vw;
  162. height: 24vw;
  163. margin:auto;
  164. position: absolute;
  165. padding: 10px;
  166. font-family: 'Arima', cursive;
  167. font-size: 18px;
  168. color: #fff;
  169. right: 0.5vw;
  170. bottom: .25vw;
  171. z-index:1;
  172. }
  173.  
  174. #nav {
  175. background-color: transparent;
  176. width: 50vw;
  177. height: 5px;
  178. margin:auto;
  179. position: absolute;
  180. right: 10vw;
  181. bottom: 33vw;
  182. text-align: center;
  183. opacity: 0;
  184. z-index: 5;
  185. }
  186.  
  187. #nav a, #nav a:link, #nav a:visited {
  188. display:inline-block;
  189. background: #eee;
  190. color: #eee;
  191. margin-top: 0px;
  192. margin-bottom: 0vw;
  193. margin-left: 2vw;
  194. height: 100px;
  195. width: 150px;
  196. border-radius: 10px;
  197. box-shadow: 5px 5px 25px #eee;
  198. -webkit-transition: 0.5s linear;
  199. -moz-transition: 0.5s linear;
  200. -o-transition: 0.5s linear;
  201. transition: 0.5s linear;
  202. }
  203.  
  204. #nav a:active, #nav a:hover {
  205. display:inline-block;
  206. height: 100px;
  207. width: 150px;
  208. border-radius: 100%;
  209. text-decoration:none;
  210. background: rgb(0,0,0,0.4);
  211. color: rgb(0,0,0,0.4);
  212. margin-bottom: 0vw;
  213. box-shadow: 0px 0px 5px #eee;
  214. -webkit-transition: 0.5s linear;
  215. -moz-transition: 0.5s linear;
  216. -o-transition: 0.5s linear;
  217. transition: 0.5s linear;
  218. }
  219.  
  220. #icon {
  221. width: 150px;
  222. margin: 0px;
  223. border: none;
  224. height: 100px;
  225. background-color:transparent;
  226. position: absolute;
  227. background-image:url("https://scontent-dfw5-1.xx.fbcdn.net/v/t1.6435-9/42430239_955735887948379_8365592382657265664_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=730e14&_nc_ohc=0AnE_0EilogAX8CDhmn&_nc_ht=scontent-dfw5-1.xx&oh=00_AT-sQQlnZGH57ZhJ52ALOfO6mVCDrRTB7HIMNCpxsXdwWA&oe=635A27A8");
  228. background-repeat:no-repeat;
  229. background-position: bottom;
  230. background-size: cover;
  231. border-radius: 10px;
  232. border: 2px solid #000;
  233. filter: blur(4px) grayscale(100%);
  234. box-sizing: border-box;
  235. z-index: 11;
  236. transition: 0.5s;
  237. }
  238.  
  239. #icon:hover {
  240. filter: blur(0px) grayscale(0%);
  241. background-position: 40% 5%;
  242. }
  243.  
  244. #icon2 {
  245. width: 150px;
  246. margin: 0px;
  247. border: none;
  248. height: 100px;
  249. background-color:transparent;
  250. position: absolute;
  251. background-image:url("https://static.zerochan.net/Grappler.Baki.full.3385722.jpg");
  252. background-repeat:no-repeat;
  253. background-position: bottom;
  254. background-size: cover;
  255. border-radius: 10px;
  256. border: 2px solid #000;
  257. z-index: 11;
  258. filter: blur(4px) grayscale(100%);
  259. box-sizing: border-box;
  260. transition: 0.5s;
  261. }
  262.  
  263. #icon2:hover {
  264. filter: blur(0px) grayscale(0%);
  265. background-position: center;
  266. }
  267.  
  268. #icon3 {
  269. width: 150px;
  270. margin: 0px;
  271. border: none;
  272. height: 100px;
  273. background-color:transparent;
  274. position: absolute;
  275. background-image:url("https://wallpapers.com/images/file/baki-hanma-anime-portrait-5oeoln4ljv5hlg73-5oeoln4ljv5hlg73.jpg");
  276. background-repeat:no-repeat;
  277. background-position: bottom;
  278. background-size: cover;
  279. border-radius: 10px;
  280. border: 2px solid #000;
  281. z-index: 11;
  282. filter: blur(4px) grayscale(100%);
  283. box-sizing: border-box;
  284. transition: 0.5s;
  285. }
  286.  
  287. #icon3:hover {
  288. filter: blur(0px) grayscale(0%);
  289. background-position: center;
  290. }
  291.  
  292. #icon4 {
  293. width: 150px;
  294. margin: 0px;
  295. border: none;
  296. height: 100px;
  297. background-color:transparent;
  298. position: absolute;
  299. background-image:url("https://cdn-images.win.gg/resize/w/620/format/webp/type/progressive/fit/cover/path/wp/uploads/2022/02/baki-hanma.jpg");
  300. background-repeat:no-repeat;
  301. background-position: bottom;
  302. background-size: cover;
  303. border-radius: 10px;
  304. border: 2px solid #000;
  305. z-index: 11;
  306. filter: blur(4px) grayscale(100%);
  307. box-sizing: border-box;
  308. transition: 0.5s;
  309. }
  310.  
  311. #icon4:hover {
  312. filter: blur(0px) grayscale(0%);
  313. background-position: center;
  314. }
  315.  
  316. .alias {position: absolute;
  317. font-family: 'Aboreto';
  318. background-color: transparent;
  319. background: -webkit-linear-gradient(to right, #8A2387, #E94057, #F27121); /* Chrome 10-25, Safari 5.1-6 */
  320. background: linear-gradient(to right, #8A2387, #E94057, #F27121); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  321. -webkit-background-clip: text;
  322. -webkit-text-fill-color: transparent;
  323. font-size: 4vw;
  324. bottom: 10vw;
  325. right: -2vw;
  326. width: 25vw;
  327. height: 5vw;
  328. text-align: center;
  329. transform: rotate(90deg);
  330. overflow: auto;
  331. padding:5px 5px 5px 5px;
  332. opacity: 0;
  333. z-index: 3;}
  334.  
  335. .snippet {position: absolute;
  336. font-family: 'Crushed';
  337. background-color: transparent;
  338. background: -webkit-linear-gradient(to right, #8A2387, #E94057, #F27121); /* Chrome 10-25, Safari 5.1-6 */
  339. background: linear-gradient(to right, #8A2387, #E94057, #F27121); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  340. -webkit-background-clip: text;
  341. -webkit-text-fill-color: transparent;
  342. font-size: 1.6vw;
  343. bottom: 22.5vw;
  344. right: 11vw;
  345. width: 50vw;
  346. height: 5vw;
  347. text-align: center;
  348. overflow: auto;
  349. opacity: 0;
  350. padding:5px 5px 5px 5px;
  351. z-index: 3;}
  352.  
  353. .indicator {
  354. position: absolute;
  355. font-family: 'Crushed';
  356. font-size: 1.3vw;
  357. color: #000;
  358. top: 1vw;
  359. left: 38vw;
  360. width: 25vw;
  361. height: 2vw;
  362. text-align: center;
  363. overflow: auto;
  364. opacity: 1;
  365. z-index: 11;
  366. }
  367.  
  368. a {text-decoration: none; color: #3a6186;}
  369. p {background-color: transparent;
  370. background: -webkit-linear-gradient(to right, #a17fe0, #E94057, #F27121); /* Chrome 10-25, Safari 5.1-6 */
  371. background: linear-gradient(to right, #a17fe0, #E94057, #F27121); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  372. -webkit-background-clip: text;
  373. -webkit-text-fill-color: transparent; }
  374. h1 {
  375. background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e109d24c-7257-4398-a53c-98fba426c4c5/dcfr60x-0f75807f-dc49-4856-bfe8-94173ee48bfb.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2UxMDlkMjRjLTcyNTctNDM5OC1hNTNjLTk4ZmJhNDI2YzRjNVwvZGNmcjYweC0wZjc1ODA3Zi1kYzQ5LTQ4NTYtYmZlOC05NDE3M2VlNDhiZmIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._YbxBrJTh21cpIPH7T66shQhVu-NKHlz0nHjOn9aHMg);
  376. background-position: bottom;
  377. background-size:cover;
  378. line-height:1vw;
  379. letter-spacing: 0.2vw;
  380. font-size: 4vh;
  381. font-family: 'Aboreto';
  382. text-align: center;
  383. border: .2vh solid #15181F;
  384. border-radius: 10px;
  385. color: #fff;
  386. filter: drop-shadow(0px 0px 10px #15181F);
  387. text-shadow: 3px 1px 2px #15181F, 0 0 25px #15181F;
  388. margin-top: 1vh;
  389. }
  390. </style>
  391. <div class="cover"></div>
  392.  
  393. <div id="image"></div>
  394.  
  395. <div class="indicator">Click him.~</div>
  396.  
  397. <div class="alias"><b>Champion</b></div>
  398. <div class="snippet">If one is born as a male, he'll dream of becoming the strongest man alive.</div>
  399. <div id="nav">
  400. <a href="#one"><div id="icon"></div></a>
  401. <a href="#two"><div id="icon2"></div></a>
  402. <a href="#three"><div id="icon3"></div></a>
  403. <a href="#four"><div id="icon4"></div></a>
  404. </div>
  405. <div id="container">
  406.  
  407. <div id="content">
  408. <div style="width: 45vw; height: 24vw; overflow-y: hidden;">
  409.  
  410. <a name="one"></a>
  411. <div style="width: 45vw; height: 24vw; overflow: auto;" align="center">
  412. <h1>The Basics</h1>
  413. <p>
  414. <span style="float:left;"><b>True Name</b></span><span style="float:right;">HERE</span><br>
  415. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="TBA">hover</a></span><br>
  416. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Male</span><br>
  417. <span style="float:left;"><b>Age</b></span><span style="float:right;">HERE</span><br><br>
  418. <span style="float:left;"><b>Ethnicity</b></span><span style="float:right;">HERE</span><br>
  419. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">HERE</span><br>
  420. <span style="float:left;"><b>Marital Status</b></span><span style="float:right;">HERE</span><br>
  421. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;">HERE</span><br>
  422. <span style="float:left;"><b>Alignment</b></span><span style="float:right;">HERE</span><br>
  423. <span style="float:left;"><b>Handicaps</b></span><span style="float:right;">HERE</span><br>
  424. <span style="float:left;"><b>Allergies</b></span><span style="float:right;">HERE</span><br><br>
  425. <span style="float:left;"><b>Height</b></span><span style="float:right;">HERE</span><br>
  426. <span style="float:left;"><b>Weight</b></span><span style="float:right;">HERE</span><br>
  427. <span style="float:left;"><b>Body Type</b></span><span style="float:right;">HERE</span><br>
  428. <span style="float:left;"><b>Iris Color</b></span><span style="float:right;">HERE</span><br>
  429. <span style="float:left;"><b>Hair Color</b></span><span style="float:right;">HERE</span><br>
  430. <span style="float:left;"><b>Skin Tone</b></span><span style="float:right;">HERE</span><br>
  431. <span style="float:left;"><b>Dominant Hand</b></span><span style="float:right;">HERE</span>
  432. </p>
  433. </div>
  434.  
  435. <a name="two"></a>
  436. <div style="width: 45vw; height: 24vw; overflow: auto;" align="left">
  437. <h1>Techniques</h1>
  438. <p>
  439. <b>Eye-Poke</b> - used against Yasha-Zaru.<br>
  440. <b>Endorphin</b> - used against Yasha-Zaru for the first time.<br>
  441. <b>Death Concentration</b> - used against Yasha-Zaru for the first time.<br>
  442. <b>Ippon Ken</b> - used against Kaoru Hanayama.<br>
  443. <b>Rear Naked Choke</b> - used against Kuraishi and Yuujirou Hanma, for example.<br>
  444. <b>Roll Kick</b> - used against Kurokawa and Yuujirou Hanma.<br>
  445. <b>King Tiger</b> - used against Shuumei Kanou for the first time, later used against Yuujirou Hanma.<br>
  446. <b>Bow and Arrow</b> - used once against Atsushi Suedou.<br>
  447. <b>Seiken</b> - basic karate's technique; used once against Koushou Shinogi.<br>
  448. <b>Submission</b> - one of Baki's signature moves from first series; used against Koushou Shinogi for the first time.<br>
  449. <b>Dropkick</b> - used against Mount Toba.<br>
  450. <b>Suplex</b> - used against Mount Toba, for example.<br>
  451. <b>Goutaijutsu</b> - powerful fighting move based on the seiken from karate; used against Kureha Shinogi for the first time, and later against Biscuit Oliva.<br>
  452. <b>Enzuigiri</b> - used against Kanji Igari.<br>
  453. <b>Front Neck-Lock</b> - used against Kanji Igari for the first time.<br>
  454. <b>New Cobra</b> - Baki's original move; used against Kanji Igari.<br>
  455. <b>Single-Leg Figure-Four</b> - also Baki's original move; used against Kanji Igari.<br>
  456. <b>New Swastika</b> - another Baki's original technique; used against Kanji Igari.<br>
  457. <b>Jumping Backdrop</b> - used once against Kanji Igari.<br>
  458. <b>Antonio Driver</b> - Igari's original move; used once against Kanji Igari.<br>
  459. <b>Spinning Lotus</b> - used against Kaiou Retsu and Jack Hanma.<br>
  460. <b>Soccer Ball Kick</b> - used once against Jack Hanma.<br>
  461. <b>Shining Wizard</b> - used once against Jack Hanma.<br>
  462. <b>Cord-Cut</b> - involves cutting a nerve of an opponent; used once against Jack Hanma.<br>
  463. <b>Mach Punch</b> - an extremely fast punch executed using progressive movement of the big toe, ankle, knee, hip, waist, shoulder, elbow and wrist; used once against Jack Hanma.<br>
  464. <b>Arm Breaker</b> - Igari's original move; used once against Jack Hanma.<br>
  465. <b>Demon Face</b> - used once against Jack Hanma.<br>
  466. <b>Backhand Blow</b> - used once against Sikorsky.<br>
  467. <b>Axe Kick</b> - used once against Sikorsky.<br>
  468. <b>Whip Strike</b> - the user loosens up the whole body and treats it like a whip; used against Ryuukou Yanagi, Pickle and Yuujirou Hanma.<br>
  469. <b>Yawara</b> - used once against Kaiou Ri.<br>
  470. <b>0.5 Second Unconscious</b> - Baki's special skill; used against Biscuit Oliva and Yuujirou Hanma.<br>
  471. <b>Slap</b> - used once against Pickle.<br>
  472. <b>Triceratops Fist</b> - used against Pickle and Yuujirou Hanma.<br>
  473. <b>Cockroach Dash</b> - used against Chiharu Shiba and Yuujirou Hanma, for example.<br>
  474. <b>Hand Pocket</b> - used once against Yuujirou Hanma.<br>
  475. <b>Aiki</b> - used against Yuujirou Hanma.<br>
  476. <b>Shocking Footwork</b> - used once against Yuujirou Hanma.<br>
  477. <b>Three-Level Attack</b> - used against Musashi Miyamoto.<br>
  478. <b>Ultra High Level Sen no Sen</b> - used in his fight with Musashi Miyamoto.
  479. </p>
  480. </div>
  481.  
  482.  
  483. <a name="three"></a>
  484. <div style="width: 45vw; height: 24vw; overflow: auto;" align="left">
  485. <h1>History</h1>
  486. <p>
  487. Baki trains on a near-constant basis, day and night, attempting to hone his skills as quickly as possible. As a relatively well-known martial artist (among those aware of the Underground Arena), Baki frequently tends to get into fights with various people quite often, sometimes intentionally, other times by terrible luck circumstances (usually the latter). Baki realizes that the fastest and only way to get stronger is to battle other people stronger than himself, so his body will get stronger and learn from the experience because this is an aspect of the Hanma bloodline. However, at one point, Baki realized that his way of fighting was very different from Yuujirou. He said that building relationships with strong opponents gives him incredible strength, while his father believes that everyone should be brutally crushed to gain absolute power. Baki is also often too merciful to his opponents, which always makes Yuujirou angry.
  488. </p>
  489. </div>
  490.  
  491. <a name="four"></a>
  492. <div style="width: 45vw; height: 24vw; overflow: auto;" align="left">
  493. <h1>Out of Character</h1>
  494. <p>
  495. <b>00</b>. Code made by <a target="_blank" href="https://rageqxeen.neocities.org/vw_codes/rageqxeen.html" target="_blank">RageQxeen</a>, do not steal.<br>
  496. <b>01</b>. OOC<br>
  497. <b>02</b>. OOC<br>
  498. <b>03</b>. OOC<br>
  499. <b>04</b>. OOC<br>
  500. <b>05</b>. OOC<br>
  501. </p>
  502. </div>
  503. </div>
  504. </div>
  505. </div>
  506. </div>
  507. </body>
  508. </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!