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

View file

@ -1,9 +1,10 @@
<html lang="en" data-theme="toggle"> <html lang="en" data-theme="toggle">
<head>
<link rel="stylesheet" href="/styles.css" />
</head>
<body class="container"> <head>
<link rel="stylesheet" href="/styles.css" />
</head>
<body class="container">
<header class="nav-links"> <header class="nav-links">
<div class="left"> <div class="left">
<a class="inactive" href="/">FAQ</a> <a class="inactive" href="/">FAQ</a>
@ -20,15 +21,14 @@
<section class="console"> <section class="console">
<div class="console-left">Bronze Discipline</div> <div class="console-left">Bronze Discipline</div>
<div class="console-right"> <div class="console-right">
<button>Restart</button><button>Power Off</button <button>Restart</button><button>Power Off</button><button class="alert">Reinstall</button>
><button class="alert">Reinstall</button>
</div> </div>
<div class="console-uname"> <div class="console-uname">
Debian GNU/Linux 12 (bookworm)<br /> Debian GNU/Linux 12 (bookworm)<br />
<i>6.1.0-28-amd64</i> <i>6.1.0-28-amd64</i>
<ul> <ul>
<li>IPv4:</li> <li>IPv4: 65.132.212.89</li>
<li>IPv6:</li> <li>IPv6: 2603:3001:6db:4900::fbf2</li>
<li>Status: Running</li> <li>Status: Running</li>
<li>Uptime: 14 Days 14:32:04</li> <li>Uptime: 14 Days 14:32:04</li>
</ul> </ul>
@ -56,7 +56,34 @@
<div class="console-log"> <div class="console-log">
<details> <details>
<summary>Instance Event Log</summary> <summary>Instance Event Log</summary>
asdasdasd <div>
<table>
<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>
</table>
</details> </details>
</div> </div>
</section> </section>
@ -66,5 +93,6 @@
&nbsp;&nbsp;&nbsp;&nbsp;A service by &nbsp;&nbsp;&nbsp;&nbsp;A service by
<a href="https://myco.systems/">MycoSystems LLC</a> <a href="https://myco.systems/">MycoSystems LLC</a>
</footer> </footer>
</body> </body>
</html> </html>

View file

@ -1,9 +1,10 @@
<html lang="en" data-theme="toggle"> <html lang="en" data-theme="toggle">
<head>
<link rel="stylesheet" href="/styles.css" />
</head>
<body class="container"> <head>
<link rel="stylesheet" href="/styles.css" />
</head>
<body class="container">
<header class="nav-links"> <header class="nav-links">
<div class="left"> <div class="left">
<a class="inactive" href="/">FAQ</a> <a class="inactive" href="/">FAQ</a>
@ -20,7 +21,7 @@
<section class="grid"> <section class="grid">
<div> <div>
<header> <header>
<h3>compute</h3> <h3 class="pricing-header">compute</h3>
</header> </header>
<div> <div>
<table> <table>
@ -80,7 +81,7 @@
</div> </div>
<div> <div>
<header> <header>
<h3>bricks</h3> <h3 class="pricing-header">bricks</h3>
</header> </header>
<div> <div>
<table> <table>
@ -138,5 +139,6 @@
&nbsp;&nbsp;&nbsp;&nbsp;A service by &nbsp;&nbsp;&nbsp;&nbsp;A service by
<a href="https://myco.systems/">MycoSystems LLC</a> <a href="https://myco.systems/">MycoSystems LLC</a>
</footer> </footer>
</body> </body>
</html> </html>

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 {