diff --git a/web/index.html b/web/index.html
index 1f62b5a..5714047 100644
--- a/web/index.html
+++ b/web/index.html
@@ -22,9 +22,51 @@
 
 <p>Console is an oracle; an emotional First Aid Kit that helps you help yourself. Console invites you to open the box and discover ways of healing. Console provides shelter for your dreams, memories and worries. Face the past and encounter your fortune. Console gives you a new vantage point; a set of rituals and practices that help you cope and care. Console asks everyday questions that give magical answers. Are you ready to play?</p>
 
-<p>XPUB is the Master of Arts in Fine Art and Design: Experimental Publishing of the Piet Zwart Institute. XPUB focuses on the acts of making things public and creating publics in the age of post-digital networks.</p>
+<div class="dropdown">
+  <button class="dropbtn">Games</button>
+  <div class="dropdown-content">
+    <a href="/introduction/">Introduction</a>
+    <a href="/doc-rituals-games/">Games and Rituals, Kick off sessions</a>
+    <a href="/event/">Event</a>
+    <a href="/doc-monday-rituals/">Monday Morning Rituals</a>
+    <a href="/click_aglaia/">Click-Click</a>
+    <a href="/fruitual/">Fruitual (fruit + ritual)</a>
+    <a href="/gossip-on-gossip/">Some Gossip on Gossip</a>
+    <a href="/historyoftarot/">History of Tarot</a>
+    <a href="/holograms/">Holographic Oracle Deck</a>
+    <a href="/long_time/">Long Time</a>
+    <a href="/pacifist-fortnite/">Pacifist Fortnite</a>
+    <a href="/papa-louie/">Papa Louie’s Ghosteria</a>
+    <a href="/peace/">Peace</a>
+    <a href="/sims-mod/">Sims Mod</a>  
+    <a href="/superdeconstruction/">Super(de)construction</a>
+    <a href="/tetris_fantasies">Tetris Fantasies</a>
+    <a href="/wheel-manual/">The Wheel of Fortune</a>
+    <a href="/youtube_tarot/">Youtube Tarot</a>
+  </div>
+</div>
+
+<div class="dropdown">
+  <button class="dropbtn">Rituals</button>
+  <div class="dropdown-content">
+    <a href="/introduction/">Introduction</a>
+    <a href="/fiction_friction/">Fiction Friction</a>
+    <a href="/oracle/">Oracolotto</a>
+    <a href="/wheel-manual/">The Wheel of Fortune</a>
+    <a href="/worry-dolls/">The Legend of the Worry</a>
+  </div>
+</div>
+
+<div class="dropdown">
+  <button class="dropbtn">Colophns, SIXX License & Bibliography</button>
+  <div class="dropdown-content">
+    <a href="/bibliography/">Bibliography</a>
+    <a href="/license/">SIXX license</a></li>
+    <a href="/colophon2/">Colophon</a></li>
+  </div>
+</div>
 
-<ul>
+<!-- <ul>
     <li class="toc-title"><a href="/introduction/">Introduction</a></li>
     <br>
     <li class="toc-title"><a href="/doc-rituals-games/">Games and Rituals, Kick off sessions</a></li>
@@ -53,6 +95,9 @@
     <li class="toc-title"><a href="/bibliography/">Bibliography</a></li>
     <li class="toc-title"><a href="/license/">SIXX license</a></li>
     <li class="toc-title"><a href="/colophon2/">Colophon</a></li>
-</ul>
+</ul> -->
+
+<p>XPUB is the Master of Arts in Fine Art and Design: Experimental Publishing of the Piet Zwart Institute. XPUB focuses on the acts of making things public and creating publics in the age of post-digital networks.</p>
+
 </body>
 </html>
\ No newline at end of file