brooke/pve-panel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update

Browse source
This commit is contained in:
brooke 2025-03-14 21:57:40 -04:00
parent fc56c59563
commit c118f06003
3 changed files with 241 additions and 197 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

152
console/index.html
View file

@ -1,70 +1,98 @@
<html lang="en" data-theme="toggle"> <html lang="en" data-theme="toggle">
<head>
<link rel="stylesheet" href="/styles.css" />
</head>
<body class="container"> <head>
<header class="nav-links"> <link rel="stylesheet" href="/styles.css" />
<div class="left"> </head>
<a class="inactive" href="/">FAQ</a>
<a class="inactive" href="/policy">policies</a> <body class="container">
<a class="inactive" href="/pricing">pricing</a> <header class="nav-links">
<a class="active" href="/console">console</a> <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 class="button" href="#">Logout</a>
</div>
</header>
<main>
<section class="console">
<div class="console-left">Bronze Discipline</div>
<div class="console-right">
<button>Restart</button><button>Power Off</button><button class="alert">Reinstall</button>
</div> </div>
<div class="right"> <div class="console-uname">
<i>E408-AEE4</i> Debian GNU/Linux 12 (bookworm)<br />
<a class="button" href="#">Logout</a> <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>
</header> <div class="console-resources">
<main> <label for="mem">Memory Usage</label>
<section class="console"> <div id="mem" class="progress">
<div class="console-left">Bronze Discipline</div> <div class="bar" style="width: 20%"></div>
<div class="console-right">
<button>Restart</button><button>Power Off</button
><button class="alert">Reinstall</button>
</div> </div>
<div class="console-uname"> <div>
Debian GNU/Linux 12 (bookworm)<br /> <small>589.02 MB of 5.79 GB Used </small>
<i>6.1.0-28-amd64</i> <small>5.21 GB Free</small>
<ul>
<li>IPv4:</li>
<li>IPv6:</li>
<li>Status: Running</li>
<li>Uptime: 14 Days 14:32:04</li>
</ul>
</div> </div>
<div class="console-resources"> </div>
<label for="mem">Memory Usage</label> <div class="console-resources">
<div id="mem" class="progress"> <label for="cpu">vCPU Usage</label>
<div class="bar" style="width: 20%"></div> <div id="cpu" class="progress">
</div> <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> <div>
<small>589.02 MB of 5.79 GB Used </small> <table>
<small>5.21 GB Free</small> <thead>
<tr>
<th>Time</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></td>
<td>OK</td>
</tr>
<tr>
<td>00:05:43</td>
<td>Install Debian 12</td>
<td>OK</td>
</tr>
</tbody>
</div> </div>
</div> </table>
<div class="console-resources"> </details>
<label for="cpu">vCPU Usage</label> </div>
<div id="cpu" class="progress"> </section>
<div class="bar" style="width: 10%"></div> </main>
</div> <footer>
<div> (c) Attribution-ShareAlike 4.0 International <br />
<small>2 Cores</small> &nbsp;&nbsp;&nbsp;&nbsp;A service by
<small>10% Utilization</small> <a href="https://myco.systems/">MycoSystems LLC</a>
</div> </footer>
</div> </body>
<div class="console-log">
<details> </html>
<summary>Instance Event Log</summary>
asdasdasd
</details>
</div>
</section>
</main>
<footer>
(c) Attribution-ShareAlike 4.0 International <br />
&nbsp;&nbsp;&nbsp;&nbsp;A service by
<a href="https://myco.systems/">MycoSystems LLC</a>
</footer>
</body>
</html>

266
pricing/index.html
View file

