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 18:04:09 -04:00
parent d32ec4c8cc
commit fc56c59563
5 changed files with 317 additions and 92 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
console/index.html
View file

@ -17,22 +17,48 @@
</div> </div>
</header> </header>
<main> <main>
<section class="console-buttons"> <section class="console">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <div class="console-left">Bronze Discipline</div>
<path <div class="console-right">
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" <button>Restart</button><button>Power Off</button
/> ><button class="alert">Reinstall</button>
</svg> </div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <div class="console-uname">
<path Debian GNU/Linux 12 (bookworm)<br />
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" <i>6.1.0-28-amd64</i>
/> <ul>
</svg> <li>IPv4:</li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> <li>IPv6:</li>
<path <li>Status: Running</li>
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" <li>Uptime: 14 Days 14:32:04</li>
/> </ul>
</svg> </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>589.02 MB of 5.79 GB Used </small>
<small>5.21 GB Free</small>
</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>
asdasdasd
</details>
</div>
</section> </section>
</main> </main>
<footer> <footer>

2
index.html
View file

@ -19,7 +19,7 @@
<main> <main>
<section> <section>
<header> <header>
<h3>asd;lasd;lk</h3> <h3>Why aren't disks encrypted?</h3>
</header> </header>
<div> <div>
<p>alskdjalksjdlkasjd</p> <p>alskdjalksjdlkasjd</p>

112
policy/index.html
View file

@ -19,12 +19,116 @@
<main> <main>
<section> <section>
<header> <header>
<h3>asd;lasd;lk</h3> <h1>Acceptable Use Policy</h1>
</header> </header>
<div> <p>
<p>alskdjalksjdlkasjd</p> By using any of our services, you agree to comply with the following
</div> guidelines:
</p>
<ul>
<li>
Absolutely no pornography involving minors. We have zero tolerance
for violation of this policy and will immediately terminate your
account if we recieve a verified complaint from NCMEC or similar
organization. This includes but is not limited to drawings, audio,
video, photographs, and ai generated content.
</li>
<li>
Engaging in malicious activities, including aggressive outgoing
email spam, organizing botnets, DDoS attacks, port scanning, or
anything else that may get our IP addresses flagged.
</li>
<li>
Violating any laws, regulations, or third-party rights under either
U.S. or Pennsylvania law.
</li>
<li>Distributing malware, viruses, or harmful software.</li>
<li>Engaging in fraudulent, abusive, or harassing activities.</li>
</ul>
<h3>2. Resource Usage:</h3>
<p>
We do not implement hard limits on your instance by default. So, It is
recommended that you stay within thsese suggested limits:
</p>
<ul>
<li>20 megabytes per second for disk read/write operations.</li>
<li>200 megabits per second for network send/recieve.</li>
</ul>
<p>
If you are excessivly exceeding these limits for too long then a hard
limit may be placed on your instance. Attempting to bypass resource
limits is prohibited. Excessive usage beyond your allotted limits will
be flagged and could result in immediate service termination.
</p>
<h3>3. Hidden networks:</h3>
<ul>
<li>
Tor and I2P nodes, including exit nodes, are
<strong>not</strong> allowed.
</li>
</ul>
<h3>4. Public Proxies and VPNs:</h3>
<ul>
<li>
Using your instance to host a publicly available proxy or VPN is
<strong>not</strong> allowed.
</li>
</ul>
<p>
Failure to comply with this policy may result in suspension or
termination of your account without prior notice. Our administrators
reserve the right to use their discretion when determining policy
violations.
<strong>Service termination is permanent and irreversible.</strong>
<u>abuse@myco.systems</u>
</p>
<header>
<h1>Privacy Policy</h1>
</header>
<p>
we do not disclose any information about any client to anyone unless
required by law enforcement or approved by the client beforehand.
</p>
<h3>Stored Data</h3>
<p>
In the course of creating your account some information is required,
this information could be used to identify you, this includes:
</p>
<ul>
<li>A unique identifier for your account.</li>
<li>Transaction timestamps and the amount deposited.</li>
<li>Your password, hashed.</li>
<li>A unique identifier for compute instance(s) and brick(s).</li>
<li>All data uploaded or created on your compute instance.</li>
</ul>
<p>
Some information is not required for operation but recommended, this
will be stored alongside the items listed above:
</p>
<ul>
<li>An email address.</li>
<li>SSH keys uploaded via our console.</li>
</ul>
<p>
While we do use full disk encryption for the host machine, we do not
individually encrypt instance disks or bricks. Like every service
provider, we have full access to any unencrypted data you store on
your server. We strongly recommend encrypting sensitive data
<i>before</i> uploading it to your instance.
</p>
<p>
We do not log, IP addresses, User Agents, or any other identifing
information.
</p>
</section> </section>
</main> </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> </body>
</html> </html>

