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,4 +1,5 @@
<html lang="en" data-theme="toggle">
<head>
<link rel="stylesheet" href="/styles.css" />
</head>
@ -20,15 +21,14 @@
<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>
<button>Restart</button><button>Power Off</button><button class="alert">Reinstall</button>
</div>
<div class="console-uname">
Debian GNU/Linux 12 (bookworm)<br />
<i>6.1.0-28-amd64</i>
<ul>
<li>IPv4:</li>
<li>IPv6:</li>
<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>
@ -56,7 +56,34 @@
<div class="console-log">
<details>
<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>
</div>
</section>
@ -67,4 +94,5 @@
<a href="https://myco.systems/">MycoSystems LLC</a>
</footer>
</body>
</html>

View file

@ -1,4 +1,5 @@
<html lang="en" data-theme="toggle">
<head>
<link rel="stylesheet" href="/styles.css" />
</head>
@ -20,7 +21,7 @@
<section class="grid">
<div>
<header>
<h3>compute</h3>
<h3 class="pricing-header">compute</h3>
</header>
<div>
<table>
@ -80,7 +81,7 @@
</div>
<div>
<header>
<h3>bricks</h3>
<h3 class="pricing-header">bricks</h3>
</header>
<div>
<table>
@ -139,4 +140,5 @@
<a href="https://myco.systems/">MycoSystems LLC</a>
</footer>
</body>
</html>

View file

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