Give the server log more width
This commit is contained in:
parent
6a31f11849
commit
2e4faa70c6
@ -1,5 +1,4 @@
|
|||||||
body {
|
body {
|
||||||
max-width: 650px;
|
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: floralwhite;
|
background-color: floralwhite;
|
||||||
@ -36,6 +35,11 @@ ol li code {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.width-limit {
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 650px;
|
||||||
|
}
|
||||||
|
|
||||||
#server-status {
|
#server-status {
|
||||||
display: none;
|
display: none;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
@ -71,9 +75,9 @@ ol li code {
|
|||||||
|
|
||||||
#server-log {
|
#server-log {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 10px;
|
margin: 10px auto;
|
||||||
border: 1px solid darkgrey;
|
border: 1px solid darkgrey;
|
||||||
max-width: 1000px;
|
max-width: 1200px;
|
||||||
max-height: 600px;
|
max-height: 600px;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
}
|
}
|
||||||
|
|||||||
155
index.html
155
index.html
@ -7,85 +7,90 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Panic Shack - Minecraft Server</h1>
|
<div class="width-limit">
|
||||||
<img src="img/bridge.jpg" alt="Screenshot from the Minecraft server of a bridge over a lake in a jungle biome">
|
<h1>Panic Shack - Minecraft Server</h1>
|
||||||
|
<img src="img/bridge.jpg" alt="Screenshot from the Minecraft server of a bridge over a lake in a jungle biome">
|
||||||
|
|
||||||
<h2>Server Status</h2>
|
<h2>Server Status</h2>
|
||||||
<div id="server-status-error">
|
<div id="server-status-error">
|
||||||
Loading...
|
Loading...
|
||||||
|
</div>
|
||||||
|
<div id="server-status">
|
||||||
|
<div class="status">
|
||||||
|
<span class="label">Status: <span>
|
||||||
|
<span id="status-online">Online</span>
|
||||||
|
<span id="status-offline">Offline</span>
|
||||||
|
</div>
|
||||||
|
<div class="motd">
|
||||||
|
<span id="status-motd"></span>
|
||||||
|
</div>
|
||||||
|
<div class="players">
|
||||||
|
<span class="label">Players: </span>
|
||||||
|
<span id="status-players-now"></span>/<span id="status-players-max"></span>
|
||||||
|
</div>
|
||||||
|
<div class="connect-info">
|
||||||
|
<div class="inline">
|
||||||
|
<span class="label">Host: </span>
|
||||||
|
<span id="status-server-host" class="monospace">panic-shack.hallada.net</span>
|
||||||
|
</div>
|
||||||
|
<div class="inline">
|
||||||
|
<span class="label">Port: </span>
|
||||||
|
<span id="status-server-port" class="monospace">25565</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="server">
|
||||||
|
<div class="inline">
|
||||||
|
<span class="label">Version: </span>
|
||||||
|
<span id="status-server-name" class="monospace"></span>
|
||||||
|
</div>
|
||||||
|
<div class="inline">
|
||||||
|
<span class="label">Protocol: </span>
|
||||||
|
<span id="status-server-protocol" class="monospace"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="last-online">
|
||||||
|
<span class="label">Last Online: </span>
|
||||||
|
<span id="status-last-online"></span>
|
||||||
|
</div>
|
||||||
|
<div class="last-updated">
|
||||||
|
<span class="label">Last Updated: </span>
|
||||||
|
<span id="status-last-updated"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>How to Connect</h2>
|
||||||
|
<ol>
|
||||||
|
<li>Launch Minecraft (version <span id="info-server-name">1.12.2</span>)</li>
|
||||||
|
<li>Go to "Multiplayer"</li>
|
||||||
|
<li>Click "Add Server"</li>
|
||||||
|
<li>Enter <code>Panic Shack</code> for the "Server Name"</li>
|
||||||
|
<li>Enter <code>panic-shack.hallada.net</code> for the "Server Address"</li>
|
||||||
|
<li>Click "Done"</li>
|
||||||
|
<li>You should now see the server in the list and be able to join it!</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<h2>Server Map</h2>
|
||||||
|
<a href="map/" id="map-link">
|
||||||
|
<img src="img/map.jpg" alt="Screenshot from the in-browser map of the server centered on the lake and bridge">
|
||||||
|
View the server map
|
||||||
|
</a>
|
||||||
|
<p class="small-text">
|
||||||
|
Map is updated every day around 3 am EST.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>Server Log</h2>
|
||||||
</div>
|
</div>
|
||||||
<div id="server-status">
|
|
||||||
<div class="status">
|
|
||||||
<span class="label">Status: <span>
|
|
||||||
<span id="status-online">Online</span>
|
|
||||||
<span id="status-offline">Offline</span>
|
|
||||||
</div>
|
|
||||||
<div class="motd">
|
|
||||||
<span id="status-motd"></span>
|
|
||||||
</div>
|
|
||||||
<div class="players">
|
|
||||||
<span class="label">Players: </span>
|
|
||||||
<span id="status-players-now"></span>/<span id="status-players-max"></span>
|
|
||||||
</div>
|
|
||||||
<div class="connect-info">
|
|
||||||
<div class="inline">
|
|
||||||
<span class="label">Host: </span>
|
|
||||||
<span id="status-server-host" class="monospace">panic-shack.hallada.net</span>
|
|
||||||
</div>
|
|
||||||
<div class="inline">
|
|
||||||
<span class="label">Port: </span>
|
|
||||||
<span id="status-server-port" class="monospace">25565</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="server">
|
|
||||||
<div class="inline">
|
|
||||||
<span class="label">Version: </span>
|
|
||||||
<span id="status-server-name" class="monospace"></span>
|
|
||||||
</div>
|
|
||||||
<div class="inline">
|
|
||||||
<span class="label">Protocol: </span>
|
|
||||||
<span id="status-server-protocol" class="monospace"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="last-online">
|
|
||||||
<span class="label">Last Online: </span>
|
|
||||||
<span id="status-last-online"></span>
|
|
||||||
</div>
|
|
||||||
<div class="last-updated">
|
|
||||||
<span class="label">Last Updated: </span>
|
|
||||||
<span id="status-last-updated"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h2>How to Connect</h2>
|
|
||||||
<ol>
|
|
||||||
<li>Launch Minecraft (version <span id="info-server-name">1.12.2</span>)</li>
|
|
||||||
<li>Go to "Multiplayer"</li>
|
|
||||||
<li>Click "Add Server"</li>
|
|
||||||
<li>Enter <code>Panic Shack</code> for the "Server Name"</li>
|
|
||||||
<li>Enter <code>panic-shack.hallada.net</code> for the "Server Address"</li>
|
|
||||||
<li>Click "Done"</li>
|
|
||||||
<li>You should now see the server in the list and be able to join it!</li>
|
|
||||||
</ol>
|
|
||||||
|
|
||||||
<h2>Server Map</h2>
|
|
||||||
<a href="map/" id="map-link">
|
|
||||||
<img src="img/map.jpg" alt="Screenshot from the in-browser map of the server centered on the lake and bridge">
|
|
||||||
View the server map
|
|
||||||
</a>
|
|
||||||
<p class="small-text">
|
|
||||||
Map is updated every day around 3 am EST.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2>Server Log</h2>
|
|
||||||
<pre id="server-log"></pre>
|
<pre id="server-log"></pre>
|
||||||
<label>
|
|
||||||
<input type="checkbox" id="auto-scroll" checked>
|
|
||||||
Automatically scroll to bottom on log refresh
|
|
||||||
</label>
|
|
||||||
<p class="small-text">Updated every 10 seconds.</p>
|
|
||||||
|
|
||||||
<script src="https://mcapi.us/scripts/minecraft.js"></script>
|
<div class="width-limit">
|
||||||
|
<label>
|
||||||
|
<input type="checkbox" id="auto-scroll" checked>
|
||||||
|
Automatically scroll to bottom on log refresh
|
||||||
|
</label>
|
||||||
|
<p class="small-text">Updated every 10 seconds.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="https://mcapi.us/scripts/minecraft.js"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.2/moment.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.2/moment.min.js"></script>
|
||||||
<script src="js/getStatus.js"></script>
|
<script src="js/getStatus.js"></script>
|
||||||
<script src="js/getLog.js"></script>
|
<script src="js/getLog.js"></script>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user