diff --git a/_includes/nav.html b/_includes/nav.html
index 894de43..a41e035 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -6,9 +6,11 @@
       <p><a href="https://letterboxd.com/beppev/">letterboxd</a></p>
       <p><a href="https://myanimelist.net/profile/BeppeV">myanimelist</a></p>
       <p><a href="https://git.beppe.online/beppe">gitea</a></p>
+      <a href="#" onclick="toggle(1);" >blogposts</a>
+      <ul class="submenu">
       {% for post in site.posts %}
-      <p><a href="{{ post.url }}">{{ post.title }}</a></p>
+      <li><a href="{{ post.url }}">{{ post.title }}</a></li>
       {% endfor %}
-
+      </ul>
     </div>
 
diff --git a/_layouts/.default.html.swo b/_layouts/.default.html.swo
index 100e3e2..b9d0c72 100644
Binary files a/_layouts/.default.html.swo and b/_layouts/.default.html.swo differ
diff --git a/_layouts/default.html b/_layouts/default.html
index cce64a5..7dc411a 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -4,6 +4,7 @@
     <meta name="viewport" content="width=device-width">
     <meta charset="utf-8">
     <link rel="stylesheet" href="css/main.css">
+    <script src="js/main.js"></script>
     <title>{{ page.title }}</title>
   </head>
   <body>
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..fdcc889
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,7 @@
+---
+layout: default
+---
+<h1>{{ page.title }}</h1>
+<p>{{ page.date | date_to_string }} - {{ page.author }}</p>
+
+{{ content }}
diff --git a/js/main.js b/js/main.js
new file mode 100644
index 0000000..11dafc8
--- /dev/null
+++ b/js/main.js
@@ -0,0 +1,11 @@
+function toggle(n) {
+    var menus = document.getElementsByClassName("submenu");
+    for(var i=0;i<menus.length;i++){
+        if((i == (n-1)) && (menus[i].style.display != "block")){
+            menus[i].style.display = "block";
+        }else{
+            menus[i].style.display = "none";
+        }
+    } 
+};
+
