From 8f262ac5a723ceb9d24d388bbc15eb1ebfea280f Mon Sep 17 00:00:00 2001
From: crt <crt.social@text.512mb.org>
Date: Mon, 12 Sep 2022 19:59:20 +0200
Subject: [PATCH 1/2] updated site a bit

---
 index.html    | 18 ++++++++----------
 services.html |  2 +-
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 4c07132..9331778 100644
--- a/index.html
+++ b/index.html
@@ -122,16 +122,13 @@
     </div>
       <div class="row-fluid">
         <div class="span4">
-          <h2>Rework of this website</h2>
-          <p>I've had enough of bootstrap studio and its annoying little perks which is why I've decided to redo the entire website which was what you're currently looking at.</p>
-          <br>
-          <br>
+          <h2>Rework of Network</h2>
+          <p>As of now 512mb's network is kinda messy, Which is why I'm planing on doing a full rework of 512mb's networks. These plans include things such as proper network seperation, less cable spaghetti, better documentation and much more </p>
           <p>- crt</p>
 
-                    <h2>Waiting on servers</h2>
-          <p>Thanks to a friend of mine I will be getting some more server for my homelab, I do however have to find the time to go and pick them up. Their not new but their new enough for me to use them.</p>
-          <br>
-          <br>
+                    <h2>Building a PBX</h2>
+          <p>FusionPBX is very nice and all but it is missing some features that would be necessary for it to be used at my workplace. Since I do have some knowledge of PHP I've decided to try and implement the missing features myself. You can view my progress on 512mb's gitea.</p>
+
           <p>- crt</p>
         </div>
         <div class="span4">
@@ -149,8 +146,9 @@
           <p>- Yessiest</p>
         </div>
         <div class="span4">
-          <h2>Waiting for employment</h2>
-          <p>Since I run this whole thing here at home and I currently still go to school, budget is tight. Therefore im looking forward to August when I will start working and my budget for 512mb increases.</p>
+          <h2>Offsite backup</h2>
+          <p>Since my old offsite backup solution is nolonger applicable I'm working on a new one which will either be on Hetzner servers or at someone elses place</p>
+          <br>
           <br>
           <p>- crt</p>
 
diff --git a/services.html b/services.html
index c4c79db..be60ec6 100644
--- a/services.html
+++ b/services.html
@@ -111,7 +111,7 @@
         <div class="span4">
 <div class="hero-unit">
         <h1>Nextcloud instance</h1>
-        <p><a href="https://cloud.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
+        <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
       </div>
 <div class="hero-unit">
         <h1>Webmail</h1>

From 0c279f5e6f6e2da2a35e43eb57705ab9e4aed877 Mon Sep 17 00:00:00 2001
From: crt <crt.social@text.512mb.org>
Date: Mon, 12 Sep 2022 20:52:01 +0200
Subject: [PATCH 2/2] service page rework in progress

---
 all.html          |   0
 archives.html     |   0
 members.html      |   0
 mirrors.html      |   0
 public.html       | 206 ++++++++++++++++++++++++++
 related.html      |   0
 services-old.html |  95 ++++++++++++
 services.html     | 358 +++++++++++++++++++++-------------------------
 tests.html        |   0
 9 files changed, 468 insertions(+), 191 deletions(-)
 create mode 100644 all.html
 create mode 100644 archives.html
 create mode 100644 members.html
 create mode 100644 mirrors.html
 create mode 100644 public.html
 create mode 100644 related.html
 create mode 100644 services-old.html
 create mode 100644 tests.html

