Website for my minecraft server

index.html 7.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <html lang="en">
  2. <head>
  3. <title>Panic Shack - Minecraft Server</title>
  4. <link rel="shortcut icon" type="image/png" href="/favicon.png"/>
  5. <link rel="stylesheet" type="text/css" href="css/styles.css"/>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, max-scale=1">
  7. <meta charset="UTF-8">
  8. </head>
  9. <body>
  10. <!-- <div class="maintenance-notice"> -->
  11. <!-- <h3>Server is down</h3> -->
  12. <!-- <span>ETA: 15 hours for generating a new Minecraft 1.13 map.</span> -->
  13. <!-- </div> -->
  14. <div class="width-limit">
  15. <h1>Panic Shack - Minecraft Server</h1>
  16. <img src="img/bridge.jpg" alt="Screenshot from the Minecraft server of a bridge over a lake in a jungle biome">
  17. <h2>Server Status</h2>
  18. <div id="server-status-error">
  19. Loading...
  20. </div>
  21. <div id="server-status">
  22. <div class="status">
  23. <span class="label">Status:&nbsp;<span>
  24. <span id="status-online">Online</span>
  25. <span id="status-offline">Offline</span>
  26. </div>
  27. <div class="motd">
  28. <span id="status-motd"></span>
  29. </div>
  30. <div class="players">
  31. <span class="label">Players:&nbsp;</span>
  32. <span id="status-players-now"></span>/<span id="status-players-max"></span>
  33. </div>
  34. <div class="connect-info">
  35. <div class="inline">
  36. <span class="label">Host:&nbsp;</span>
  37. <span id="status-server-host" class="monospace">panic-shack.hallada.net</span>&nbsp;
  38. </div>
  39. <div class="inline">
  40. <span class="label">Port:&nbsp;</span>
  41. <span id="status-server-port" class="monospace">25565</span>
  42. </div>
  43. </div>
  44. <div class="server">
  45. <div class="inline">
  46. <span class="label">Version:&nbsp;</span>
  47. <span id="status-server-name" class="monospace"></span>&nbsp;
  48. </div>
  49. <div class="inline">
  50. <span class="label">Protocol:&nbsp;</span>
  51. <span id="status-server-protocol" class="monospace"></span>
  52. </div>
  53. </div>
  54. <div class="last-online">
  55. <span class="label">Last Online:&nbsp;</span>
  56. <span id="status-last-online"></span>
  57. </div>
  58. <div class="last-updated">
  59. <span class="label">Last Updated:&nbsp;</span>
  60. <span id="status-last-updated"></span>
  61. </div>
  62. </div>
  63. <h2>How to Connect</h2>
  64. <ol>
  65. <li>Email me at tyler@hallada.net with your Minecraft username to request to join the server</li>
  66. <li>Launch Minecraft (version <span id="info-server-name">1.12.2</span>)</li>
  67. <li>Go to "Multiplayer"</li>
  68. <li>Click "Add Server"</li>
  69. <li>Enter <code>Panic Shack</code> for the "Server Name"</li>
  70. <li>Enter <code>panic-shack.hallada.net</code> for the "Server Address"</li>
  71. <li>Click "Done"</li>
  72. <li>You should now see the server in the list and be able to join it!</li>
  73. </ol>
  74. <h2>Server Map</h2>
  75. <a href="map/" id="map-link">
  76. <img src="img/map.jpg" alt="Screenshot from the in-browser map of the server centered on the lake and bridge">
  77. View the server map
  78. </a>
  79. <p class="small-text">
  80. Map is updated every day around 3 am EST. Last updated:&nbsp;
  81. <span id="map-last-updated" class="small-text"></span><br>
  82. </p>
  83. <h2>Server Log</h2>
  84. </div>
  85. <pre id="server-log"></pre>
  86. <div class="width-limit">
  87. <label>
  88. <input type="checkbox" id="auto-scroll" checked>
  89. Automatically scroll to bottom on log refresh
  90. </label>
  91. <p class="small-text">Updated every 10 seconds.</p>
  92. <h3 id="say-header">Send Chat to Server</h3>
  93. <form id="say-form">
  94. <label class="inline">
  95. Name:
  96. <br>
  97. <input type="text" name="say-username" id="say-username">
  98. </label>
  99. <label class="inline">
  100. Say:
  101. <br>
  102. <input type="text" name="say-text" id="say-text">
  103. </label>
  104. <br>
  105. <input type="text" name="email" id="say-dnf">
  106. <input type="submit" name="say-send" id="say-send" class="inline" value="Send Chat">
  107. <span id="say-sending" class="inline">Sending...</span>
  108. <span id="say-success" class="inline">Sent!</span>
  109. <span id="say-error" class="inline"></span>
  110. <p id="say-notice" class="small-text">It may take a minute or two before the message appears in the above server log.</p>
  111. </form>
  112. <hr>
  113. <h2>Download Old Worlds</h2>
  114. <p>
  115. <a href="/old-worlds">Visit here to download all of the previous worlds on this server.</a> You can load
  116. them in Minecraft and play them in single player by following
  117. <a href="https://minecraft.gamepedia.com/Tutorials/Map_downloads">these instructions</a>.
  118. </p>
  119. <h2>Notices</h2>
  120. <p>
  121. <ul>
  122. <li>
  123. <strong>July 14, 2019:</strong>
  124. Upgraded the server to 1.14.3 and regenerated the map. It's now using the seed "hardlead".
  125. </li>
  126. <li>
  127. <strong>August 22, 2018:</strong>
  128. Upgraded the server yet again to 1.13.1.
  129. </li>
  130. <li>
  131. <strong>August 22, 2018:</strong>
  132. The map should now be updating again nightly at 3 am EST.
  133. </li>
  134. <li>
  135. <strong>August 16, 2018:</strong>
  136. I upgraded the server to Minecraft version 1.13. The map is no longer working on this version and
  137. won't update. I'll upgrade the map once it supports 1.13.
  138. </li>
  139. <li>
  140. <strong>April 15, 2018:</strong>
  141. The server has a user white-list. If you are not added to it then you cannot join the server.
  142. Email me at tyler@hallada.net to request to join the server.
  143. </li>
  144. <li>
  145. <strong>April 13, 2018:</strong>
  146. I doubled the memory on the server so the server shouldn't keep running out of memory and crashing.
  147. </li>
  148. </ul>
  149. </p>
  150. </div>
  151. <script src="https://mcapi.us/scripts/minecraft.js"></script>
  152. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.2/moment.min.js"></script>
  153. <script src="js/getStatus.js"></script>
  154. <script src="js/getLog.js"></script>
  155. <script src="js/getMapUpdate.js"></script>
  156. <script src="js/sendChat.js"></script>
  157. </body>
  158. </html>