diff --git a/index.html b/index.html
new file mode 100644
index 0000000..d4fdd7c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title></title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="author" href="humans.txt" />
+        <link rel="stylesheet" href="css/style.css"> <!-- main stylesheet -->
+        <link rel="stylesheet" href="css/scrollbar.css"> <!-- custom scrollbar -->
+    </head>
+    <body>
+        <div id="container">
+            <div id="headerArea">
+                <div id="header" style="height: 249px;"></div>
+                <nav id="navbar" style="margin-bottom: 0px;">
+                    <ul>
+                        <li><a href="/">Home</a></li>
+                        <li><a href="about-me.html">About</a></li>
+                        <!-- <li><a href="#">Blog</a></li> --> <!-- Uncomment when I have a blog I want to share -->
+                        <li><a href="links.html">Links</a></li>
+                        <li><a href="shrines.html">Shrines</a></li>
+                        <li><a href="manifesto.html">Manifesto</a></li>
+                        <!-- <li><a href="#">Sitemap</a></li> -->
+                    </ul>
+                </nav>
+            </div>
+
+            <div id="flex">
+                <!-- START OF THE SIDEBAR -->
+                <aside id="leftSidebar" style="margin-right: 0px;">
+                    <h2>Updates</h2>
+                    <div class="box">
+                        <p>My Most Recent Updates Are Found Here! (For more real-time stuff, check the Mastodon account linked on the right)</p>
+                        <ul style="padding-left:10px;">
+                            <li>Rebuilt this site using tools from <a href="https://sadgrl.online/" target="_blank">Sadgrl</a></li>
+                            <li>Built a MTG Deck with input from friends based around Demons, Devils, and Tieflings</li>
+                            <li>I joined Mastodon, finally.</li>
+                        </ul>
+                    </div>
+                    <!-- <h2>Hi there!</h2>
+                    <p>(fill this in)</p>
+                    <h3>Other Tools</h3>
+                    <ul>
+                        <li></li>
+                    </ul> -->
+                    <h2>Have some 88x31s</h2>
+                    <p>Context: These are either links to tools or websites I like, or just neat fucking images. Hover over them!</p>
+                    <ul class="nobull">
+                        <li><img src="img/got_html.gif"></li>
+                        <li><a href="https://code.visualstudio.com/" target="_blank"><img src="img/vscbutton.gif"></a></li>
+                        <li><a href="humans.txt"><img src="img/humanstxt-isolated-blank.gif"></a></li>
+                        <li><img src="img/discord.gif" title=""></li>
+                        <li><img src="img/nonbinary.png" title="they/them"></li>
+                        <li><a href="https://www.mozilla.org/en-US/firefox/new/"><img src="img/firefox2.gif"></a></li>
+                        <li><a href="https://store.steampowered.com" target="_blank"><img src="img/steam.gif" title="Play games with people!"></a></li>
+                        <li><a href="https://yesterweb.org/" target="_blank"><img src="https://yesterweb.org/img/button.png" alt="a button that says Yesterweb Reclaim The Net" /></a></li>
+                        <li><a rel="me" href="https://tech.lgbt/@nexxy"><img src="img/mastodon.gif"></a></li>
+                    </ul>
+                </aside>
+                <!-- END OF THE SIDEBAR -->
+                <main>
+                    <img src="img/hello-my-name-is.png" alt="Profile Picture">
+                    <h1>Nexan</h1>
+                    <h2>Gamer, Streamer, "Content Creator," Nerd/Geek, Collector</h2>
+                    <p>Hello, and welcome to my webpage for things. I'm slowly building this up as a test for myself to maintain a thing for once in my life, and also to provide a place outside of Big Tech to tell people what I'm up to and where to reach me.
+                    <br />For a more detailed look at me, check the <a href="about-me.html">About Page</a>.
+                    <br />I hope you enjoy!</p>
+                    <h3>Socials and Pages</h3>
+                    <p>Some places I am active at and can be found at!</p>
+                    <ul>
+                        <li><a href="https://twitter.com/nexangames">Twitter</a></li>
+                        <li><a rel="me" href="https://tech.lgbt/@nexxy">Mastodon</a></li>
+                        <li><a href="https://www.youtube.com/@NexanGames/">Youtube</a></li>
+                        <li><a href="https://www.twitch.tv/nexangames/">Twitch</a></li>
+                        <li><a href="https://steamcommunity.com/id/nexantrash">Steam</a></li>
+                    </ul>
+
+                    <h3>Tips</h3>
+                    <p>Want to help support me financially or send me something? Here's where!</p>
+                    <ul>
+                        <li><a href="https://streamelements.com/nexangames/tip" target="_blank">Stream Elements</a></li>
+                        <li><a href="https://giftapp.com/nexangames">GiftApp</a></li>
+                    </ul>
+
+                    <h3>Other Places?</h3>
+                    <p>Here are some of my "alternate" channels and places that I can be found.</p>
+                    <ul>
+                        <li><a href="https://www.youtube.com/channel/UCBtYuYgDkQJBvNA7SFGe0YQ" target="_blank">Stream Vods</a></li>
+                    </ul>
+                </main>
+                
+            </div>
+            <footer id="footer" style="margin-top: 0px;"><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a> | Nexan 2020-2022</footer>
+            
+        </div>
+        <!--[if lt IE 7]>
+            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+    </body>
+</html>
\ No newline at end of file
