update
This commit is contained in:
parent
473da468fa
commit
9fe78b96a6
3 changed files with 254 additions and 231 deletions
|
|
@ -1,99 +1,111 @@
|
|||
<html lang="en" data-theme="toggle">
|
||||
<head>
|
||||
<link rel="stylesheet" href="/styles.css" />
|
||||
</head>
|
||||
|
||||
<body class="container">
|
||||
<header class="nav-links">
|
||||
<div class="left">
|
||||
<a class="inactive" href="/">FAQ</a>
|
||||
<a class="inactive" href="/policy">policies</a>
|
||||
<a class="inactive" href="/pricing">pricing</a>
|
||||
<a class="active" href="/console">console</a>
|
||||
<head>
|
||||
<link rel="stylesheet" href="/styles.css" />
|
||||
</head>
|
||||
|
||||
<body class="container">
|
||||
<header class="nav-links">
|
||||
<div class="left">
|
||||
<a class="inactive" href="/">FAQ</a>
|
||||
<a class="inactive" href="/policy">policies</a>
|
||||
<a class="inactive" href="/pricing">pricing</a>
|
||||
<a class="active" href="/console">console</a>
|
||||
</div>
|
||||
<div class="right">
|
||||
<i>E408-AEE4</i>
|
||||
<a href="#"><u>Logout</u></a>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<section class="console">
|
||||
<p> <a href="/console">../</a> A2D1-KB21</p>
|
||||
<div class="console-left">
|
||||
Bronze Discipline<br /><small>A2D1-KB21</small>
|
||||
</div>
|
||||
<div class="right">
|
||||
<i>E408-AEE4</i>
|
||||
<a href="#"><u>Logout</u></a>
|
||||
<div class="console-right">
|
||||
<button>Restart</button><button>Power Off</button><button class="alert">Reinstall</button>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<section class="console">
|
||||
<div class="console-left">
|
||||
Bronze Discipline<br /><small>A2D1-KB21</small>
|
||||
<div class="console-uname">
|
||||
Debian GNU/Linux 12 (bookworm)<br />
|
||||
<i>6.1.0-28-amd64</i>
|
||||
<ul>
|
||||
<li>IPv4: 65.132.212.89</li>
|
||||
<li>IPv6: 2603:3001:6db:4900::fbf2</li>
|
||||
<li>Status: Running</li>
|
||||
<li>Uptime: 14 Days 14:32:04</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="console-resources">
|
||||
<label for="mem">Memory Usage</label>
|
||||
<div id="mem" class="progress">
|
||||
<div class="bar" style="width: 20%"></div>
|
||||
</div>
|
||||
<div class="console-right">
|
||||
<button>Restart</button><button>Power Off</button
|
||||
><button class="alert">Reinstall</button>
|
||||
<div>
|
||||
<small>589.02 MB of 5.79 GB Used </small>
|
||||
<small>5.21 GB Free</small>
|
||||
</div>
|
||||
<div class="console-uname">
|
||||
Debian GNU/Linux 12 (bookworm)<br />
|
||||
<i>6.1.0-28-amd64</i>
|
||||
<ul>
|
||||
<li>IPv4: 65.132.212.89</li>
|
||||
<li>IPv6: 2603:3001:6db:4900::fbf2</li>
|
||||
<li>Status: Running</li>
|
||||
<li>Uptime: 14 Days 14:32:04</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="console-resources">
|
||||
<label for="cpu">vCPU Usage</label>
|
||||
<div id="cpu" class="progress">
|
||||
<div class="bar" style="width: 10%"></div>
|
||||
</div>
|
||||
<div class="console-resources">
|
||||
<label for="mem">Memory Usage</label>
|
||||
<div id="mem" class="progress">
|
||||
<div class="bar" style="width: 20%"></div>
|
||||
</div>
|
||||
<div>
|
||||
<small>2 Cores</small>
|
||||
<small>10% Utilization</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-resources">
|
||||
<label for="disk">Disk Usage</label>
|
||||
<div id="disk" class="progress">
|
||||
<div class="bar" style="width: 38%"></div>
|
||||
</div>
|
||||
<div>
|
||||
<small>12.2 GB of 32 GB Used</small>
|
||||
<small>19.8 GB Free</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-log">
|
||||
<details>
|
||||
<summary>Instance Event Log</summary>
|
||||
<div>
|
||||
<small>589.02 MB of 5.79 GB Used </small>
|
||||
<small>5.21 GB Free</small>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>hh:mm:ss</th>
|
||||
<th>Description</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>00:03:43</td>
|
||||
<td>Backup Job</td>
|
||||
<td>OK</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>00:08:43</td>
|
||||
<td>Backup Job</td>
|
||||
<td>OK</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>00:05:43</td>
|
||||
<td>Install Debian 12</td>
|
||||
<td>OK</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-resources">
|
||||
<label for="cpu">vCPU Usage</label>
|
||||
<div id="cpu" class="progress">
|
||||
<div class="bar" style="width: 10%"></div>
|
||||
</div>
|
||||
<div>
|
||||
<small>2 Cores</small>
|
||||
<small>10% Utilization</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-log">
|
||||
<details>
|
||||
<summary>Instance Event Log</summary>
|
||||
<div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>hh:mm:ss</th>
|
||||
<th>Description</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>00:03:43</td>
|
||||
<td>Backup Job</td>
|
||||
<td>OK</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>00:08:43</td>
|
||||
<td>Backup Job</td>
|
||||
<td>OK</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>00:05:43</td>
|
||||
<td>Install Debian 12</td>
|
||||
<td>OK</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
(c) Attribution-ShareAlike 4.0 International <br />
|
||||
A service by
|
||||
<a href="https://myco.systems/">MycoSystems LLC</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</details>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
(c) Attribution-ShareAlike 4.0 International <br />
|
||||
A service by
|
||||
<a href="https://myco.systems/">MycoSystems LLC</a>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,142 +1,149 @@
|
|||
<html lang="en" data-theme="toggle">
|
||||
<head>
|
||||
<link rel="stylesheet" href="/styles.css" />
|
||||
</head>
|
||||
|
||||
<body class="container">
|
||||
<header class="nav-links">
|
||||
<div class="left">
|
||||
<a class="inactive" href="/">FAQ</a>
|
||||
<a class="inactive" href="/policy">policies</a>
|
||||
<a class="active" href="/pricing">pricing</a>
|
||||
<a class="inactive" href="/console">console</a>
|
||||
</div>
|
||||
<div class="right">
|
||||
<i>E408-AEE4</i>
|
||||
<a class="button" href="#">Logout</a>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<section class="grid">
|
||||
<head>
|
||||
<link rel="stylesheet" href="/styles.css" />
|
||||
</head>
|
||||
|
||||
<body class="container">
|
||||
<header class="nav-links">
|
||||
<div class="left">
|
||||
<a class="inactive" href="/">FAQ</a>
|
||||
<a class="inactive" href="/policy">policies</a>
|
||||
<a class="active" href="/pricing">pricing</a>
|
||||
<a class="inactive" href="/console">console</a>
|
||||
</div>
|
||||
<div class="right">
|
||||
<i>E408-AEE4</i>
|
||||
<a class="button" href="#">Logout</a>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<section class="grid">
|
||||
<div>
|
||||
<header>
|
||||
<h3 class="pricing-header">compute</h3>
|
||||
</header>
|
||||
<div>
|
||||
<header>
|
||||
<h3 class="pricing-header">compute</h3>
|
||||
</header>
|
||||
<div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>type</th>
|
||||
<th>monthly</th>
|
||||
<th>cpus</th>
|
||||
<th>mem</th>
|
||||
<th>ssd</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>us-east-xs</td>
|
||||
<td>$4.50</td>
|
||||
<td>1</td>
|
||||
<td>1G</td>
|
||||
<td>32G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-s</td>
|
||||
<td>$6.75</td>
|
||||
<td>2</td>
|
||||
<td>2G</td>
|
||||
<td>32G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-m</td>
|
||||
<td>$9.00</td>
|
||||
<td>4</td>
|
||||
<td>4G</td>
|
||||
<td>32G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-l</td>
|
||||
<td>$13.50</td>
|
||||
<td>4</td>
|
||||
<td>6G</td>
|
||||
<td>32G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-xl</td>
|
||||
<td>$18.00</td>
|
||||
<td>6</td>
|
||||
<td>8G</td>
|
||||
<td>32G</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<i>
|
||||
<br />Available operating systems:<br />
|
||||
- FreeBSD 14.2<br />- NetBSD 10.1<br />- Arch Linux<br />- Ubuntu
|
||||
22.04<br />- Rocky Linux 9<br />- Alpine Linux 3.21<br />- Debian 12
|
||||
</i>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>type</th>
|
||||
<th>monthly</th>
|
||||
<th>cpus</th>
|
||||
<th>mem</th>
|
||||
<th>ssd</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>us-east-xs</td>
|
||||
<td>$4.50</td>
|
||||
<td>1</td>
|
||||
<td>1G</td>
|
||||
<td>32G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-s</td>
|
||||
<td>$6.75</td>
|
||||
<td>2</td>
|
||||
<td>2G</td>
|
||||
<td>32G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-m</td>
|
||||
<td>$9.00</td>
|
||||
<td>4</td>
|
||||
<td>4G</td>
|
||||
<td>32G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-l</td>
|
||||
<td>$13.50</td>
|
||||
<td>4</td>
|
||||
<td>6G</td>
|
||||
<td>32G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-xl</td>
|
||||
<td>$18.00</td>
|
||||
<td>6</td>
|
||||
<td>8G</td>
|
||||
<td>32G</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<i>
|
||||
<br>
|
||||
compute instances are QEMU virtual machines with shared CPU on an AMD EPYC 3rd gen system with ECC memory.
|
||||
<br>
|
||||
compute instances get given x86-64-v2-AES cores instead of the host's instruction set.
|
||||
<br>
|
||||
<br />Available operating systems:<br />
|
||||
- FreeBSD 14.2<br />- NetBSD 10.1<br />- Arch Linux<br />- Ubuntu
|
||||
22.04<br />- Rocky Linux 9<br />- Alpine Linux 3.21<br />- Debian 12
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<header>
|
||||
<h3 class="pricing-header">bricks</h3>
|
||||
</header>
|
||||
<div>
|
||||
<header>
|
||||
<h3 class="pricing-header">bricks</h3>
|
||||
</header>
|
||||
<div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>type</th>
|
||||
<th>monthly</th>
|
||||
<th>size</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>us-east-xs</td>
|
||||
<td>$2.15</td>
|
||||
<td>256G</td>
|
||||
</tr>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>type</th>
|
||||
<th>monthly</th>
|
||||
<th>size</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>us-east-xs</td>
|
||||
<td>$2.15</td>
|
||||
<td>256G</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>us-east-s</td>
|
||||
<td>$4.35</td>
|
||||
<td>512G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-s</td>
|
||||
<td>$4.35</td>
|
||||
<td>512G</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>us-east-m</td>
|
||||
<td>$8.50</td>
|
||||
<td>1000G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-m</td>
|
||||
<td>$8.50</td>
|
||||
<td>1000G</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>us-east-l</td>
|
||||
<td>$12.75</td>
|
||||
<td>1500G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>us-east-l</td>
|
||||
<td>$12.75</td>
|
||||
<td>1500G</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>us-east-xl</td>
|
||||
<td>$17.00</td>
|
||||
<td>2000G</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<i>
|
||||
<br />
|
||||
Bricks are sections of a shared RAIDz pool made up of HDDs, they can
|
||||
be resized but this is a manual process so please inform us by
|
||||
email.
|
||||
</i>
|
||||
<tr>
|
||||
<td>us-east-xl</td>
|
||||
<td>$17.00</td>
|
||||
<td>2000G</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
(c) Attribution-ShareAlike 4.0 International <br />
|
||||
A service by
|
||||
<a href="https://myco.systems/">MycoSystems LLC</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
<i>
|
||||
<br />
|
||||
Bricks are sections of a shared RAIDz pool made up of HDDs, they can
|
||||
be resized but this is a manual process so please inform us by
|
||||
email.
|
||||
</i>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
(c) Attribution-ShareAlike 4.0 International <br />
|
||||
A service by
|
||||
<a href="https://myco.systems/">MycoSystems LLC</a>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
22
styles.css
22
styles.css
|
|
@ -224,10 +224,18 @@ section {
|
|||
display: grid;
|
||||
font-weight: 600;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
grid-template-rows: 2rem repeat(3, 1fr);
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.console i {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.console p {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.console-left,
|
||||
.console-right {
|
||||
color: #f1c9c0;
|
||||
|
|
@ -238,6 +246,7 @@ section {
|
|||
border-bottom: 2px solid #f1c9c0;
|
||||
height: 100%;
|
||||
max-height: 3.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.console-right button,
|
||||
|
|
@ -292,10 +301,6 @@ section {
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.console i {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.console-log {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
|
@ -326,7 +331,7 @@ details div {
|
|||
}
|
||||
|
||||
.console-uname {
|
||||
grid-row: span 2;
|
||||
grid-row: span 3;
|
||||
}
|
||||
|
||||
.console-uname li:before {
|
||||
|
|
@ -356,9 +361,8 @@ tr a::after {
|
|||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23f3bbae" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-128c0-17.7-14.3-32-32-32L352 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>')
|
||||
no-repeat center center;
|
||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23f3bbae" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-128c0-17.7-14.3-32-32-32L352 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>') no-repeat center center;
|
||||
background-size: contain;
|
||||
margin-left: 0.5rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue