diff --git a/README.md b/README.md
index 0c31cdb..4477f6f 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,23 @@
 This is the source code for the main page of my website, which can be found at <a href="https://violets-purgatory.dev">violets-purgatory.dev</a>.
 Currently, there is no client-side javascript on the main page, and I plan to keep it this way even if it kills me!
     
+## Hosting:
+Violet's Purgatory is hosting multiple useful resoures, such as SearXNG, and a convinient rickroll, with more planed to come.
 
-## To-Do:
-- [ ] test
-- [x] test2
\ No newline at end of file
+# To-Do:
+## Main site
+- [ ] Make a page about my games
+- [ ] Make a portfolio
+- [ ] Have information on socials page dynamically update in real time (E.G. Pull Discord user from ID)
+- [x] Make the README ~~not~~ slightly less garbage
+- [x] Add page for hosted sites
+- [x] Make Socials Page
+- [x] Make Pronouns page
+## Hosting
+- [ ] Add submission forum for hosting suggestions
+- [ ] Host Fediverse instance
+- [ ] Host Matrix instance
+- [ ] SearX (normal)
+- [ ] Minecraft
+- [ ] A forum
+- [x] SearXNG
\ No newline at end of file
diff --git a/static/hosted/index.html b/static/hosted/index.html
new file mode 100644
index 0000000..8ddc272
--- /dev/null
+++ b/static/hosted/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link rel="stylesheet" href="/style.css">
+
+    <title>Hosting - Violet's Purgatory</title>
+</head>
+
+<body>
+    <br>
+    <a class="chip" href="/">Home</a>
+    <h1>Stuff i'm hosting! <hr></h1>
+    <div class="fadediv">
+        <p>Things with a green border are made by <em>me</em>. Everything else is made by someone else. </p>
+        <h2><hr>Social Media:</h2>
+        <p class="chip me">Youtube converter (Report issues <a href="https://github.com/Violets-puragtory/NoJS-YTConverter">here</a>!): <a href="https://yt.violets-purgatory.dev">yt.violets-purgatory.dev</a></p>
+        <p>Planned: Matrix, Mastodon</p>
+        <h2><hr>Search utilities:</h2>
+        <p class="chip">SearXNG: <a href="https://search.violets-purgatory.dev">search.violets-purgatory.dev</a></p>
+        <p>Planned: Normal SearX</p>
+        <h2><hr>Etc / Funny</h2>
+        <p class="chip">Fortnite (Web edition!): <a href="https://fortnite.violets-purgatory.dev">fortnite.violets-purgatory.dev</a></p>
+        <p>Nothing planned.</p>
+        <hr>
+        <p>Have any ideas of what I should host? Submit an issue with your idea to codeberg!</p>
+        <p>All ideas are welcome, just make sure that they have not been tried in the past! Please also ensure that it is not listed on the codeberg page.</p>
+        <a class="chip" href="https://codeberg.org/Bingus_Violet/Violets-Purgatory/issues">Codeberg</a>
+
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/static/index.html b/static/index.html
index 74cc4bb..bff6db3 100644
--- a/static/index.html
+++ b/static/index.html
@@ -12,7 +12,7 @@
     <title>Violet's Purgatory</title>
 </head>
 
-<body>
+<body style="overflow: hidden">
     <!-- <h1 class="d-md-inline-block d-none">Welcome to Violet's&nbsp;Purgatory</h1> -->
     <div class="fadediv" style="display: flex; justify-content: center; align-items: center; width: 100%; height: 90%;">
         <div class="container-fluid row" id="card">
@@ -26,11 +26,11 @@
                 <p>Game & web developer</p>
             </div>
             <div class="col-sm-12">
+                <p class="chip"><a href="/hosted">Stuff i'm hosting!</a></p>
+                <p class="chip"><a href="/socials">Socials</a></p>
+                <p class="chip"><a href="/pronouns">Pronouns</a></p>
                 <br>
                 <p class="chip d-md-inline-block d-none">Fediverse: <a rel="me" href="https://tech.lgbt/@Bingus_Violet" >@Bingus_Violet@tech.lgbt</a></p>
-                <p class="chip"><a href="/s">Socials</a></p>
-                <p class="chip"><a href="/p">Pronouns</a></p>
-                <br>
                 <p class="chip d-md-inline-block d-none" style="border-color: red;">Ko-Fi: <a href="https://ko-fi.com/bingus_violet"
                         style="color: rgb(255, 100, 100)">bingus_violet</a> - Please donate!</p>
                 <p class="d-sm-block d-none">If you have any problems with the site, put up an issue on <a
diff --git a/static/p/index.html b/static/pronouns/index.html
similarity index 100%
rename from static/p/index.html
rename to static/pronouns/index.html
diff --git a/static/s/index.html b/static/socials/index.html
similarity index 100%
rename from static/s/index.html
rename to static/socials/index.html
diff --git a/static/style.css b/static/style.css
index 59f26aa..e4f8c08 100644
--- a/static/style.css
+++ b/static/style.css
@@ -24,7 +24,6 @@ body, html {
     height: 100vh;
     margin: 0;
     padding: 0;
-    overflow: hidden
 }
 
 .fadediv {
@@ -104,6 +103,10 @@ hr {
     
 }
 
+.me {
+    border-color: limegreen;
+}
+
 /* I am so sorry about this code,,, */
 
 .love::before {
