thallada/panic-shack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Give the server log more width

Browse Source
This commit is contained in:
Tyler Hallada
2017-11-30 20:16:16 -05:00
parent 6a31f11849
commit 2e4faa70c6
2 changed files with 87 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
css/styles.css
View File

@@ -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;
} }

5
index.html
View File

@@ -7,6 +7,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
</head> </head>
<body> <body>
<div class="width-limit">
<h1>Panic Shack - Minecraft Server</h1> <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"> <img src="img/bridge.jpg" alt="Screenshot from the Minecraft server of a bridge over a lake in a jungle biome">
@@ -78,12 +79,16 @@
</p> </p>
<h2>Server Log</h2> <h2>Server Log</h2>
</div>
<pre id="server-log"></pre> <pre id="server-log"></pre>
<div class="width-limit">
<label> <label>
<input type="checkbox" id="auto-scroll" checked> <input type="checkbox" id="auto-scroll" checked>
Automatically scroll to bottom on log refresh Automatically scroll to bottom on log refresh
</label> </label>
<p class="small-text">Updated every 10 seconds.</p> <p class="small-text">Updated every 10 seconds.</p>
</div>
<script src="https://mcapi.us/scripts/minecraft.js"></script> <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>