26
pricing/index.html
View file

@ -20,7 +20,7 @@
<section class="grid"> <section class="grid">
<div> <div>
<header> <header>
<h3>vcpu compute</h3> <h3>compute</h3>
</header> </header>
<div> <div>
<table> <table>
@ -73,18 +73,14 @@
</table> </table>
</div> </div>
<i> <i>
<br /> <br />Available operating systems:<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 - FreeBSD 14.2<br />- NetBSD 10.1<br />- Arch Linux<br />- Ubuntu
22.04<br />- Rocky Linux 9<br />- Alpine Linux 3.21<br />- 22.04<br />- Rocky Linux 9<br />- Alpine Linux 3.21<br />- Debian 12
Debian 12<br />
</i> </i>
</div> </div>
<div> <div>
<header> <header>
<h3>blocks</h3> <h3>bricks</h3>
</header> </header>
<div> <div>
<table> <table>
@ -98,31 +94,31 @@
<tbody> <tbody>
<tr> <tr>
<td>us-east-xs</td> <td>us-east-xs</td>
<td>$5.00</td> <td>$2.15</td>
<td>256G</td> <td>256G</td>
</tr> </tr>
<tr> <tr>
<td>us-east-s</td> <td>us-east-s</td>
<td>$7.50</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>$12.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>$20.00</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>$27.50</td> <td>$17.00</td>
<td>2000G</td> <td>2000G</td>
</tr> </tr>
</tbody> </tbody>
@ -130,7 +126,9 @@
</div> </div>
<i> <i>
<br /> <br />
<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> </i>
</div> </div>
</section> </section>

211
styles.css
View file

