diff --git a/index.js b/index.js
index 47d01c4..a6b0d4e 100644
--- a/index.js
+++ b/index.js
@@ -204,6 +204,13 @@ function pageUpdate() {
 
     html = html.replace("{SOCIALS}", addedHTML)
 
+    addedHTML = ""
+
+    var faqHTML = fs.readFileSync(path.join(__dirname, 'static/faq/index.html')).toString()
+    addedHTML += faqHTML.substring(faqHTML.indexOf("<h1>"), faqHTML.indexOf("</body>"))
+
+    html = html.replace("{FAQ}", addedHTML)
+
     html = html.replace("{MASTODON_FEED}", mastoData.HTML)
 
     var now = new Date()
diff --git a/resources/mainPage.html b/resources/mainPage.html
index 4a594ac..695bede 100644
--- a/resources/mainPage.html
+++ b/resources/mainPage.html
@@ -34,8 +34,9 @@
             </div>
             <div>
                 <hr>
+                <p class="chip"><a href="https://blog.violets-purgatory.dev">Blog</a></p>
                 <p class="chip"><a href="./socials">Socials</a></p>
-                <p class="chip"><a href="https://blog.violets-purgatory.dev">Blog (WIP!)</a></p>
+                <p class="chip"><a href="./faq">FAQ</a></p>
                 <p class="chip"><a href="./pronouns">Pronouns</a></p>
                 <p class="chip"><a href="./todo">To-Do</a></p>
                 <!-- <p class="chip"><a href="./portfolio">Portfolio</a></p> -->
@@ -56,6 +57,8 @@
         
         {MASTODON_FEED}
 
+        {FAQ}
+
         {SEASONAL_EFFECT}
     </div>
 </body>
diff --git a/static/faq/index.html b/static/faq/index.html
new file mode 100644
index 0000000..a3f1faf
--- /dev/null
+++ b/static/faq/index.html
@@ -0,0 +1,39 @@
+<!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">
+ 
+
+    <meta content="FAQ - Violet's Purgatory" property="og:title" />
+    <meta content="The answers to all your not-so-frequently-asked questions!" />
+    <meta content="https://api.lanyard.rest/534132311781015564.png" property="og:image" />
+    <meta content="#a200ff" data-react-helmet="true" name="theme-color" />
+
+    <title>FAQ - Violet's Purgatory</title>
+</head>
+
+<body>
+    <a class="chip" href="../">Home</a>
+    <h1><hr>FAQ</h1>
+    <p>Some questions that, nobody has ever <em>actually</em> asked, but I'm gonna act like they have because its fun!</p>
+    <div class="row container-fluid fadediv" style="margin: auto;">
+        <h2><hr>How?</h2>
+        <p>Well, believe it or not, there's no javascript involved!!!! :D<br><span style="color: darkgray; font-size: 0.9rem;">Or well no client side javascript anyway...</span></p>
+        <p>Using a wonderful program <a>called lanyard</a>, my website is connected to a websocket that sends a signal every time my discord updates (E.G. My status changes... or I open a game...)</p>
+        <p>Then, it uses the new info to dynamically generate this page!<br>The more technically advanced of you can check it out on Codeberg, but be warned, it's coded <b>TERRIBLY.</b> I didn't really wanna use a library so i coded it all myself, and there's no actual system, just pure chaos :/</p>
+        <h2><hr>Why?</h2>
+        <p>Actually, i'm not really sure<br>
+            Originally I think this site started out because I saw people had these cool "carrd" sites and stuff
+        in their bio and wanted to make something close to carrd but made by myself.</p>
+        <p>Nowadays, though, this site is used more as a learning opportunity! 
+            I try to do new, experimental, wacky things here, and use them in projects later.</p>
+            <p>For example, my Youtube Converter, Univerter, I was only able to make because I already learnt how to make
+                dynamically generated HTML. (Univerter, as I am writing this, has no dynamically generated HTML, but it used to!)
+            </p>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/static/socials/index.html b/static/socials/index.html
index 7a4a6db..f51684f 100644
--- a/static/socials/index.html
+++ b/static/socials/index.html
@@ -20,7 +20,7 @@
     <a class="chip" href="../">Home</a>
     <h1><hr>Socials</h1>
     <p>Here's where you can find me most... if you wanted to do that for some reason?</p>
-    <div class="row container-fluid" style="margin: auto;">
+    <div class="row container-fluid fadediv" style="margin: auto;">
 
         <div class="col-sm-6">
             <hr>