@ -1,142 +1,144 @@
<html lang="en" data-theme="toggle"> <html lang="en" data-theme="toggle">
<head>
<link rel="stylesheet" href="/styles.css" />
</head>
<body class="container"> <head>
<header class="nav-links"> <link rel="stylesheet" href="/styles.css" />
<div class="left"> </head>
<a class="inactive" href="/">FAQ</a>
<a class="inactive" href="/policy">policies</a> <body class="container">
<a class="active" href="/pricing">pricing</a> <header class="nav-links">
<a class="inactive" href="/console">console</a> <div class="left">
</div> <a class="inactive" href="/">FAQ</a>
<div class="right"> <a class="inactive" href="/policy">policies</a>
<i>E408-AEE4</i> <a class="active" href="/pricing">pricing</a>
<a class="button" href="#">Logout</a> <a class="inactive" href="/console">console</a>
</div> </div>
</header> <div class="right">
<main> <i>E408-AEE4</i>
<section class="grid"> <a class="button" href="#">Logout</a>
</div>
</header>
<main>
<section class="grid">
<div>
<header>
<h3 class="pricing-header">compute</h3>
</header>
<div> <div>
<header> <table>
<h3>compute</h3> <thead>
</header> <tr>
<div> <th>type</th>
<table> <th>monthly</th>
<thead> <th>cpus</th>
<tr> <th>mem</th>
<th>type</th> <th>ssd</th>
<th>monthly</th> </tr>
<th>cpus</th> </thead>
<th>mem</th> <tbody>
<th>ssd</th> <tr>
</tr> <td>us-east-xs</td>
</thead> <td>$4.50</td>
<tbody> <td>1</td>
<tr> <td>1G</td>
<td>us-east-xs</td> <td>32G</td>
<td>$4.50</td> </tr>
<td>1</td> <tr>
<td>1G</td> <td>us-east-s</td>
<td>32G</td> <td>$6.75</td>
</tr> <td>2</td>
<tr> <td>2G</td>
<td>us-east-s</td> <td>32G</td>
<td>$6.75</td> </tr>
<td>2</td> <tr>
<td>2G</td> <td>us-east-m</td>
<td>32G</td> <td>$9.00</td>
</tr> <td>4</td>
<tr> <td>4G</td>
<td>us-east-m</td> <td>32G</td>
<td>$9.00</td> </tr>
<td>4</td> <tr>
<td>4G</td> <td>us-east-l</td>
<td>32G</td> <td>$13.50</td>
</tr> <td>4</td>
<tr> <td>6G</td>
<td>us-east-l</td> <td>32G</td>
<td>$13.50</td> </tr>
<td>4</td> <tr>
<td>6G</td> <td>us-east-xl</td>
<td>32G</td> <td>$18.00</td>
</tr> <td>6</td>
<tr> <td>8G</td>
<td>us-east-xl</td> <td>32G</td>
<td>$18.00</td> </tr>
<td>6</td> </tbody>
<td>8G</td> </table>
<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>
</div> </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>
</div>
<div>
<header>
<h3 class="pricing-header">bricks</h3>
</header>
<div> <div>
<header> <table>
<h3>bricks</h3> <thead>
</header> <tr>
<div> <th>type</th>
<table> <th>monthly</th>
<thead> <th>size</th>
<tr> </tr>
<th>type</th> </thead>
<th>monthly</th> <tbody>
<th>size</th> <tr>
</tr> <td>us-east-xs</td>
</thead> <td>$2.15</td>
<tbody> <td>256G</td>
<tr> </tr>
<td>us-east-xs</td>
<td>$2.15</td>
<td>256G</td>
</tr>
<tr> <tr>
<td>us-east-s</td> <td>us-east-s</td>
<td>$4.35</td> <td>$4.35</td>
<td>512G</td> <td>512G</td>
</tr> </tr>
<tr> <tr>
<td>us-east-m</td> <td>us-east-m</td>
<td>$8.50</td> <td>$8.50</td>
<td>1000G</td> <td>1000G</td>
</tr> </tr>
<tr> <tr>
<td>us-east-l</td> <td>us-east-l</td>
<td>$12.75</td> <td>$12.75</td>
<td>1500G</td> <td>1500G</td>
</tr> </tr>
<tr> <tr>
<td>us-east-xl</td> <td>us-east-xl</td>
<td>$17.00</td> <td>$17.00</td>
<td>2000G</td> <td>2000G</td>
</tr> </tr>
</tbody> </tbody>
</table> </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>
</div> </div>
</section> <i>
</main> <br />
<footer> Bricks are sections of a shared RAIDz pool made up of HDDs, they can
(c) Attribution-ShareAlike 4.0 International <br /> be resized but this is a manual process so please inform us by
&nbsp;&nbsp;&nbsp;&nbsp;A service by email.
<a href="https://myco.systems/">MycoSystems LLC</a> </i>
</footer> </div>
</body> </section>
</html> </main>
<footer>
(c) Attribution-ShareAlike 4.0 International <br />
&nbsp;&nbsp;&nbsp;&nbsp;A service by
<a href="https://myco.systems/">MycoSystems LLC</a>
</footer>
</body>
</html>

20
styles.css
View file

@ -73,6 +73,10 @@ h1 {
text-align: center; text-align: center;
} }
.pricing-header {
margin-bottom: 0;
}
/* Paragraph Styles */ /* Paragraph Styles */
p { p {
margin-bottom: 13px; margin-bottom: 13px;
@ -220,7 +224,7 @@ section {
display: grid; display: grid;
font-weight: 600; font-weight: 600;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(6, 1fr); grid-template-rows: repeat(3, 1fr);
} }
.console-right button, .console-right button,
@ -232,10 +236,13 @@ section {
font-size: inherit !important; font-size: inherit !important;
padding: 0.85rem; padding: 0.85rem;
padding-bottom: 0.55rem; padding-bottom: 0.55rem;
padding-top: 0.55rem;
text-decoration: none; text-decoration: none;
font-size: 0.9rem !important; font-size: 0.9rem !important;
font-weight: 600;; font-weight: 600;
;
} }
.console-right button:hover { .console-right button:hover {
background-color: #9a756c; background-color: #9a756c;
} }
@ -285,6 +292,11 @@ section {
cursor: pointer; cursor: pointer;
} }
details div {
max-height: 100px !important;
overflow: scroll;
}
.console-header { .console-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -295,8 +307,10 @@ section {
.console-right { .console-right {
text-align: end; text-align: end;
} }
.console-left { .console-left {
text-align: start; text-align: start;
font-size: large;
} }
.console-uname { .console-uname {
@ -314,4 +328,4 @@ section {
font-size: 0.85rem; font-size: 0.85rem;
list-style-type: none; list-style-type: none;
padding-left: 2rem; padding-left: 2rem;
} }