| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- <!DOCTYPE html>
- <html>
- <head>
- <!-- Standard Meta -->
- <meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
- <!-- Site Properties -->
- <title>Minecraft Server</title>
- <script src="https://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script>
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
- <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
- </head>
- <body>
- <div class="ui clearing basic segment">
- <h2 class="ui dividing header"><img src="img/minecraft.png" style="height:45px;width:auto;" alt="Minecraft icon" />Minecraft Server</h2>
- </div>
- <div class="ui clearing basic segment">
- <div class="left floated ui basic segment">
- <span style="font-size:18px;">Service started at 2020-01-01T00:00:00.</span>
- </div>
- <div class="right floated ui buttons">
- <button class="positive ui button">Start</button>
- <button class="yellow ui button">Stop</button>
- <button class="orange ui button">Kick All</button>
- <button class="negative ui button">Kill</button>
- </div>
- <br><br>
- <div class="ui divider"></div>
- </div>
- <div class="ui clearing basic segment">
- <div class="ui massive horizontal list">
- <div class="item">
- <img class="ui avatar image" style="border-radius: 0 !important" alt="cpu" src="/img/cpu.png">
- <div class="content">
- <p class="header">CPU Usage</p>
- <div class="description">
- <div class="ui small progress">
- <div class="bar"></div>
- </div>
- </div>
- </div>
- </div>
- <div class="item">
- <img class="ui avatar image" style="border-radius: 0 !important" alt="ram" src="/img/ram.png">
- <div class="content">
- <p class="header">RAM Usage</p>
- <div class="description">
- <div class="ui small progress">
- <div class="bar"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="ui divider"></div>
- </div>
- <div class="ui clearing basic segment">
- <div class="ui grid">
- <div class="sixteen wide column">
- <h3>Online player(s) (0/99)</h3>
- </div>
- <div class="four wide column">
- <div class="ui massive horizontal list">
- <div class="item">
- <img class="ui avatar image" style="border-radius: 0 !important" alt="hyperxraft" src="/img/hyperxraft.png">
- <div class="content">
- <p>HyperXraft</p>
- </div>
- </div>
- </div>
- </div>
- <div class="four wide column"></div>
- </div>
- </div>
- </body>
- </html>
|
