API tools faq
paste
Advertisement
cypherine

neocymain2.0

cypherine
Sep 10th, 2022
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.17 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Hi how are you?
  3. It's me! your webmaster :D
  4. While you're here, let me tell you a secret...
  5. I'm...
  6. actually...
  7. god!
  8. That's it! Enjoy your stay ^_^
  9. Oh, btw if you've seen this, you should let me know in the guestbook.
  10. Thanks!
  11. -->
  12.  
  13. <!DOCTYPE html>
  14. <html>
  15. <head>
  16. <meta charset="UTF-8">
  17. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  18. <title>Cypherine</title>
  19. <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  20. <link href="http://fonts.cdnfonts.com/css/nintendo-ds-bios" rel="stylesheet">
  21. <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&ampdisplay=swap" rel="stylesheet">
  22. <link href="//db.onlinewebfonts.com/c/d7fe220e10fb9008b334121ebdf9975f?family=Pixel+Musketeer" rel="stylesheet">
  23.  
  24. <link rel="shortcut icon" href="r2d2icon.png">
  25. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  26. <script type="text/javascript">
  27. // <![CDATA[
  28. var sparks=75; // how many sparks per clicksplosion
  29. var speed=33; // how fast - smaller is faster
  30. var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
  31. var colours=new Array('#03f', '#f03', '#0e0', '#93f', '#0cf', '#f93', '#f0c');
  32. // blue red green purple cyan orange pink
  33.  
  34. /****************************
  35. * Clicksplosion Effect *
  36. *(c)2012-3 mf2fm web-design *
  37. * http://www.mf2fm.com/rv *
  38. * DON'T EDIT BELOW THIS BOX *
  39. ****************************/
  40. var intensity=new Array();
  41. var Xpos=new Array();
  42. var Ypos=new Array();
  43. var dX=new Array();
  44. var dY=new Array();
  45. var stars=new Array();
  46. var decay=new Array();
  47. var timers=new Array();
  48. var swide=800;
  49. var shigh=600;
  50. var sleft=sdown=0;
  51. var count=0;
  52.  
  53. function addLoadEvent(funky) {
  54. var oldonload=window.onload;
  55. if (typeof(oldonload)!='function') window.onload=funky;
  56. else window.onload=function() {
  57. if (oldonload) oldonload();
  58. funky();
  59. }
  60. }
  61.  
  62. addLoadEvent(clicksplode);
  63.  
  64. function clicksplode() { if (document.getElementById) {
  65. var i, j;
  66. window.onscroll=set_scroll;
  67. window.onresize=set_width;
  68. document.onclick=eksplode;
  69. set_width();
  70. set_scroll();
  71. for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
  72. stars[j]=createDiv('*', 13);
  73. document.body.appendChild(stars[j]);
  74. }
  75. }}
  76.  
  77. function createDiv(char, size) {
  78. var div, sty;
  79. div=document.createElement('div');
  80. sty=div.style;
  81. sty.font=size+'px monospace';
  82. sty.position='absolute';
  83. sty.backgroundColor='transparent';
  84. sty.visibility='hidden';
  85. sty.zIndex='101';
  86. div.appendChild(document.createTextNode(char));
  87. return (div);
  88. }
  89.  
  90. function bang(N) {
  91. var i, Z, A=0;
  92. for (i=sparks*N; i<sparks*(N+1); i++) {
  93. if (decay[i]) {
  94. Z=stars[i].style;
  95. Xpos[i]+=dX[i];
  96. Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  97. if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
  98. else {
  99. Z.left=Xpos[i]+'px';
  100. Z.top=Ypos[i]+'px';
  101. }
  102. if (decay[i]==15) Z.fontSize='7px';
  103. else if (decay[i]==7) Z.fontSize='2px';
  104. else if (decay[i]==1) Z.visibility='hidden';
  105. decay[i]--;
  106. }
  107. else A++;
  108. }
  109. if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
  110. }
  111.  
  112. function eksplode(e) {
  113. var x, y, i, M, Z, N;
  114. set_scroll();
  115. y=(e)?e.pageY:event.y+sdown;
  116. x=(e)?e.pageX:event.x+sleft;
  117. N=++count%bangs;
  118. M=Math.floor(Math.random()*3*colours.length);
  119. intensity[N]=5+Math.random()*4;
  120. for (i=N*sparks; i<(N+1)*sparks; i++) {
  121. Xpos[i]=x;
  122. Ypos[i]=y-5;
  123. dY[i]=(Math.random()-0.5)*intensity[N];
  124. dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
  125. decay[i]=16+Math.floor(Math.random()*16);
  126. Z=stars[i].style;
  127. if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
  128. else if (M<2*colours.length) Z.color=colours[count%colours.length];
  129. else Z.color=colours[i%colours.length];
  130. Z.fontSize='13px';
  131. Z.visibility='visible';
  132. }
  133. clearTimeout(timers[N]);
  134. bang(N);
  135. }
  136.  
  137. function set_width() {
  138. var sw_min=999999;
  139. var sh_min=999999;
  140. if (document.documentElement && document.documentElement.clientWidth) {
  141. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  142. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  143. }
  144. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  145. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  146. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  147. }
  148. if (document.body.clientWidth) {
  149. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  150. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  151. }
  152. if (sw_min==999999 || sh_min==999999) {
  153. sw_min=800;
  154. sh_min=600;
  155. }
  156. swide=sw_min-7;
  157. shigh=sh_min-7;
  158. }
  159.  
  160. function set_scroll() {
  161. if (typeof(self.pageYOffset)=='number') {
  162. sdown=self.pageYOffset;
  163. sleft=self.pageXOffset;
  164. }
  165. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  166. sdown=document.body.scrollTop;
  167. sleft=document.body.scrollLeft;
  168. }
  169. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  170. sleft=document.documentElement.scrollLeft;
  171. sdown=document.documentElement.scrollTop;
  172. }
  173. else {
  174. sdown=0;
  175. sleft=0;
  176. }
  177. }
  178. // ]]>
  179. </script>
  180. <script>
  181. function starhoverImg() {
  182. $('.image1Responsive').attr('src', 'starbuttonhover.png');
  183. }
  184.  
  185. function starImg() {
  186. $('.image1Responsive').attr('src', 'starbutton.png');
  187. }
  188.  
  189.  
  190. </script>
  191. <style>
  192.  
  193.  
  194. *, body, a, a:hover {cursor: url(lightsaber.png), auto;}
  195.  
  196.  
  197. body {
  198.  
  199. background: url(mainbglab.png);
  200. font-family: 'Nintendo DS BIOS', sans-serif;
  201. font-size: 25px;
  202.  
  203.  
  204.  
  205.  
  206. }
  207. a {
  208. line-height: 1.4;
  209.  
  210. }
  211. a, b {
  212.  
  213. text-decoration: none;
  214. }
  215. a:hover {
  216. text-decoration: none
  217. color: white;
  218. text-shadow: 2px 2px 10px #ffffff;
  219. filter: dropshadow(color=#ffffff, offx=2, offy=2);
  220. }
  221.  
  222. }
  223. @import url('http://fonts.cdnfonts.com/css/nintendo-ds-bios');
  224. @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
  225. @import url(//db.onlinewebfonts.com/c/d7fe220e10fb9008b334121ebdf9975f?family=Pixel+Musketeer);
  226. p {
  227. padding: 0 20px 20px;
  228. font-size: 2;
  229. font-family: "nintendo_NTLG-DB_001";}
  230.  
  231.  
  232. h1 {
  233. padding: 0 0 0 20px;
  234. color: rgb(255,180,70);
  235. text-shadow: 0px 0px 5px rgb(190,70,150);
  236. font-size: 30px;
  237. }
  238.  
  239. h1:hover {color: rgb(190,70,150);
  240. }
  241.  
  242. p:hover { color: #F74AFF;}
  243.  
  244.  
  245. hr {
  246. height: 1px;
  247. background-color: rgb(190,70,150);
  248. margin: 10px 0px;
  249. }
  250.  
  251. li {
  252.  
  253. padding: 0 20px 20px;
  254. font-size: 25;
  255.  
  256. }
  257.  
  258.  
  259. .imgcont1 {
  260. z-index: 5;
  261. position: absolute;
  262. margin-top: 337px;
  263. margin-left: 432px;
  264. max-height: 73px;
  265.  
  266. }
  267.  
  268.  
  269. .bgcont {
  270. margin-left: 190px;
  271. }
  272.  
  273. .bg {
  274. background-image:url('mainbgcont.png');
  275. background-repeat: no-repeat;
  276. background-size:contain;
  277. width: 1700px;
  278. height: 860px;
  279. position: absolute;
  280. z-index: -1;
  281. }
  282.  
  283. .maininsidecont {
  284. list-style-type: "★ ";
  285. color: rgb(0, 255, 0);
  286. position: absolute;
  287. width: 720px;
  288. height: 460px;
  289. background-color: rgba(0, 0, 225, .2);
  290. margin-top: 210px;
  291. margin-left: 865px;
  292.  
  293. }
  294.  
  295.  
  296. .chatboxcont {
  297. position: absolute;
  298. width: 320px;
  299. height: 455px;
  300. overflow:scroll;
  301. overflow-x:hidden;
  302. margin-top: 210px;
  303. margin-left: 1256px;
  304.  
  305. }
  306.  
  307. .parent .popup {
  308. position: absolute;
  309. display: none;
  310. background-color: #6077DF;
  311. padding: 18px;
  312. min-width: 150px;
  313. border: 5px solid black;
  314. z-index: 5;
  315. font-size: 25px;
  316. color: rgb(0, 255, 0);
  317.  
  318. }
  319. .navbar .dropdown-content a {
  320. color: !important rgb(0, 255, 0);
  321.  
  322. }
  323. .parent:hover .popup {
  324. display: block;
  325. }
  326.  
  327. .parent:hover + .parent, .parent:hover {
  328. display:block;
  329. }
  330.  
  331. .navbar ul {
  332. flex-wrap: wrap;
  333. }
  334. .navbar img {
  335. margin-top:10px;
  336. height: 25px;
  337. }
  338. .navbar img:hover {
  339. -webkit-filter: drop-shadow(3px 3px 3px #B43B76);
  340. filter: drop-shadow(3px 3px 3px #B43B76);
  341. }
  342.  
  343. .navbar {
  344. line-height: 1.4;
  345. font-size: 27px;
  346. margin-top: 55px;
  347. margin-left: 400px;
  348. position: absolute;
  349. height: 40px;
  350. width: 1100px;
  351. }
  352.  
  353. .navbar ul {
  354. display: flex;
  355. padding: 0;
  356. margin: 0;
  357. list-style-type: none;
  358. justify-content: space-evenly;
  359. }
  360.  
  361. .navbar li {
  362. color: #E064A0;
  363. list-style-type: none;
  364. padding-top: 5px;
  365. }
  366.  
  367. .navbar li a {
  368. color: #E064A0;
  369. font-weight: 800;
  370. text-decoration: none;
  371. }
  372.  
  373.  
  374. .navbar li a:hover {
  375. color: #00ff00;
  376. text-decoration: none;
  377. }
  378.  
  379.  
  380. .site-wrap {
  381. height:95vh;
  382. }
  383.  
  384.  
  385. </style>
  386. </head>
  387.  
  388. <body>
  389. <div class="site-wrap">
  390.  
  391. <div class="bgcont">
  392. <div class="bg"></div>
  393. </div>
  394. <div class="navbar" style="margin-bottom: 10px;">
  395. <ul>
  396. <li><a href="/main.html"><img src="navbar/home.png"></a></li>
  397. <li><a href="/information.html"><img src="navbar/information.png"></a></li>
  398.  
  399. <li><div class="parent" style="font-weight: bold;">
  400. <span><img src="navbar/blog.png"></span>
  401. <div class="popup">
  402. <a href="diary.html">Diary</a><br/>
  403. <a href="thoughtsindex.html">Thoughts Index</a><br/>
  404. <a href="websiteplanning.html">Website Planning</a><br/>
  405. </div>
  406. </div>
  407. <li><a href="/map.html"><img src="navbar/map.png"></a></li>
  408. <li><div class="parent" style="font-weight: bold;">
  409. <span><img src="navbar/goodies.png"></span>
  410. <div class="popup">
  411. <a href=".html" target="main">placeholder</a><br/>
  412. <a href=".html" target="main">placeholder</a><br/>
  413. <a href=".html" target="main">placeholder</a><br/>
  414. <a href=".html" target="main">placeholder</a><br/>
  415. </div>
  416. </div>
  417.  
  418.  
  419. <li><a href="https://cypherine.123guestbook.com/"><img src="navbar/guestbook.png"></a></li>
  420. </ul>
  421. </div>
  422.  
  423. <div class="maininsidecont">
  424. <h1>Updates</h1>
  425. <li>[September 11, 2022] Backed up past layouts </li>
  426. <li>[September 10, 2022] New navigation bar </li>
  427. <li>[September 09, 2022] New page layouts</li>
  428. <li>[September 09, 2022] New blog post</li>
  429. <li>[September 08, 2022] New blog post</li>
  430.  
  431. </div>
  432.  
  433. <div class="chatboxcont">
  434. <iframe src="https://www3.cbox.ws/box/?boxid=3520786&amp;boxtag=4P98mR" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
  435. </div>
  436.  
  437. <div class="imgcont1" onmouseover="starhoverImg()" onmouseout="starImg()">
  438. <a href="main.html"><img src="starbutton.png" class="image1Responsive imgcont1" /></a>
  439. </div>
  440.  
  441.  
  442. <a href="https://cypherine.neocities.org/"><img id="fixedcy" src="fixedcy.png" style="position:fixed; right:-30px; bottom:-30px;" height=300px width=300px ></a>
  443. </div>
  444.  
  445.  
  446. </body>
  447. </html>
  448.  
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!