@ -1,40 +1,39 @@
/* General HTML & Body Styles */ /* General HTML & Body Styles */
html { html {
font-size: 13px;
background-color: #241917; background-color: #241917;
color: #f3bbae; color: #f3bbae;
font-size: 14px;
} }
body,
html { html {
overflow-x: hidden; overflow-x: hidden;
} }
body { body {
font-family: Liberation Mono, Courier New, monospace, serif;
font-size: 1rem; font-size: 1rem;
line-height: 1.5rem; line-height: 1.5rem;
margin: 0;
font-family: Liberation Mono, Courier New, monospace, serif;
word-wrap: break-word;
margin: auto; margin: auto;
max-width: 600px; margin-bottom: 10rem;
margin-top: 0;
max-width: 700px;
word-wrap: break-word;
} }
/* Table Styles */ /* Table Styles */
table { table {
width: 100%;
border-collapse: collapse;
margin: px 0 0;
background-color: #342a27; background-color: #342a27;
border-collapse: collapse;
color: #f3bbae; color: #f3bbae;
font-size: 0.95rem; font-size: 0.95rem;
overflow: hidden;
width: 100%;
} }
th, th,
td { td {
padding: 5px 5px; padding: 5px 5px;
text-align: left; text-align: left;
border: 1px solid #9a756c;
} }
th { th {
@ -48,17 +47,36 @@ tr:nth-child(even) {
tr:hover { tr:hover {
background-color: #503b30; background-color: #503b30;
cursor: pointer;
}
ul {
margin-top: 0;
} }
/* Header Styles */ /* Header Styles */
h3 { h3,
h2,
h1 {
color: #f1c9c0; color: #f1c9c0;
background-color: #56423d;
padding: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
margin: 0; margin: 0;
margin-bottom: 0.55rem;
text-align: center;
border-bottom: 2px solid #f1c9c0;
}
.table-header {
text-align: center;
} }
/* Paragraph Styles */ /* Paragraph Styles */
p { p {
margin: 0; margin-bottom: 13px;
margin-top: 0;
} }
/* Global Reset */ /* Global Reset */
@ -69,8 +87,8 @@ p {
/* Links and Buttons */ /* Links and Buttons */
a { a {
cursor: pointer;
color: inherit !important; color: inherit !important;
cursor: pointer;
text-decoration: none; text-decoration: none;
} }
@ -78,7 +96,10 @@ a[itemprop="url"]:hover {
color: #fff; color: #fff;
} }
.button { button {
background-color: transparent;
border: none;
color: inherit !important;
display: inline-block; display: inline-block;
text-decoration: underline; text-decoration: underline;
} }
@ -87,23 +108,23 @@ a[itemprop="url"]:hover {
.nav-links { .nav-links {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between;
font-size: 0.9rem; font-size: 0.9rem;
justify-content: space-between;
} }
.left { .left {
gap: 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 0;
} }
/* Active and Inactive States */ /* Active and Inactive States */
.active, .active,
.inactive { .inactive {
padding: 0.85rem;
padding-bottom: 0.55rem;
display: inline-block; display: inline-block;
font-size: inherit !important; font-size: inherit !important;
padding: 0.85rem;
padding-bottom: 0.55rem;
} }
.active { .active {
@ -119,8 +140,8 @@ a[itemprop="url"]:hover {
.right { .right {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 0.75rem;
gap: 1rem; gap: 1rem;
padding: 0.75rem;
} }
/* Feed Icon */ /* Feed Icon */
@ -130,11 +151,11 @@ a[itemprop="url"]:hover {
/* Social Icon */ /* Social Icon */
.social-icon { .social-icon {
padding: 0.1em;
height: 1.5em;
width: auto;
display: block; display: block;
height: 1.5em;
margin-bottom: 0.25em; margin-bottom: 0.25em;
padding: 0.1em;
width: auto;
} }
/* Icon Styles */ /* Icon Styles */
@ -144,14 +165,14 @@ a[itemprop="url"]:hover {
/* User Actions Container */ /* User Actions Container */
.user-actions-container { .user-actions-container {
position: relative; align-items: center;
display: flex;
flex-grow: 1; flex-grow: 1;
max-width: 100%; gap: 15px;
margin-left: 15px; margin-left: 15px;
margin-right: 15px; margin-right: 15px;
display: flex; max-width: 100%;
align-items: center; position: relative;
gap: 15px;
} }
/* Main */ /* Main */
@ -163,58 +184,134 @@ main {
/* Footer */ /* Footer */
footer { footer {
margin-top: 4rem;
font-size: 0.75rem;
color: #fff; color: #fff;
font-size: 0.75rem;
margin-top: 4rem;
} }
/* Section */ /* Section */
section { section {
align-items: start;
border-color: #9a756c; border-color: #9a756c;
border-style: solid; border-style: solid;
border-width: 2px; border-width: 2px;
padding: 1rem;
display: flex; display: flex;
justify-content: center; flex-direction: column;
align-items: center;
gap: 0.5rem; gap: 0.5rem;
} justify-content: start;
padding: 1rem;
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 { .grid {
align-items: start;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 1rem; gap: 1rem;
justify-content: center; justify-content: center;
align-items: start;
} }
.grid div { .grid div {
width: 100%; width: 100%;
} }
.grid div i {
/* Console */
.console {
display: grid;
font-weight: 600;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(6, 1fr);
}
.console-right button,
.console-right .alert {
background-color: #f3bbae;
color: #241917 !important;
cursor: pointer;
display: inline-block;
font-size: inherit !important;
padding: 0.85rem;
padding-bottom: 0.55rem;
text-decoration: none;
font-size: 0.9rem !important;
font-weight: 600;;
}
.console-right button:hover {
background-color: #9a756c;
}
.console-right .alert {
background-color: #ff3e1c;
color: #ffe3dd !important;
}
.console-right {
display: flex;
justify-content: end;
gap: 1rem;
}
.console-resources {
display: flex;
flex-direction: column;
}
.console-resources div {
display: flex;
justify-content: space-between;
}
.progress {
border-color: #9a756c;
border-style: solid;
border-width: 1px;
height: 8px;
}
.progress .bar {
background-color: #f3bbae;
height: 100%;
}
.console i {
font-size: 0.9rem; font-size: 0.9rem;
} }
/* Console */ .console-log {
.console-buttons { grid-column: span 2;
padding: 0.35rem; }
width: fit-content;
border-radius: 10px; .console-log summary {
} cursor: pointer;
}
.console-header {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.console-right {
text-align: end;
}
.console-left {
text-align: start;
}
.console-uname {
grid-row: span 2;
}
.console-uname li:before {
content: "- ";
display: inline-block;
margin: 0 0 0 -15px;
width: 10px;
}
.console-uname ul {
font-size: 0.85rem;
list-style-type: none;
padding-left: 2rem;
}