diff --git a/all.html b/all.html
new file mode 100644
index 0000000..e69de29
diff --git a/archives.html b/archives.html
new file mode 100644
index 0000000..e69de29
diff --git a/members.html b/members.html
new file mode 100644
index 0000000..e69de29
diff --git a/mirrors.html b/mirrors.html
new file mode 100644
index 0000000..e69de29
diff --git a/public.html b/public.html
new file mode 100644
index 0000000..be5419f
--- /dev/null
+++ b/public.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta charset="utf-8">
+  <title>Public Services</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Public Services @ 512mb group">
+  <meta name="author" content="crt">
+  <meta name="keywords" content="Linux, Servers, Networking, Coding">
+
+  <!-- Le styles -->
+  <link href="assets/bootstrap.css" rel="stylesheet">
+  <style>
+    body {
+      padding-top: 20px;
+      padding-bottom: 60px;
+    }
+
+    /* Custom container */
+    .container {
+      margin: 0 auto;
+      max-width: 1000px;
+    }
+
+    .container>hr {
+      margin: 60px 0;
+    }
+
+    /* Main marketing message and sign up button */
+    .jumbotron {
+      margin: 80px 0;
+      text-align: center;
+    }
+
+    .jumbotron h1 {
+      font-size: 100px;
+      line-height: 1;
+    }
+
+    .jumbotron .lead {
+      font-size: 24px;
+      line-height: 1.25;
+    }
+
+    .jumbotron .btn {
+      font-size: 21px;
+      padding: 14px 24px;
+    }
+
+    /* Supporting marketing content */
+    .marketing {
+      margin: 60px 0;
+    }
+
+    .marketing p+h4 {
+      margin-top: 28px;
+    }
+
+    .pissbigger h1 {
+      font-size: 42px;
+      line-height: 1;
+    }
+
+    .hero-unit {
+      text-align: center;
+    }
+  </style>
+  <link href="assets/bootstrap-responsive.css" rel="stylesheet">
+
+  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+  <!--[if lt IE 9]>
+      <script src="../assets/js/html5shiv.js"></script>
+    <![endif]-->
+
+  <!-- Fav and touch icons -->
+  <link rel="icon" type="image/x-icon" href="./favicon.ico">
+</head>
+
+<body>
+
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container">
+        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <a class="brand" href="index.html">512mb group</a>
+        <div class="nav-collapse collapse">
+          <ul class="nav">
+            <li><a href="index.html">Home</a></li>
+            <li class="active"><a href="services.html">Services</a></li>
+            <li><a href="irc.html">IRC rules</a></li>
+            <li><a href="files">Files</a></li>
+            <li><a href="https://wiki.512mb.org/">Wiki</a></li>
+            <li><a href="https://yt.512mb.org/">Invidious</a></li>
+            <li><a href="https://search.512mb.org/">Searx</a></li>
+          </ul>
+        </div>
+        <!--/.nav-collapse -->
+      </div>
+    </div>
+  </div>
+
+  <div class="container">
+
+    <hr>
+
+    <div class="pissbigger">
+      <h1>Public services</h1> <br><br>
+    </div>
+
+    <div class="row-fluid">
+      <div class="span4">
+        <div class="hero-unit">
+          <h1>Speedtest</h1>
+          <p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+        </div>
+
+
+      </div>
+      <div class="span4">
+        <div class="hero-unit">
+          <h1>Wiki</h1>
+          <p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+        </div>
+
+
+      </div>
+
+
+      <div class="span4">
+        <div class="hero-unit">
+          <h1>Status page</h1>
+          <p>Various Mirrors for Linux and other things</p>
+          <br>
+          <p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+        </div>
+
+
+      </div>
+      <div class="span4" style="margin-left: 0%;">
+        <div class="hero-unit">
+          <h1>Translator</h1>
+          <p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+        </div>
+
+
+      </div>
+      <div class="span4">
+        <div class="hero-unit">
+          <h1>Tests/Unfinished</h1>
+          <p>Things currently being worked on</p>
+          <br>
+          <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+        </div>
+
+
+      </div>
+      <div class="span4">
+        <div class="hero-unit">
+          <h1>Related Sites</h1>
+          <p>Sites made by 512mb or hosted here</p>
+          <br>
+          <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+        </div>
+
+
+      </div>
+    </div>
+
+    <!-- Who runs this madness end -->
+
+    <hr>
+
+    <footer>
+      <p>512mb group 2017-2022</p>
+    </footer>
+
+  </div> <!-- /container -->
+
+  <!-- Le javascript
+    ================================================== -->
+  <!-- Placed at the end of the document so the pages load faster -->
+  <script src="assets/jquery.js"></script>
+  <script src="assets/bootstrap-transition.js"></script>
+  <script src="assets/bootstrap-alert.js"></script>
+  <script src="assets/bootstrap-modal.js"></script>
+  <script src="assets/bootstrap-dropdown.js"></script>
+  <script src="assets/bootstrap-scrollspy.js"></script>
+  <script src="assets/bootstrap-tab.js"></script>
+  <script src="assets/bootstrap-tooltip.js"></script>
+  <script src="assets/bootstrap-popover.js"></script>
+  <script src="assets/bootstrap-button.js"></script>
+  <script src="assets/bootstrap-collapse.js"></script>
+  <script src="assets/bootstrap-carousel.js"></script>
+  <script src="assets/bootstrap-typeahead.js"></script>
+
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/related.html b/related.html
new file mode 100644
index 0000000..e69de29
diff --git a/services-old.html b/services-old.html
new file mode 100644
index 0000000..22cb517
--- /dev/null
+++ b/services-old.html
@@ -0,0 +1,95 @@
+      <div class="row-fluid">
+        <div class="span4">
+<div class="hero-unit">
+        <h1>Nextcloud instance</h1>
+        <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Webmail</h1>
+        <p><a href="https://mail.512mb.org/SOGo/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Speedtest</h1>
+        <p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Wekan</h1>
+        <p><a href="https://board.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Media server</h1>
+        <p><a href="https://media.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+      <div class="hero-unit">
+        <h1>invidious (youtube)</h1>
+        <p><a href="https://yt.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+      <div class="hero-unit">
+        <h1>Archlinux mirror</h1>
+        <p><a href="https://512mb.org/arch" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+
+        </div>
+        <div class="span4">
+<div class="hero-unit">
+        <h1>Password Manager</h1>
+        <p><a href="https://pw.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Searx</h1>
+        <p><a href="https://search.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>H5ai</h1>
+        <p><a href="https://512mb.org/hai" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Gitea</h1>
+        <p><a href="https://512mb.org/git" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Nectarine Proxy</h1>
+        <p><a href="https://512mb.org/necta" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>libreddit (reddit)</h1>
+        <p><a href="https://reddit.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Manjaro mirror</h1>
+        <p><a href="https://512mb.org/manjaro" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+
+        </div>
+        <div class="span4">
+<div class="hero-unit">
+        <h1>Status Page</h1>
+        <p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Wiki</h1>
+        <p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Translator</h1>
+        <p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Solitair</h1>
+        <p><a href="https://512mb.org/files/solitair/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Picture Gallery</h1>
+        <p><a href="https://pics.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>dabr (twitter)</h1>
+        <p><a href="https://twitter.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+<div class="hero-unit">
+        <h1>Gentoo mirror</h1>
+        <p><a href="https://512mb.org/gentoo" class="btn btn-primary btn-large">Take me there</a></p>
+      </div>
+
+        </div>
+</div>
\ No newline at end of file
diff --git a/services.html b/services.html
index be60ec6..c3199d2 100644
--- a/services.html
+++ b/services.html
@@ -1,234 +1,210 @@
 <!DOCTYPE html>
