diff --git a/.DS_Store b/.DS_Store
index c0ddf1a..91d2f8c 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/.github/.DS_Store b/.github/.DS_Store
new file mode 100644
index 0000000..ce79bac
Binary files /dev/null and b/.github/.DS_Store differ
diff --git a/public/.DS_Store b/public/.DS_Store
index e26e36e..5df25eb 100644
Binary files a/public/.DS_Store and b/public/.DS_Store differ
diff --git a/public/img/.DS_Store b/public/img/.DS_Store
new file mode 100644
index 0000000..e3d3c88
Binary files /dev/null and b/public/img/.DS_Store differ
diff --git a/public/img/buttons/88x31.gif b/public/img/buttons/88x31.gif
new file mode 100644
index 0000000..c6ccdad
Binary files /dev/null and b/public/img/buttons/88x31.gif differ
diff --git a/public/img/buttons/acab.gif b/public/img/buttons/acab.gif
new file mode 100644
index 0000000..c86ff0e
Binary files /dev/null and b/public/img/buttons/acab.gif differ
diff --git a/public/img/buttons/anarchynow.gif b/public/img/buttons/anarchynow.gif
new file mode 100644
index 0000000..c6ffe22
Binary files /dev/null and b/public/img/buttons/anarchynow.gif differ
diff --git a/public/img/buttons/besteyes3.gif b/public/img/buttons/besteyes3.gif
new file mode 100644
index 0000000..b10dcdc
Binary files /dev/null and b/public/img/buttons/besteyes3.gif differ
diff --git a/public/img/buttons/blink-0.gif b/public/img/buttons/blink-0.gif
new file mode 100644
index 0000000..2acde1c
Binary files /dev/null and b/public/img/buttons/blink-0.gif differ
diff --git a/public/img/buttons/bookmark_this_page.gif b/public/img/buttons/bookmark_this_page.gif
new file mode 100644
index 0000000..e200a15
Binary files /dev/null and b/public/img/buttons/bookmark_this_page.gif differ
diff --git a/public/img/buttons/bootleg.gif b/public/img/buttons/bootleg.gif
new file mode 100644
index 0000000..2384482
Binary files /dev/null and b/public/img/buttons/bootleg.gif differ
diff --git a/public/img/buttons/itsdeath.gif b/public/img/buttons/itsdeath.gif
new file mode 100644
index 0000000..1a806cd
Binary files /dev/null and b/public/img/buttons/itsdeath.gif differ
diff --git a/public/img/buttons/kromer.gif b/public/img/buttons/kromer.gif
new file mode 100644
index 0000000..0750130
Binary files /dev/null and b/public/img/buttons/kromer.gif differ
diff --git a/public/img/buttons/lowtiergod.png b/public/img/buttons/lowtiergod.png
new file mode 100644
index 0000000..d2e3a25
Binary files /dev/null and b/public/img/buttons/lowtiergod.png differ
diff --git a/public/img/buttons/microshaftl.gif b/public/img/buttons/microshaftl.gif
new file mode 100644
index 0000000..9e668fc
Binary files /dev/null and b/public/img/buttons/microshaftl.gif differ
diff --git a/public/img/buttons/neocities-pink.gif b/public/img/buttons/neocities-pink.gif
new file mode 100644
index 0000000..12c609a
Binary files /dev/null and b/public/img/buttons/neocities-pink.gif differ
diff --git a/public/img/buttons/neovim.gif b/public/img/buttons/neovim.gif
new file mode 100644
index 0000000..c3670e2
Binary files /dev/null and b/public/img/buttons/neovim.gif differ
diff --git a/public/img/buttons/piracy.gif b/public/img/buttons/piracy.gif
new file mode 100644
index 0000000..37b73b8
Binary files /dev/null and b/public/img/buttons/piracy.gif differ
diff --git a/public/img/buttons/prideenby.gif.png b/public/img/buttons/prideenby.gif.png
new file mode 100644
index 0000000..affb481
Binary files /dev/null and b/public/img/buttons/prideenby.gif.png differ
diff --git a/public/img/buttons/ralseidoobie.gif b/public/img/buttons/ralseidoobie.gif
new file mode 100644
index 0000000..9e3d13f
Binary files /dev/null and b/public/img/buttons/ralseidoobie.gif differ
diff --git a/public/img/buttons/transnow2.gif b/public/img/buttons/transnow2.gif
new file mode 100644
index 0000000..7f705aa
Binary files /dev/null and b/public/img/buttons/transnow2.gif differ
diff --git a/public/img/glados.gif b/public/img/glados.gif
new file mode 100644
index 0000000..a0d705f
Binary files /dev/null and b/public/img/glados.gif differ
diff --git a/public/img/queen.gif b/public/img/queen.gif
new file mode 100644
index 0000000..1dcad0f
Binary files /dev/null and b/public/img/queen.gif differ
diff --git a/public/img/susie.gif b/public/img/susie.gif
new file mode 100644
index 0000000..c4714fc
Binary files /dev/null and b/public/img/susie.gif differ
diff --git a/public/index.html b/public/index.html
index 6e8792a..f05e1cd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,7 +6,7 @@
     <title>beppe.online</title>
     <!--- <title>bvanroll.neocities</title> --->
     <link rel="stylesheet" href="main.css">
-    <!-- shader as bg via xemantic/shader-web-background -->
+    <!-- shader as bg via xemantic/shader-web-background 
       <script src="https://xemantic.github.io/shader-web-background/dist/shader-web-background.min.js"></script>
       <script type="x-shader/x-fragment" id="image">
         precision highp float;
@@ -42,7 +42,7 @@
 }
       
       </style>
-
+      -->
   </head>
   <body>
     <div class="header">
@@ -67,19 +67,49 @@
       <p><a href="https://github.com/bvanroll">github</a> (don't look at my bad code :( )</p>
     </div>
     <div class="content">
+      <img src="img/queen.gif" id="queen">
 
     <h2> what's coming </h2>
    
     <p>
-    I wanna spice up the website, but i'm really bad at doing visual stuff. at least when it's not code based. so maybe i'll write some code that makes the site look cooler :p 
+    I wanna spice up the website, but i'm really bad at doing visual stuff. at least when it's not code based. so maybe i'll write some code that makes the site look cooler :p but for now i'm bedrotting :p
     </p>
+    <img src="img/glados.gif" id="glados">
     <p>
     also i wanna make it so my pico8 games are playable in the browser here on a seperate page. so i'm gonna work on that too.
+    </p>
 
+    <h2>
+    update: i did it!
+    <img src="img/susie.gif" id="susie">
+    </h2>
+
+    <p>
+    anyway, here are """blogposts""" i've made :p 
+    :
     </p>
 
     <iframe src="posts.html" name="posts" title="posts"></iframe>
     <p><a href="posts.html" target="posts">return</a></p>
     </div>
+    <footer>
+      <a href="https://cyber.dabamos.de/88x31/index.html"><img src="img/buttons/88x31.gif" alt="i got the gifs from here!"></a>
+      <img src="img/buttons/acab.gif" alt="all cops are bad!">
+      <img src="img/buttons/anarchynow.gif" alt="anarchy NOW!">
+      <img src="img/buttons/besteyes3.gif" alt="This site is best experienced with EYES (i'm sorry :p)">
+      <img src="img/buttons/blink-0.gif" alt="a closeup of an anime girl blinking!">
+      <img src="img/buttons/bookmark_this_page.gif" alt="A call to action for you to BOOKMARK THIS PAGE!!! :D">
+      <img src="img/buttons/bootleg.gif" alt="bootleg more things! idk it looked cool :)">
+      <img src="img/buttons/itsdeath.gif" alt="it's death grips! Cute!">
+      <img src="img/buttons/kromer.gif" alt="have some free kromer!">
+      <img src="img/buttons/lowtiergod.png" alt="love yourself NOW!">
+      <img src="img/buttons/neovim.gif" alt="i used neovim to make this site :)">
+      <img src="img/buttons/microshaftl.gif" alt="don't get shafted by microsoft!">
+      <img src="img/buttons/neocities-pink.gif" alt="this site is hosted on neocities!">
+      <img src="img/buttons/piracy.gif" alt="pirate EVERYTHING!">
+      <img src="img/buttons/prideenby.gif.png" alt="NB Pride!">
+      <img src="img/buttons/ralseidoobie.gif" alt="It's ralsei smoking a doobie! Badass!">
+      <img src="img/buttons/transnow2.gif" alt="TRANS RIGHTS!">
+   </footer>
   </body>
 </html>
diff --git a/public/main.css b/public/main.css
index 45c99a5..6f297c0 100644
--- a/public/main.css
+++ b/public/main.css
@@ -6,7 +6,7 @@ body {
   color: black;
   /*text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
   /*display: grid;*/
-  /*background: #333;*/
+  background: #2e2828;
 }
 
 a:link {
@@ -81,10 +81,21 @@ iframe {
 }
 
 * {
-  width: 90%;
   
 }
 
+#queen {
+  width: 20em;
+
+}
+
+#susie {
+  height: 5em;
+}
+
+#glados {
+}
+
 iframe {
  width: 90%;
  height: 400px;
@@ -97,3 +108,15 @@ iframe {
   .content {width:100%}
 
 }
+
+footer {
+  display: inline-block;
+  width: 90%;
+  margin-left: 5%;
+  border:2px;
+  margin-top: 5em;
+  img {
+
+  }
+}
+