update the rotur home page

index.html

@@ -20,26 +20,26 @@
 <div class="hero">
   <div class="headings">
     <h1>Rotur</h1>
-    <p>A networking standard<br>over websockets</p>
+    <p>A networking standard<br>over websockets</p><br>
   </div>
   <img src="./Rotur Logo.png" id="tilt" alt="Rotur Logo" draggable="false">
 </div>
 <div class="about">
   <h1>About</h1>
-  <p>Rotur is a cloudlink based, networking packet standard and accounts system packaged into an easy to use extension.
+  <p>Rotur is a cloudlink based, networking packet standard and accounts system packaged into an easy to use extension. Made to make turbowarp operating systems more interconnected and easier to develop.
   </p>
   <div class="devs">
     <a href="https://github.com/mistium">
-      <img src="https://avatars.githubusercontent.com/u/92952823?v=4" width="140px" draggable="false">
+      <img src="https://avatars.githubusercontent.com/u/92952823?v=4&s=200" width="140px" draggable="false">
       <p>Mistium</p>
     </a>
     <a href="https://github.com/Constellinux">
-      <img src="https://avatars.githubusercontent.com/u/178028063?s=200&v=4" width="140px" draggable="false">
-      <p style="white-space: nowrap;">The Constellinux Project</p>
+      <img src="https://avatars.githubusercontent.com/u/178028063?v=4&s=200" width="140px" draggable="false">
+      <p style="white-space: nowrap;">Constellinux</p>
     </a>
-    <a href="https://github.com/ThePandaDever">
-      <img src="https://avatars.githubusercontent.com/u/73702185?v=4" width="140px" draggable="false">
-      <p>ThePandaDever</p>
+    <a href="https://flufi.gay">
+      <img src="https://flufi.gay/yapcat.gif" width="140px" draggable="false">
+      <p>Flufi</p>
     </a>
   </div>
 </div>
@@ -104,6 +104,18 @@ <h1>Synced Vars</h1>
   </div>
 </div>
 
+<button id="get_button" onclick="downloadExtension()">Get The Extension</button>
+    <script>
+      function downloadExtension() {
+        const link = document.createElement('a');
+        link.href = 'https://raw.githubusercontent.com/RoturTW/main/refs/heads/main/Implementations/SCRATCH/roturV5.js';
+        link.download = 'roturV5.js';
+        link.style.display = 'none';
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+      }
+    </script>
 
 <script src="https://kit.fontawesome.com/16f6b70bf6.js" crossorigin="anonymous"></script>
 <script>

styles.css

@@ -37,6 +37,28 @@
       box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.5);
     }
 
+    #get_button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 20px 40px;
+      margin: auto;
+      margin-bottom: 100px;
+      transition: 0.2s;
+      background-color: #222;
+      border-radius: 10px;
+      color: white;
+      box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
+      border: none;
+      font-size: 24px;
+    }
+
+    #get_button:hover {
+      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6);
+      scale: 1.03;
+      cursor: pointer;
+    }
+
     .nav {
       max-width: 2000px;
       margin: auto;
@@ -124,17 +146,18 @@
       margin-right: 20px;
       align-self: auto;
       margin: auto;
-      transition: 0.2s;
     }
 
     .about .devs a {
       color: white;
+      border-radius: 10px;
       text-align: center;
       padding: 4px 15px;
       text-decoration: none;
+      transition: 0.2s;
     }
 
-    .about .devs:hover {
+    .about .devs a:hover {
       box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6);
       scale: 1.03;
       cursor: pointer;