From c1c136630cf798b39a68aba92ef5d691339079c7 Mon Sep 17 00:00:00 2001
From: Marc Beninca <marc@beninca.link>
Date: Sat, 1 Jul 2023 00:10:24 +0200
Subject: [PATCH] mutate

---
 build.py | 89 ++++++++++++++++++++------------------------------------
 1 file changed, 32 insertions(+), 57 deletions(-)
diff --git a/build.py b/build.py
index bbc226b..ce442db 100755
--- a/build.py
+++ b/build.py
@@ -68,67 +68,42 @@ def main():
 </head><body onload="main()"><header>
 <!----------------------------------------------------------------------------->
 
-<input type="checkbox" id="dark" onclick="swap()" />
-<h1><a href="#home">Marc Beninca</a></h1>
+<h1>Marc Beninca</h1>
+<input type="checkbox" id="dark" onclick="swap()">Dark</input>
 
 <!----------------------------------------------------------------------------->
 </header><main>
 <!----------------------------------------------------------------------------->
-<section id="main">
-{nav('main')}
-{tabs['main']}
-</section>
-<!----------------------------------------------------------------------------->
-<section id="cv">
-{nav('cv')}
-{tabs['cv']}
-</section>
-<!----------------------------------------------------------------------------->
-<section id="git">
-{nav('git')}
-{tabs['git']}
-</section>
-<!----------------------------------------------------------------------------->
-<section id="health">
-{nav('health')}
-{tabs['health']}
-</section>
-<!----------------------------------------------------------------------------->
-<section id="id">
-{nav('id')}
-{tabs['id']}
-</section>
-<!----------------------------------------------------------------------------->
-<section id="lib">
-{nav('lib')}
-{tabs['lib']}
-</section>
-<!----------------------------------------------------------------------------->
-<section id="music">
-{nav('music')}
-{tabs['music']}
-</section>
-<!----------------------------------------------------------------------------->
-<section id="pubnix">
-{nav('pubnix')}
-{tabs['pubnix']}
-</section>
-<!----------------------------------------------------------------------------->
-<section id="thesis">
-{nav('thesis')}
-{tabs['thesis']}
-</section>
-<!----------------------------------------------------------------------------->
-<section id="vegan">
-{nav('vegan')}
-{tabs['vegan']}
-</section>
-<!----------------------------------------------------------------------------->
-<section id="others">
-{nav('others')}
-{tabs['others']}
-</section>
-<!----------------------------------------------------------------------------->
+
+<div class="tabs">
+    <input type="radio" onclick="update(id)"
+           name="tab" id="tab/my" />
+           <label for="tab/my">
+           <div><div class="tabs">
+               <input type="radio" onclick="update(id)"
+                      name="tab/my" id="tab/my/info" />
+                      <label for="tab/my/info">
+                      <div>{tabs['main']}</div>
+               <input type="radio" onclick="update(id)"
+                      name="tab/my" id="tab/my/id" />
+                      <label for="tab/my/id">
+                      <div>{tabs['id']}</div>
+           </div></div>
+    <input type="radio" onclick="update(id)"
+           name="tab" id="tab/music" />
+           <label for="tab/music">
+           <div>{tabs['music']}</div>
+</div>
+<!-- cv -->
+<!-- git -->
+<!-- health -->
+<!-- id -->
+<!-- lib -->
+<!-- pubnix -->
+<!-- thesis -->
+<!-- vegan -->
+<!-- others -->
+
 </main></body></html>
 '''
     css_file = os.path.join(css, 'index.css')
