update
This commit is contained in:
parent
90607cc365
commit
d32ec4c8cc
5 changed files with 468 additions and 0 deletions
44
console/index.html
Normal file
44
console/index.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<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>
|
||||
</div>
|
||||
<div class="right">
|
||||
<i>E408-AEE4</i>
|
||||
<a class="button" href="#">Logout</a>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<section class="console-buttons">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<path
|
||||
d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 224c0 17.7 14.3 32 32 32s32-14.3 32-32l0-224zM143.5 120.6c13.6-11.3 15.4-31.5 4.1-45.1s-31.5-15.4-45.1-4.1C49.7 115.4 16 181.8 16 256c0 132.5 107.5 240 240 240s240-107.5 240-240c0-74.2-33.8-140.6-86.6-184.6c-13.6-11.3-33.8-9.4-45.1 4.1s-9.4 33.8 4.1 45.1c38.9 32.3 63.5 81 63.5 135.4c0 97.2-78.8 176-176 176s-176-78.8-176-176c0-54.4 24.7-103.1 63.5-135.4z"
|
||||
/>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<path
|
||||
d="M463.5 224l8.5 0c13.3 0 24-10.7 24-24l0-128c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8l119.5 0z"
|
||||
/>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
|
||||
<path
|
||||
d="M352 144c0-44.2 35.8-80 80-80s80 35.8 80 80l0 48c0 17.7 14.3 32 32 32s32-14.3 32-32l0-48C576 64.5 511.5 0 432 0S288 64.5 288 144l0 48L64 192c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-192c0-35.3-28.7-64-64-64l-32 0 0-48z"
|
||||
/>
|
||||
</svg>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
(c) Attribution-ShareAlike 4.0 International <br />
|
||||
A service by
|
||||
<a href="https://myco.systems/">MycoSystems LLC</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
30
index.html
Normal file
30
index.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<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="active" href="/">FAQ</a>
|
||||
<a class="inactive" href="/policy">policies</a>
|
||||
<a class="inactive" 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>
|
||||
<header>
|
||||
<h3>asd;lasd;lk</h3>
|
||||
</header>
|
||||
<div>
|
||||
<p>alskdjalksjdlkasjd</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
30
policy/index.html
Normal file
30
policy/index.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<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="active" href="/policy">policies</a>
|
||||
<a class="inactive" 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>
|
||||
<header>
|
||||
<h3>asd;lasd;lk</h3>
|
||||
</header>
|
||||
<div>
|
||||
<p>alskdjalksjdlkasjd</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
144
pricing/index.html
Normal file
144
pricing/index.html
Normal file
|
|
@ -0,0 +1,144 @@
|
|||
<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">
|
||||
<div>
|
||||
<header>
|
||||
<h3>vcpu 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 />
|
||||
network bandwidth is shared, you will get 40mbps dedicated and up to
|
||||
250mbps when the network is not being heavily utilized.
|
||||
<br /><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<br />
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<header>
|
||||
<h3>blocks</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>$5.00</td>
|
||||
<td>256G</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>us-east-s</td>
|
||||
<td>$7.50</td>
|
||||
<td>512G</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>us-east-m</td>
|
||||
<td>$12.50</td>
|
||||
<td>1000G</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>us-east-l</td>
|
||||
<td>$20.00</td>
|
||||
<td>1500G</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>us-east-xl</td>
|
||||
<td>$27.50</td>
|
||||
<td>2000G</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<i>
|
||||
<br />
|
||||
<br />
|
||||
</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>
|
||||
220
styles.css
Normal file
220
styles.css
Normal file
|
|
@ -0,0 +1,220 @@
|
|||
/* General HTML & Body Styles */
|
||||
html {
|
||||
font-size: 13px;
|
||||
background-color: #241917;
|
||||
color: #f3bbae;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
margin: 0;
|
||||
font-family: Liberation Mono, Courier New, monospace, serif;
|
||||
word-wrap: break-word;
|
||||
margin: auto;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
/* Table Styles */
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: px 0 0;
|
||||
background-color: #342a27;
|
||||
color: #f3bbae;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: 5px 5px;
|
||||
text-align: left;
|
||||
border: 1px solid #9a756c;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #9a756c;
|
||||
color: #241917;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-color: #3c2a26;
|
||||
}
|
||||
|
||||
tr:hover {
|
||||
background-color: #503b30;
|
||||
}
|
||||
|
||||
/* Header Styles */
|
||||
h3 {
|
||||
color: #f1c9c0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Paragraph Styles */
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Global Reset */
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
text-rendering: geometricPrecision;
|
||||
}
|
||||
|
||||
/* Links and Buttons */
|
||||
a {
|
||||
cursor: pointer;
|
||||
color: inherit !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a[itemprop="url"]:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Navigation Links */
|
||||
.nav-links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.left {
|
||||
gap: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
/* Active and Inactive States */
|
||||
.active,
|
||||
.inactive {
|
||||
padding: 0.85rem;
|
||||
padding-bottom: 0.55rem;
|
||||
display: inline-block;
|
||||
font-size: inherit !important;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: #f3bbae;
|
||||
color: #241917 !important;
|
||||
}
|
||||
|
||||
.inactive:hover {
|
||||
background-color: #503b30;
|
||||
}
|
||||
|
||||
/* Right Section Layout */
|
||||
.right {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 0.75rem;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
/* Feed Icon */
|
||||
.feed-icon::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
/* Social Icon */
|
||||
.social-icon {
|
||||
padding: 0.1em;
|
||||
height: 1.5em;
|
||||
width: auto;
|
||||
display: block;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
|
||||
/* Icon Styles */
|
||||
.icon {
|
||||
margin-bottom: -3px;
|
||||
}
|
||||
|
||||
/* User Actions Container */
|
||||
.user-actions-container {
|
||||
position: relative;
|
||||
flex-grow: 1;
|
||||
max-width: 100%;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
/* Main */
|
||||
main {
|
||||
animation: intro 0.3s both;
|
||||
animation-delay: 0.15s;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
margin-top: 4rem;
|
||||
font-size: 0.75rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Section */
|
||||
section {
|
||||
border-color: #9a756c;
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
section svg {
|
||||
background-color: #9a756c;
|
||||
fill: #241917;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
border-radius: 5px;
|
||||
padding: 0.45rem;
|
||||
cursor: pointer;
|
||||
transition-duration: 100ms;
|
||||
}
|
||||
section svg:hover {
|
||||
background-color: #503b30;
|
||||
fill: #241917;
|
||||
transition-duration: 100ms;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 1rem;
|
||||
justify-content: center;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.grid div {
|
||||
width: 100%;
|
||||
}
|
||||
.grid div i {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* Console */
|
||||
.console-buttons {
|
||||
padding: 0.35rem;
|
||||
width: fit-content;
|
||||
border-radius: 10px;
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue