diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..0ab7e46
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,5 @@
+defaults:
+  - scope:
+      path: "assets/buttons"
+    values:
+      buttons: true
diff --git a/_data/navigation.yml b/_data/navigation.yml
new file mode 100644
index 0000000..4fc583f
--- /dev/null
+++ b/_data/navigation.yml
@@ -0,0 +1,6 @@
+- name: Home 
+  link: / 
+- name: Blog 
+  link: /blog.html
+- name: games 
+  link: /games.html
diff --git a/_includes/blog.html b/_includes/blog.html
new file mode 100644
index 0000000..e69de29
diff --git a/_includes/footer.html b/_includes/footer.html
index b101e42..3cfb616 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,22 +1,13 @@
  <footer>
-      <p>check out these cool buttons:</p>
-      <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>
+ {% assign image_files = site.static_files | where: "buttons", true %}
+   {% for button in image_files %}
+   {% if button.basename == "88x31" %}
+
+   <a href="https://cyber.dabamos.de/88x31/index.html"><img src="{{ button.path }}"></a>
+   {% else %}
+   <img src="{{ button.path }}">
+   {% endif %}
+{% endfor %}
+ </footer>
 
 
diff --git a/_includes/nav.html b/_includes/nav.html
index c0ad632..d702dd5 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,4 +1,4 @@
-   <div class="sidebar">
+  <!-- <div class="sidebar">
      <a href="/index.html">index</a>
       <h2>my links:</h2>
       <p><a rel="me" href="https://blorbo.social/@beppe">Mastodon(my art will be here)</a></p>
@@ -12,6 +12,13 @@
       {% for post in site.posts %}
       <li><a href="{{ post.url }}">{{ post.title }}</a></li>
       {% endfor %}
-      </ul>
-    </div>
+   </ul>
+    </div>-->
 
+<nav>
+  {% for item in site.data.navigation %}
+  <a href="{{ iten.link }}" {% if page.url == item.link %}style="color: red;"{% endif %}>
+    {{ item.name }}
+  </a>
+  {% endfor %}
+</nav>
diff --git a/img/buttons/.DS_Store b/assets/buttons/.DS_Store
similarity index 100%
rename from img/buttons/.DS_Store
rename to assets/buttons/.DS_Store
diff --git a/img/buttons/88x31.gif b/assets/buttons/88x31.gif
similarity index 100%
rename from img/buttons/88x31.gif
rename to assets/buttons/88x31.gif
diff --git a/img/buttons/acab.gif b/assets/buttons/acab.gif
similarity index 100%
rename from img/buttons/acab.gif
rename to assets/buttons/acab.gif
diff --git a/img/buttons/anarchynow.gif b/assets/buttons/anarchynow.gif
similarity index 100%
rename from img/buttons/anarchynow.gif
rename to assets/buttons/anarchynow.gif
diff --git a/img/buttons/besteyes3.gif b/assets/buttons/besteyes3.gif
similarity index 100%
rename from img/buttons/besteyes3.gif
rename to assets/buttons/besteyes3.gif
diff --git a/img/buttons/blink-0.gif b/assets/buttons/blink-0.gif
similarity index 100%
rename from img/buttons/blink-0.gif
rename to assets/buttons/blink-0.gif
diff --git a/img/buttons/bookmark_this_page.gif b/assets/buttons/bookmark_this_page.gif
similarity index 100%
rename from img/buttons/bookmark_this_page.gif
rename to assets/buttons/bookmark_this_page.gif
diff --git a/img/buttons/bootleg.gif b/assets/buttons/bootleg.gif
similarity index 100%
rename from img/buttons/bootleg.gif
rename to assets/buttons/bootleg.gif
diff --git a/img/buttons/itsdeath.gif b/assets/buttons/itsdeath.gif
similarity index 100%
rename from img/buttons/itsdeath.gif
rename to assets/buttons/itsdeath.gif
diff --git a/img/buttons/kromer.gif b/assets/buttons/kromer.gif
similarity index 100%
rename from img/buttons/kromer.gif
rename to assets/buttons/kromer.gif
diff --git a/img/buttons/lowtiergod.png b/assets/buttons/lowtiergod.png
similarity index 100%
rename from img/buttons/lowtiergod.png
rename to assets/buttons/lowtiergod.png
diff --git a/img/buttons/microshaftl.gif b/assets/buttons/microshaftl.gif
similarity index 100%
rename from img/buttons/microshaftl.gif
rename to assets/buttons/microshaftl.gif
diff --git a/img/buttons/neocities-pink.gif b/assets/buttons/neocities-pink.gif
similarity index 100%
rename from img/buttons/neocities-pink.gif
rename to assets/buttons/neocities-pink.gif
diff --git a/img/buttons/neovim.gif b/assets/buttons/neovim.gif
similarity index 100%
rename from img/buttons/neovim.gif
rename to assets/buttons/neovim.gif
diff --git a/img/buttons/piracy.gif b/assets/buttons/piracy.gif
similarity index 100%
rename from img/buttons/piracy.gif
rename to assets/buttons/piracy.gif
diff --git a/img/buttons/prideenby.gif.png b/assets/buttons/prideenby.gif.png
similarity index 100%
rename from img/buttons/prideenby.gif.png
rename to assets/buttons/prideenby.gif.png
diff --git a/img/buttons/ralseidoobie.gif b/assets/buttons/ralseidoobie.gif
similarity index 100%
rename from img/buttons/ralseidoobie.gif
rename to assets/buttons/ralseidoobie.gif
diff --git a/img/buttons/transnow2.gif b/assets/buttons/transnow2.gif
similarity index 100%
rename from img/buttons/transnow2.gif
rename to assets/buttons/transnow2.gif
diff --git a/blog.html b/blog.html
new file mode 100644
index 0000000..e0be00c
--- /dev/null
+++ b/blog.html
@@ -0,0 +1,13 @@
+---
+layout: default
+title: blog
+---
+<ul class="blogul">
+{% for post in site.posts %}
+  <li>
+    <h2><a href="{{ post.url }}">{{post.title}}</a></h2>
+    {{ post.excerpt }}
+
+  </li>
+{% endfor %}
+</ul>
diff --git a/games.html b/games.html
new file mode 100644
index 0000000..9ffc9a5
--- /dev/null
+++ b/games.html
@@ -0,0 +1,7 @@
+---
+layout: default
+title: games
+---
+
+<h1> my games!</h1>
+
diff --git a/index.html b/index.html
index 96aac96..64e845f 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,6 @@
 ---
 layout: default
-title: index
+title: home
 ---
 
       <img src="img/queen.gif" id="queen">