-<html lang="en"><head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
-    <meta charset="utf-8">
-    <title>512mb group</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="Service list of 512mb group">
-    <meta name="author" content="crt">
-    <meta name="keywords" content="Linux, Servers, Networking, Coding">
+<html lang="en">
 
-    <!-- Le styles -->
-    <link href="assets/bootstrap.css" rel="stylesheet">
-    <style>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta charset="utf-8">
+  <title>512mb group</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Service list of 512mb group">
+  <meta name="author" content="crt">
+  <meta name="keywords" content="Linux, Servers, Networking, Coding">
 
+  <!-- Le styles -->
+  <link href="assets/bootstrap.css" rel="stylesheet">
+  <style>
+    body {
+      padding-top: 20px;
+      padding-bottom: 60px;
+    }
 
-       body {
-        padding-top: 20px;
-        padding-bottom: 60px;
-      }
+    /* Custom container */
+    .container {
+      margin: 0 auto;
+      max-width: 1000px;
+    }
 
-      /* Custom container */
-      .container {
-        margin: 0 auto;
-        max-width: 1000px;
-      }
-      .container > hr {
-        margin: 60px 0;
-      }
+    .container>hr {
+      margin: 60px 0;
+    }
 
-      /* Main marketing message and sign up button */
-      .jumbotron {
-        margin: 80px 0;
-        text-align: center;
-      }
-      .jumbotron h1 {
-        font-size: 100px;
-        line-height: 1;
-      }
-      .jumbotron .lead {
-        font-size: 24px;
-        line-height: 1.25;
-      }
-      .jumbotron .btn {
-        font-size: 21px;
-        padding: 14px 24px;
-      }
+    /* Main marketing message and sign up button */
+    .jumbotron {
+      margin: 80px 0;
+      text-align: center;
+    }
 
-      /* Supporting marketing content */
-      .marketing {
-        margin: 60px 0;
-      }
-      .marketing p + h4 {
-        margin-top: 28px;
-      }
+    .jumbotron h1 {
+      font-size: 100px;
+      line-height: 1;
+    }
 
-      .pissbigger h1 {
+    .jumbotron .lead {
+      font-size: 24px;
+      line-height: 1.25;
+    }
+
+    .jumbotron .btn {
+      font-size: 21px;
+      padding: 14px 24px;
+    }
+
+    /* Supporting marketing content */
+    .marketing {
+      margin: 60px 0;
+    }
+
+    .marketing p+h4 {
+      margin-top: 28px;
+    }
+
+    .pissbigger h1 {
       font-size: 42px;
       line-height: 1;
-      }
+    }
 
-      .hero-unit {
+    .hero-unit {
       text-align: center;
-      }
+    }
+  </style>
+  <link href="assets/bootstrap-responsive.css" rel="stylesheet">
 
-    </style>
-    <link href="assets/bootstrap-responsive.css" rel="stylesheet">
-
-    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-    <!--[if lt IE 9]>
+  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+  <!--[if lt IE 9]>
       <script src="../assets/js/html5shiv.js"></script>
     <![endif]-->
 
-    <!-- Fav and touch icons -->
-    <link rel="icon" type="image/x-icon" href="./favicon.ico">
-  </head>
+  <!-- Fav and touch icons -->
+  <link rel="icon" type="image/x-icon" href="./favicon.ico">
+</head>
 
-  <body>
+<body>
 
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="index.html">512mb group</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="index.html">Home</a></li>
-              <li class="active"><a href="services.html">Services</a></li>
-              <li><a href="irc.html">IRC rules</a></li>
-              <li><a href="files">Files</a></li>
-              <li><a href="https://wiki.512mb.org/">Wiki</a></li>
-              <li><a href="https://yt.512mb.org/">Invidious</a></li>
-              <li><a href="https://search.512mb.org/">Searx</a></li>
-            </ul>
-          </div><!--/.nav-collapse -->
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container">
+        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <a class="brand" href="index.html">512mb group</a>
+        <div class="nav-collapse collapse">
+          <ul class="nav">
+            <li><a href="index.html">Home</a></li>
+            <li class="active"><a href="services.html">Services</a></li>
+            <li><a href="irc.html">IRC rules</a></li>
+            <li><a href="files">Files</a></li>
+            <li><a href="https://wiki.512mb.org/">Wiki</a></li>
+            <li><a href="https://yt.512mb.org/">Invidious</a></li>
+            <li><a href="https://search.512mb.org/">Searx</a></li>
+          </ul>
         </div>
+        <!--/.nav-collapse -->
       </div>
     </div>
+  </div>
 
-    <div class="container">
+  <div class="container">
 
     <hr>
 
     <div class="pissbigger">
       <h1>Services</h1> <br><br>
     </div>
-      <div class="row-fluid">
-        <div class="span4">
-<div class="hero-unit">
-        <h1>Nextcloud instance</h1>
-        <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Webmail</h1>
-        <p><a href="https://mail.512mb.org/SOGo/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Speedtest</h1>
-        <p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Wekan</h1>
-        <p><a href="https://board.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Media server</h1>
-        <p><a href="https://media.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-      <div class="hero-unit">
-        <h1>invidious (youtube)</h1>
-        <p><a href="https://yt.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-      <div class="hero-unit">
-        <h1>Archlinux mirror</h1>
-        <p><a href="https://512mb.org/arch" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
 
+    <div class="row-fluid">
+      <div class="span4">
+        <div class="hero-unit">
+          <h1>Public Services</h1>
+          <p>Services you can access without having an account created for you</p>
+          <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
         </div>
-        <div class="span4">
-<div class="hero-unit">
-        <h1>Password Manager</h1>
-        <p><a href="https://pw.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Searx</h1>
-        <p><a href="https://search.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>H5ai</h1>
-        <p><a href="https://512mb.org/hai" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Gitea</h1>
-        <p><a href="https://512mb.org/git" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Nectarine Proxy</h1>
-        <p><a href="https://512mb.org/necta" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>libreddit (reddit)</h1>
-        <p><a href="https://reddit.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Manjaro mirror</h1>
-        <p><a href="https://512mb.org/manjaro" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
 
