From fc56c59563d8423e939bd20d98d72a78273a1c81 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Fri, 14 Mar 2025 18:04:09 -0400
Subject: [PATCH] update

---
 console/index.html |  58 +++++++++----
 index.html         |   2 +-
 policy/index.html  | 112 +++++++++++++++++++++++-
 pricing/index.html |  26 +++---
 styles.css         | 211 +++++++++++++++++++++++++++++++++------------
 5 files changed, 317 insertions(+), 92 deletions(-)

diff --git a/console/index.html b/console/index.html
index 239e5e5..c809dea 100644
--- a/console/index.html
+++ b/console/index.html
@@ -17,22 +17,48 @@
       </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 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 class="console-uname">
+          Debian GNU/Linux 12 (bookworm)<br />
+          <i>6.1.0-28-amd64</i>
+          <ul>
+            <li>IPv4:</li>
+            <li>IPv6:</li>
+            <li>Status: Running</li>
+            <li>Uptime: 14 Days 14:32:04</li>
+          </ul>
+        </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>
     </main>
     <footer>
diff --git a/index.html b/index.html
index 541fe90..b4863b0 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@
     <main>
       <section>
         <header>
-          <h3>asd;lasd;lk</h3>
+          <h3>Why aren't disks encrypted?</h3>
         </header>
         <div>
           <p>alskdjalksjdlkasjd</p>
diff --git a/policy/index.html b/policy/index.html
index 531a56c..33f702d 100644
--- a/policy/index.html
+++ b/policy/index.html
@@ -19,12 +19,116 @@
     <main>
       <section>
         <header>
-          <h3>asd;lasd;lk</h3>
+          <h1>Acceptable Use Policy</h1>
         </header>
-        <div>
-          <p>alskdjalksjdlkasjd</p>
-        </div>
+        <p>
+          By using any of our services, you agree to comply with the following
+          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>
     </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>
diff --git a/pricing/index.html b/pricing/index.html
index 92646c2..2780a93 100644
--- a/pricing/index.html
+++ b/pricing/index.html
@@ -20,7 +20,7 @@
       <section class="grid">
         <div>
           <header>
-            <h3>vcpu compute</h3>
+            <h3>compute</h3>
           </header>
           <div>
             <table>
@@ -73,18 +73,14 @@
             </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 />
+            <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<br />
+            22.04<br />- Rocky Linux 9<br />- Alpine Linux 3.21<br />- Debian 12
           </i>
         </div>
         <div>
           <header>
-            <h3>blocks</h3>
+            <h3>bricks</h3>
           </header>
           <div>
             <table>
@@ -98,31 +94,31 @@
               <tbody>
                 <tr>
                   <td>us-east-xs</td>
-                  <td>$5.00</td>
+                  <td>$2.15</td>
                   <td>256G</td>
                 </tr>
 
                 <tr>
                   <td>us-east-s</td>
-                  <td>$7.50</td>
+                  <td>$4.35</td>
                   <td>512G</td>
                 </tr>
 
                 <tr>
                   <td>us-east-m</td>
-                  <td>$12.50</td>
+                  <td>$8.50</td>
                   <td>1000G</td>
                 </tr>
 
                 <tr>
                   <td>us-east-l</td>
-                  <td>$20.00</td>
+                  <td>$12.75</td>
                   <td>1500G</td>
                 </tr>
 
                 <tr>
                   <td>us-east-xl</td>
-                  <td>$27.50</td>
+                  <td>$17.00</td>
                   <td>2000G</td>
                 </tr>
               </tbody>
@@ -130,7 +126,9 @@
           </div>
           <i>
             <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>
         </div>
       </section>
diff --git a/styles.css b/styles.css
index 6ddab77..777b798 100644
--- a/styles.css
+++ b/styles.css
@@ -1,40 +1,39 @@
 /* General HTML & Body Styles */
 html {
-  font-size: 13px;
   background-color: #241917;
   color: #f3bbae;
+  font-size: 14px;
 }
 
