diff --git a/embeds/nav.html b/embeds/nav.html
index 198f9df..de35173 100644
--- a/embeds/nav.html
+++ b/embeds/nav.html
@@ -1,7 +1,7 @@
 <section>
   <p>
-    <a href="/">Home</a> - <a href="/projects/">Projects</a> -
-    <a href="/about/">About</a> -
+    <a href="/">Home</a> - <a href="/links/">Links</a> -
+    <a href="/projects/">Projects</a> - <a href="/about/">About</a> -
     <a href="/site/">Site Information</a>
   </p>
 </section>
diff --git a/views/about/index.html b/views/about/index.html
index a34c9fc..1976e57 100644
--- a/views/about/index.html
+++ b/views/about/index.html
@@ -5,7 +5,6 @@
     <title>MeowcaTheoRange</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="/styles/normal.css" />
-    <link rel="stylesheet" href="/styles/windows.css" />
     <link rel="stylesheet" href="/styles/style.css" />
     <style>
       @import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap");
@@ -35,15 +34,8 @@
         <h1>Getting domain indexes...</h1>
       </section>
     </main>
-    <div id="WindowHolder"></div>
     <section id="accessibility" hidden></section>
-    <script src="/scripts/windows.js"></script>
     <script src="/scripts/accessibility.js"></script>
     <script src="./scripts/data_get_domain.js"></script>
-    <script>
-      window.manager = new WindowManager(
-        document.getElementById("WindowHolder")
-      );
-    </script>
   </body>
 </html>
diff --git a/views/about/scripts/data_get_domain.js b/views/about/scripts/data_get_domain.js
index 54a47b8..0afe90e 100644
--- a/views/about/scripts/data_get_domain.js
+++ b/views/about/scripts/data_get_domain.js
@@ -6,18 +6,13 @@ fetch("https://blog.abtmtr.link/api/collections/paste/posts/domain")
     data_get.innerHTML = data.reduce(
       (html, subdomain) =>
         html +
-        `<h1>${subdomain.name}</h1>
+        `<h1><a href="${subdomain.url}" target="_blank">${
+          subdomain.name
+        }</a></h1>
     ${subdomain.description.reduce(
       (html, descfragment) => html + `<p>${descfragment}</p>`,
       ""
-    )}
-    <p>
-      <button 
-        onclick="window.open('${subdomain.url}')"
-      >
-        Open
-      </button>
-    </p>`,
+    )}`,
       ""
     );
   });
diff --git a/views/index.html b/views/index.html
index 3727f62..4d44b90 100755
--- a/views/index.html
+++ b/views/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <title>MeowcaTheoRange</title>
@@ -92,12 +92,21 @@
             I'm usually only in it for the correlations.
           </li>
           <li>
-            You may see me hyperfixate on random stuff, like
-            <a href="#">certain fonts</a>
-            or public transit.
+            You may see me hyperfixate on random stuff, like certain fonts or
+            public transit.
           </li>
         </ul>
       </section>
+      <section>
+        <h2>What I believe in</h2>
+        <ul>
+          <li>Self-hosting important or personal infrastructure</li>
+          <li>Free and open-source material</li>
+          <li>Privacy as a basic human right</li>
+          <li>Trans rights &amp; gay rights</li>
+          <li>Autistic superiority <small>/joke</small></li>
+        </ul>
+      </section>
     </main>
     <div id="WindowHolder"></div>
     <section id="accessibility" hidden></section>
diff --git a/views/links/index.html b/views/links/index.html
new file mode 100644
index 0000000..d27c644
--- /dev/null
+++ b/views/links/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>MeowcaTheoRange</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="/styles/normal.css" />
+    <link rel="stylesheet" href="/styles/style.css" />
+    <style>
+      @import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap");
+
+      :root {
+        --base-scale: 16px;
+
+        --background-color: hsl(270, 100%, 15%);
+        --color: hsl(270, 100%, 85%);
+        --accent-color: hsl(270, 100%, 65%);
+        --accent-color-fg: hsl(270, 100%, 95%);
+        --font-family: "Lexend Deca";
+        --document-width: 40em;
+      }
+    </style>
+  </head>
+  <body>
+    <header>
+      <section>
+        <h1>Links</h1>
+        <p>Where else you can find me.</p>
+      </section>
+      <$ nav.html $>
+    </header>
+    <main>
+      <section id="data_get">
+        <h1>Getting links...</h1>
+      </section>
+    </main>
+    <section id="accessibility" hidden></section>
+    <script src="/scripts/accessibility.js"></script>
+    <script src="./scripts/data_get_links.js"></script>
+  </body>
+</html>
diff --git a/views/links/scripts/data_get_links.js b/views/links/scripts/data_get_links.js
new file mode 100644
index 0000000..9f7bcbd
--- /dev/null
+++ b/views/links/scripts/data_get_links.js
@@ -0,0 +1,12 @@
+const data_get = document.getElementById("data_get");
+fetch("https://pronouns.cc/api/v1/users/MeowcaTheoRange")
+  .then((x) => x.json())
+  .then((user) => {
+    data_get.innerHTML = user.links.reduce(
+      (html, link) =>
+        html +
+        `<h1><a href="${link}" target="_blank">${new URL(link).host}</a></h1>
+        <p>${link}</p>`,
+      ""
+    );
+  });