+
+      </div>
+      <div class="span4">
+        <div class="hero-unit">
+          <h1>Member Services</h1>
+          <p>Services you will need an account made by an admin</p>
+          <br>
+          <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
         </div>
-        <div class="span4">
-<div class="hero-unit">
-        <h1>Status Page</h1>
-        <p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Wiki</h1>
-        <p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Translator</h1>
-        <p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Solitair</h1>
-        <p><a href="https://512mb.org/files/solitair/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Picture Gallery</h1>
-        <p><a href="https://pics.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>dabr (twitter)</h1>
-        <p><a href="https://twitter.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Gentoo mirror</h1>
-        <p><a href="https://512mb.org/gentoo" class="btn btn-primary btn-large">Take me there</a></p>
+
+
       </div>
 
+
+      <div class="span4">
+        <div class="hero-unit">
+          <h1>Mirrors</h1>
+          <p>Various Mirrors for Linux and other things</p>
+          <br>
+          <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
         </div>
-</div>
-      <!-- Who runs this madness end -->
 
-      <hr>
 
-      <footer>
-        <p>512mb group 2017-2022</p>
-      </footer>
+      </div>
+      <div class="span4" style="margin-left: 0%;">
+        <div class="hero-unit">
+          <h1>Archives</h1>
+          <p>Websites/Services that are archived or nolonger maintained</p>
+          <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+        </div>
 
-    </div> <!-- /container -->
 
-    <!-- Le javascript
+      </div>
+      <div class="span4">
+        <div class="hero-unit">
+          <h1>Tests/Unfinished</h1>
+          <p>Things currently being worked on</p>
+          <br>
+          <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+        </div>
+
+
+      </div>
+      <div class="span4">
+        <div class="hero-unit">
+          <h1>Related Sites</h1>
+          <p>Sites made by 512mb or hosted here</p>
+          <br>
+          <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+        </div>
+
+
+      </div>
+    </div>
+
+    <!-- Who runs this madness end -->
+
+    <hr>
+
+    <footer>
+      <p>512mb group 2017-2022</p>
+    </footer>
+
+  </div> <!-- /container -->
+
+  <!-- Le javascript
     ================================================== -->
-    <!-- Placed at the end of the document so the pages load faster -->
-    <script src="assets/jquery.js"></script>
-    <script src="assets/bootstrap-transition.js"></script>
-    <script src="assets/bootstrap-alert.js"></script>
-    <script src="assets/bootstrap-modal.js"></script>
-    <script src="assets/bootstrap-dropdown.js"></script>
-    <script src="assets/bootstrap-scrollspy.js"></script>
-    <script src="assets/bootstrap-tab.js"></script>
-    <script src="assets/bootstrap-tooltip.js"></script>
-    <script src="assets/bootstrap-popover.js"></script>
-    <script src="assets/bootstrap-button.js"></script>
-    <script src="assets/bootstrap-collapse.js"></script>
-    <script src="assets/bootstrap-carousel.js"></script>
-    <script src="assets/bootstrap-typeahead.js"></script>
+  <!-- Placed at the end of the document so the pages load faster -->
+  <script src="assets/jquery.js"></script>
+  <script src="assets/bootstrap-transition.js"></script>
+  <script src="assets/bootstrap-alert.js"></script>
+  <script src="assets/bootstrap-modal.js"></script>
+  <script src="assets/bootstrap-dropdown.js"></script>
+  <script src="assets/bootstrap-scrollspy.js"></script>
+  <script src="assets/bootstrap-tab.js"></script>
+  <script src="assets/bootstrap-tooltip.js"></script>
+  <script src="assets/bootstrap-popover.js"></script>
+  <script src="assets/bootstrap-button.js"></script>
+  <script src="assets/bootstrap-collapse.js"></script>
+  <script src="assets/bootstrap-carousel.js"></script>
+  <script src="assets/bootstrap-typeahead.js"></script>
 
 
 
-</body></html>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/tests.html b/tests.html
new file mode 100644
index 0000000..e69de29