-body,
 html {
   overflow-x: hidden;
 }
 
 body {
+  font-family: Liberation Mono, Courier New, monospace, serif;
   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;
+  margin-bottom: 10rem;
+  margin-top: 0;
+  max-width: 700px;
+  word-wrap: break-word;
 }
 
 /* Table Styles */
 table {
-  width: 100%;
-  border-collapse: collapse;
-  margin: px 0 0;
   background-color: #342a27;
+  border-collapse: collapse;
   color: #f3bbae;
   font-size: 0.95rem;
+  overflow: hidden;
+  width: 100%;
 }
 
 th,
 td {
   padding: 5px 5px;
   text-align: left;
-  border: 1px solid #9a756c;
 }
 
 th {
@@ -48,17 +47,36 @@ tr:nth-child(even) {
 
 tr:hover {
   background-color: #503b30;
+  cursor: pointer;
+}
+
+ul {
+  margin-top: 0;
 }
 
 /* Header Styles */
-h3 {
+h3,
+h2,
+h1 {
   color: #f1c9c0;
+  background-color: #56423d;
+  padding: 0.25rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
   margin: 0;
+  margin-bottom: 0.55rem;
+  text-align: center;
+  border-bottom: 2px solid #f1c9c0;
+}
+
+.table-header {
+  text-align: center;
 }
 
 /* Paragraph Styles */
 p {
-  margin: 0;
+  margin-bottom: 13px;
+  margin-top: 0;
 }
 
 /* Global Reset */
@@ -69,8 +87,8 @@ p {
 
 /* Links and Buttons */
 a {
-  cursor: pointer;
   color: inherit !important;
+  cursor: pointer;
   text-decoration: none;
 }
 
@@ -78,7 +96,10 @@ a[itemprop="url"]:hover {
   color: #fff;
 }
 
-.button {
+button {
+  background-color: transparent;
+  border: none;
+  color: inherit !important;
   display: inline-block;
   text-decoration: underline;
 }
@@ -87,23 +108,23 @@ a[itemprop="url"]:hover {
 .nav-links {
   display: flex;
   flex-direction: row;
-  justify-content: space-between;
   font-size: 0.9rem;
+  justify-content: space-between;
 }
 
 .left {
-  gap: 0;
   display: flex;
   flex-direction: row;
+  gap: 0;
 }
 
 /* Active and Inactive States */
 .active,
 .inactive {
-  padding: 0.85rem;
-  padding-bottom: 0.55rem;
   display: inline-block;
   font-size: inherit !important;
+  padding: 0.85rem;
+  padding-bottom: 0.55rem;
 }
 
 .active {
@@ -119,8 +140,8 @@ a[itemprop="url"]:hover {
 .right {
   display: flex;
   flex-direction: row;
-  padding: 0.75rem;
   gap: 1rem;
+  padding: 0.75rem;
 }
 
 /* Feed Icon */
@@ -130,11 +151,11 @@ a[itemprop="url"]:hover {
 
 /* Social Icon */
 .social-icon {
-  padding: 0.1em;
-  height: 1.5em;
-  width: auto;
   display: block;
+  height: 1.5em;
   margin-bottom: 0.25em;
+  padding: 0.1em;
+  width: auto;
 }
 
 /* Icon Styles */
@@ -144,14 +165,14 @@ a[itemprop="url"]:hover {
 
 /* User Actions Container */
 .user-actions-container {
-  position: relative;
+  align-items: center;
+  display: flex;
   flex-grow: 1;
-  max-width: 100%;
+  gap: 15px;
   margin-left: 15px;
   margin-right: 15px;
-  display: flex;
-  align-items: center;
-  gap: 15px;
+  max-width: 100%;
+  position: relative;
 }
 
 /* Main */
@@ -163,58 +184,134 @@ main {
 
 /* Footer */
 footer {
-  margin-top: 4rem;
-  font-size: 0.75rem;
   color: #fff;
+  font-size: 0.75rem;
+  margin-top: 4rem;
 }
 
 /* Section */
 section {
+  align-items: start;
   border-color: #9a756c;
   border-style: solid;
   border-width: 2px;
-  padding: 1rem;
   display: flex;
-  justify-content: center;
-  align-items: center;
+  flex-direction: column;
   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;
+  justify-content: start;
+  padding: 1rem;
 }
 
 .grid {
+  align-items: start;
   display: flex;
   flex-direction: row;
   gap: 1rem;
   justify-content: center;
-  align-items: start;
 }
 
 .grid div {
   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;
 }
 
-/* Console */
-.console-buttons {
-  padding: 0.35rem;
-  width: fit-content;
-  border-radius: 10px;
-}
\ No newline at end of file
+.console-log {
+  grid-column: span 2;
+}
+
+.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;
+}