progress

build.py

@@ -81,28 +81,56 @@ def main():
            <label for="tab/my">My</label>
            <div><div class="tabs">
                <input type="radio" onclick="update(id)"
-                      name="tab/my" id="tab/my/info" />
+                      name="tab/my" id="tab/my/bio" />
-                      <label for="tab/my/info">Info</label>
+                      <label for="tab/my/bio">Bio</label>
-                      <div>{tabs['main']}</div>
+                      <div>{tabs['bio']}</div>
+               <input type="radio" onclick="update(id)"
+                      name="tab/my" id="tab/my/cv" />
+                      <label for="tab/my/cv">CV</label>
+                      <div>{tabs['cv']}</div>
+               <input type="radio" onclick="update(id)"
+                      name="tab/my" id="tab/my/git" />
+                      <label for="tab/my/git">Git</label>
+                      <div>{tabs['git']}</div>
                <input type="radio" onclick="update(id)"
                       name="tab/my" id="tab/my/id" />
                       <label for="tab/my/id">Identity</label>
                       <div>{tabs['id']}</div>
+               <input type="radio" onclick="update(id)"
+                      name="tab/my" id="tab/my/links" />
+                      <label for="tab/my/links">Links</label>
+                      <div>{tabs['links']}</div>
+               <input type="radio" onclick="update(id)"
+                      name="tab/my" id="tab/my/thesis" />
+                      <label for="tab/my/thesis">Thesis</label>
+                      <div>{tabs['thesis']}</div>
+               <input type="radio" onclick="update(id)"
+                      name="tab/my" id="tab/my/unsorted" />
+                      <label for="tab/my/unsorted">Unsorted</label>
+                      <div>{tabs['unsorted']}</div>
            </div></div>
+    <input type="radio" onclick="update(id)"
+           name="tab" id="tab/mirrors" />
+           <label for="tab/mirrors">Mirrors</label>
+           <div>{tabs['mirrors']}</div>
     <input type="radio" onclick="update(id)"
            name="tab" id="tab/music" />
            <label for="tab/music">Music</label>
            <div>{tabs['music']}</div>
+    <input type="radio" onclick="update(id)"
+           name="tab" id="tab/videos" />
+           <label for="tab/videos">Videos</label>
+           <div><div class="tabs">
+               <input type="radio" onclick="update(id)"
+                      name="tab/videos" id="tab/videos/health" />
+                      <label for="tab/videos/health">Health</label>
+                      <div>{tabs['health']}</div>
+               <input type="radio" onclick="update(id)"
+                      name="tab/videos" id="tab/videos/vegan" />
+                      <label for="tab/videos/vegan">Vegan</label>
+                      <div>{tabs['vegan']}</div>
+           </div></div>
 </div>
-<!-- cv -->
-<!-- git -->
-<!-- health -->
-<!-- id -->
-<!-- lib -->
-<!-- pubnix -->
-<!-- thesis -->
-<!-- vegan -->
-<!-- others -->
 
 </main></body></html>
 '''
@@ -187,6 +215,19 @@ border-radius: 1em;
 height: 8em;
 }}
 
+.cards {{
+display: flex;
+}}
+.card {{
+list-style: none;
+margin: 0 1em;
+text-align: center;
+}}
+.card img {{
+border: none;
+height: 4em;
+}}
+
 /*******************************************************************************
 
 header  {{ background: #800000; }}
@@ -264,19 +305,6 @@ border: 1px solid;
 border-color: rgb(192,192,192);
 text-align: center;
 }}
-
-.cards {{
-display: flex;
-}}
-.card {{
-list-style: none;
-margin: 0 1em;
-text-align: center;
-}}
-.card img {{
-border: none;
-height: 4em;
-}}
 '''
     js_file = os.path.join(js, 'index.js')
     js_text = f'''\
@@ -307,7 +335,7 @@ function main() {{
     if (tab) {{
         check(tab)
     }} else {{
-        tab = '1/1'
+        tab = 'my/bio'
         check(tab)
         push(tab)
     }}
@@ -332,7 +360,7 @@ function swap() {{
 
 tabs = {
 #⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅
-    'main': f'''\
+    'bio': f'''\
 <img src="img/marc.jpeg" />
 <ul class="cards">
 <li class="card"><a href="https://linkedin.com/in/marc-beninca">
@@ -497,7 +525,7 @@ tabs = {
 </table>
 ''',
 #⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅
