diff --git a/src/components/footer.astro b/src/components/footer.astro
index b27c912..6814145 100644
--- a/src/components/footer.astro
+++ b/src/components/footer.astro
@@ -4,17 +4,17 @@ import '../css/font.scss'
 import '../css/color.scss'
 ---
 
-<div id="footer" class="white">
-    <footer class="white footer">
-      <p>
-        <center class="footer-entries">
-            {Object.keys(Astro.props.entries).map((key) => {
-                const val = Astro.props.entries[key]
-                return (
-                    <a href={val} class="grey">{key}</a>
-                )
-            })}
-        </center>
-      </p>
-    </footer>
+<div id="footer">
+  <div class="white footer">
+    <div class="footer-entries">
+      {Object.keys(Astro.props.entries).map((key) => {
+          const val = Astro.props.entries[key]
+          return (
+              <a href={val} class="grey">{key}</a>
+          )
+      })}
+    </div>
+    <img src="https://media.ruthenic.com/lgbtq%20badge.png" alt="LGBTQ+ rights!"> <!-- sry idk what else to put there lmao -->
+    <img src="https://media.ruthenic.com/god%20cant%20help%20you%20now%20badge.png" alt="CAUTION: God can't help you now.">
+  </div>
 </div>
\ No newline at end of file
diff --git a/src/css/base.scss b/src/css/base.scss
index c09ab36..5ef1233 100644
--- a/src/css/base.scss
+++ b/src/css/base.scss
@@ -1,16 +1,41 @@
+.main-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
 .footer {
   position: fixed;
+  display: flex;
+  flex-grow: 1;
+  justify-content: center;
+  align-items: center;
   bottom: 0;
   left: 0px;
   width: 100%;
   height: 55px;
+  img {
+    margin-right: 10px;
+    height: 30px*1.5;
+  }
+}
+
+.homepage-main {
+  img {
+    width: 25%;
+    height: 25%;
+  }
+  display: absolute;
+  text-align: center;
+  top: 0;
+  transform: translateY(25%);
 }
 
 .footer-entries {
-  display: block;
+  flex: 1;
   a {
-    margin-right: 10px;
-    float: center;
+    margin-left: 10px;
   }
 }
 
diff --git a/src/layout/Base.astro b/src/layout/Base.astro
index d56344e..2cf2420 100644
--- a/src/layout/Base.astro
+++ b/src/layout/Base.astro
@@ -15,7 +15,7 @@ const {title} = Astro.props;
 	  <meta name="viewport" content="width=device-width" />
     <title>{title}</title>
   </head>
-  <body>
+  <body class="main-content">
     <slot />
     <Footer entries={{
       Homepage: "/",
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 71c0eb7..360e542 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -4,7 +4,7 @@ import Base from '../layout/Base.astro'
 
 <Base title="ruthenic.com: About Us">
 	<h1>Who the hell are you?</h1>
-	<p>Great question. <i>I</i> (the one writing this) am Ruthenic (aka Drake (aka DustyAngel47 (aka Joey Glacker (why do I have so many names?)))), who is a programmer who <i><b>occasionally</i></b> makes some things. Also a side-side-side-side-side-hobby Youtube creator.</p>
+	<p>Great question. <i>I</i> (the one writing this) am Ruthenic (aka Drake (aka DustyAngel47 (aka Joey Glacker (why do I have so many names?)))), who is a programmer who <b><i>occasionally</i></b> makes some things. Also a side-side-side-side-side-hobby Youtube creator.</p>
 	<h1>Okay but why is it titled "About Us" and not "About Me?"</h1>
 	<p>;) (actual entry coming soon)</p>
 </Base>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 88f0b6f..524ac31 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,27 +3,12 @@ import Base from '../layout/Base.astro'
 ---
 
 <Base title="ruthenic.com: Homepage">
-    <center><h1>Ruthenic's site</h1> <!--originally intended to be only written in CSS and HTML but f**k that-->
-	<p>Welcome to my site. I hope you enjoy the experience.</p></center>
+    <h1>Ruthenic's site</h1> <!--originally intended to be only written in CSS and HTML but f**k that-->
+	<p>Welcome to my site. I hope you enjoy the experience.</p>
     <a href ="https://github.com/Ruthenic"><marquee behavior="scroll" direction="left">Checkout (haha) my Github!</marquee></a>
-    <p>Favorite Programming Languages:</p>
-    <ol>
-        <li>C</li>
-        <li>Python</li>
-        <li>C++</li>
-        <li>Machine Code</li>
-        <li>C#</li>
-        <li>Pseudocode</li>
-        <li>Java</li>
-        <li>English</li>
-    </ol>
-    <p>This list has been rated 69/10 by <a href = "https://unpromptedtirade.com">ForLoveOfCats</a></p>
-    <p>Check me out on:
-  		<ul>
-  			<li><a href = "https://github.com/Ruthenic">Github</a></li>
-			<li><a href = "https://www.last.fm/user/DustyAngel47">Last.fm</a></li>
-  			<li><a href = "https://twitter.com/RuthenicDawn208">Twitter</a></li>
-  			<li><a href = "https://www.youtube.com/channel/UC5BfTH4lP7rY5q3qSAvpvhA">Youtube</a></li>
-		</ul>
-	</p>
+    <p>Check me out on</p>
+    <a href = "https://github.com/Ruthenic">Github</a><br>
+    <a href = "https://www.last.fm/user/DustyAngel47">Last.fm</a><br>
+    <a href = "https://twitter.com/RuthenicDawn208">Twitter</a><br>
+    <a href = "https://www.youtube.com/channel/UC5BfTH4lP7rY5q3qSAvpvhA">Youtube</a><br>
 </Base>
