index.html 5.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
  5. <meta property="og:title" content="NeoZones">
  6. <meta property="og:image" content="https://neozones.neocities.org/neocities.png">
  7. <meta property="og:url" content="https://neozones.neocities.org">
  8. <meta property="og:type" content="website">
  9. <meta name="twitter:title" content="NeoZones">
  10. <meta name="description" content="NeoZones: Because Why not?">
  11. <title>NeoZones Version 1 | NEOZONES</title>
  12. <link rel="icon" type="image/png" href="https://neozones.neocities.org/favicon.ico">
  13. <link href="https://neozones.neocities.org/style.css" rel="stylesheet" type="text/css" media="all">
  14. </head>
  15. <body>
  16. <header><a href="https://neozones.neocities.org/people/"><img src="https://neozones.neocities.org/common/header.png" alt=""></a></header>
  17. <div class="marquee"><marquee><script src="https://neozones.neocities.org/marquee.js"></script></marquee></div>
  18. <main>
  19. <div class="left">
  20. <center>
  21. <hr>
  22. <p style="text-align: left; margin: 0 0 0 2px;">THE VICTIMS</p>
  23. <a href="https://neozones.neocities.org/ricky/"><div class="b ricky"><img style="width: 140px;" src="https://neozones.neocities.org/common/b_ricky.png" alt=""></a></div>
  24. <a href="https://neozones.neocities.org/emily/"><div class="b emily"><img style="width: 140px;" src="https://neozones.neocities.org/common/b_emily.png" alt=""></a></div>
  25. <a href="https://neozones.neocities.org/nekojiru/"><div class="b nekojiru"><img style="width: 140px;" src="https://neozones.neocities.org/common/b_nekojiru.png" alt=""></a></div>
  26. <a href="https://neozones.neocities.org/owlman/"><div class="b owlman"><img style="width: 140px;" src="https://neozones.neocities.org/common/b_owlman.png" alt=""></a></div>
  27. <a href="https://neozones.neocities.org/tehleroy/"><div class="b tehleroy"><img style="width: 140px;" src="https://neozones.neocities.org/common/b_tehleroy.png" alt=""></a></div>
  28. <!-- <a href="/bytemoth/"><div class="b bytemoth"><img style="width: 140px;" src="https://neozones.neocities.org/common/b_bytemoth.png"></a></div> -->
  29. <hr>
  30. <p style="text-align: left; margin: 0 0 0 2px;">STUFF WE MAKE</p>
  31. <a href="https://neozones.neocities.org/cult/"><div class="b"><img style="width: 140px;" src="https://neozones.neocities.org/common/b_cult.png"></a></div>
  32. <hr>
  33. </div>
  34. <div class="right">
  35. <!-- Content here -->
  36. Version 1 of the NeoZones site was made by <a href="https://neozones.neocities.org/owlman">OwlMan</a>, however, the site layout was based off their own website, <a href="https://owlman.neocities.org">owlman.neocities.org</a> and is now outdated. This is only here for historical interest and should not be used.
  37. <p>
  38. The base for the site layout is found <a href="base.html">here</a>, see it at your own risk.
  39. <!-- End of content-->
  40. </div>
  41. </main>
  42. <footer>
  43. <p style="margin: 5px">&copy; <strong>2019 - <script type="text/javascript">document.write(new Date().getFullYear());</script></strong> NeoZones | This is a web collective made by these idiots.</p>
  44. <p style="margin: 5px;">
  45. <a href="https://owlman.neocities.org"><img src="https://neozones.neocities.org/common/owlman.gif" width="88" height="31" alt="owlman"></a>
  46. <a href="https://nekojiru.neocities.org"><img src="https://neozones.neocities.org/common/nekojiru.gif" width="88" height="31" alt="nekojiru"></a>
  47. <a href="https://tehleroy.neocities.org"><img src="https://neozones.neocities.org/common/tehleroy.gif" width="88" height="31" alt="tehleroy"></a>
  48. <a href="https://chameleon.neocities.org"><img src="https://neozones.neocities.org/common/chameleon.gif" width="88" height="31" alt="chameleon"></a>
  49. <!-- <a href="http://cd5k.net/" target="_parent"><img src="https://neozones.neocities.org/common/cd5k.png" width="88" height="31" alt="bytemoth"></a> -->
  50. </p>
  51. </footer>
  52. <!--
  53. So for the people who do not know what the following JavaScript does, here is a breakdown; In older browsers such as Netscape and even in SeaMonkey, there is a status bar at the bottom of the page, the function of this bar differs from browser to browser, but what most of them have in common is that, if the option is put in place, then they will show a custom message that will scroll from right to left, in this case, the message will read "NeoZones: Because Why Not?"
  54. Here is a screenshot of the scrollbar in action: https://neozones.neocities.org/template/why_not.png
  55. -->
  56. <script language="JavaScript">
  57. var MessageText = "NeoZones: Because Why Not?"
  58. var DisplayLength = 130
  59. var pos = 1 - DisplayLength;
  60. function ScrollInStatusBar(){
  61. var scroll = "";
  62. pos++;
  63. if (pos == MessageText.length) pos = 1 - DisplayLength;
  64. if (pos<0)
  65. {
  66. for (var i=1; i<=Math.abs(pos); i++)
  67. scroll = scroll + " ";
  68. scroll = scroll + MessageText.substring(0, DisplayLength - i + 1);
  69. }
  70. else
  71. scroll = scroll + MessageText.substring(pos, pos + DisplayLength);
  72. window.status = scroll;
  73. // Scrolling speed
  74. setTimeout("ScrollInStatusBar()",50);
  75. }
  76. ScrollInStatusBar()
  77. //-->
  78. </script>
  79. </body>
  80. </html>