-    'lib': f'''\
+    'links': f'''\
 <ul>
 <li><a href="https://marc-beninca.8b.io">8bio</a></li>
 <li><a href="https://allmylinks.com/marc-beninca">AllMyLinks</a></li>
@@ -537,25 +565,7 @@ tabs = {
 </ul>
 ''',
 #⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅
-    'music': f'''\
+    'mirrors': f'''\
-<ul>
-<li><a href="https://www.youtube.com/@Daniellabjarnhof/videos">Daniella Bjarnhof</a></li>
-<li><a href="https://www.youtube.com/@DJGroove/videos">DJ Groove</a></li>
-<li><a href="https://www.youtube.com/@flavourtrip/videos">Flavour Trip</a></li>
-<li><a href="https://www.youtube.com/@garsimusic/videos">Garsi</a></li>
-<li><a href="https://www.youtube.com/@jabig/videos">Ja Big</a></li>
-<li><a href="https://www.youtube.com/@johnny_m/videos">Johnny M (GR)</a></li>
-<li><a href="https://www.youtube.com/@johnnymgrchannelc3145/videos">Johnny M (GR) (Channel C')</a></li>
-<li><a href="https://www.youtube.com/@djmissmonique/videos">Miss Monique</a></li>
-<li><a href="https://www.youtube.com/@DJRaphaelPPRV/videos">Raphael</a></li>
-</ul>
-<hr />
-<ul>
-<li><a href="http://radio.garden/visit/pessac">Garden</a></li>
-</ul>
-''',
-#⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅
-    'pubnix': f'''\
 <ul>
 <!--<li><a href="https://aussies.space/~mspe">aussies.space</a></li>-->
 <li><a href="https://mspe.u.blinkenshell.org">blinkenshell.org</a></li>
@@ -592,6 +602,24 @@ tabs = {
 <li><a href="https://mspe.hextilde.xyz">hextilde.xyz</a></li>
 </ul>
 ''',
+#⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅
+    'music': f'''\
+<ul>
+<li><a href="https://www.youtube.com/@Daniellabjarnhof/videos">Daniella Bjarnhof</a></li>
+<li><a href="https://www.youtube.com/@DJGroove/videos">DJ Groove</a></li>
+<li><a href="https://www.youtube.com/@flavourtrip/videos">Flavour Trip</a></li>
+<li><a href="https://www.youtube.com/@garsimusic/videos">Garsi</a></li>
+<li><a href="https://www.youtube.com/@jabig/videos">Ja Big</a></li>
+<li><a href="https://www.youtube.com/@johnny_m/videos">Johnny M (GR)</a></li>
+<li><a href="https://www.youtube.com/@johnnymgrchannelc3145/videos">Johnny M (GR) (Channel C')</a></li>
+<li><a href="https://www.youtube.com/@djmissmonique/videos">Miss Monique</a></li>
+<li><a href="https://www.youtube.com/@DJRaphaelPPRV/videos">Raphael</a></li>
+</ul>
+<hr />
+<ul>
+<li><a href="http://radio.garden/visit/pessac">Garden</a></li>
+</ul>
+''',
 #⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅
     'thesis': f'''\
 <ul>
@@ -625,7 +653,7 @@ tabs = {
 </ul>
 ''',
 #⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅
-    'others': f'''\
+    'unsorted': f'''\
 <ul>
 <li><a href="https://bsky.app/profile/marc-beninca.bsky.social">Blue Sky</a></li>
 <li><a href="https://buymeacoffee.com/marc.beninca">Buy Me A Coffee</a></li>