From 1e7d7307f1579248dfac9b47312373c977cffa79 Mon Sep 17 00:00:00 2001
From: Marc Beninca <marc@beninca.link>
Date: Tue, 22 Nov 2022 13:48:14 +0100
Subject: [PATCH] transformation,cohost

---
 index.html | 129 +++++++++++++++++++++++++++++++++++------------------
 1 file changed, 86 insertions(+), 43 deletions(-)
diff --git a/index.html b/index.html
index 4aadc5d..7a08d6d 100644
--- a/index.html
+++ b/index.html
@@ -1,30 +1,47 @@
 <!DOCTYPE html><html><head>
+<!----------------------------------------------------------------------------->
 
-<meta charset="UTF-8">
-<meta name="flattr:id" content="z3d26l">
-<link rel="stylesheet" href="index.css">
+<meta charset="UTF-8" />
+<meta name="flattr:id" content="z3d26l" />
+<link rel="stylesheet" href="index.css" />
 <title>Marc Beninca</title>
 
-</head><body>
+<!----------------------------------------------------------------------------->
+</head><body><header>
+<!----------------------------------------------------------------------------->
+
+<h1><a href="#home">Marc Beninca</a></h1>
 
 <!----------------------------------------------------------------------------->
-<header>
+</header><main>
+<!----------------------------------------------------------------------------->
+
+<section id="home">
+
+<nav>
+<a href="#id">Identity</a>
+<a href="#tilde">~</a>
+<a href="#ed">Education</a>
+<a href="#lib">LinkInBio</a>
+<a href="#cc">Crypto</a>
+</nav>
+
+</section>
+
+<!----------------------------------------------------------------------------->
+
+<section id="id">
+
+<nav>
+<a class="active" href="#id">Identity</a>
+<a href="#tilde">~</a>
+<a href="#ed">Education</a>
+<a href="#lib">LinkInBio</a>
+<a href="#cc">Crypto</a>
+</nav>
 
 <img src="marc.jpeg" />
 
-<h1><a href="https://marc.beninca.link">Marc Beninca</a></h1>
-
-</header>
-<!----------------------------------------------------------------------------->
-<main>
-
-<div class="tabs">
-
-<div class="tab">
-<input type="radio" name="tabs" id="id" checked />
-<label for="id">Identity</label>
-<div class="tab_content">
-
 <ul>
 <li><a href="https://linkedin.com/in/marc-beninca">LinkedIn</a></li>
 </ul>
@@ -109,6 +126,7 @@
 </table>
 
 <ul>
+<li><a href="https://cohost.org/marc-beninca">CoHost</a></li>
 <li><a href="https://dev.to/marc_beninca">Dev</a></li>
 <li><a href="https://diaspora-fr.org/people/00f4f8e04b11013b46b20025900e4586">Diaspora</a></li>
 <li><a href="https://dlive.tv/marc.beninca">Dlive</a></li>
@@ -137,12 +155,19 @@
 <li>Gforge</li>
 </ul>
 
-</div></div>
+</section>
 
-<div class="tab">
-<input type="radio" name="tabs" id="tilde" />
-<label for="tilde">~</label>
-<div class="tab_content">
+<!----------------------------------------------------------------------------->
+
+<section id="tilde">
+
+<nav>
+<a href="#id">Identity</a>
+<a class="active" href="#tilde">~</a>
+<a href="#ed">Education</a>
+<a href="#lib">LinkInBio</a>
+<a href="#cc">Crypto</a>
+</nav>
 
 <ul>
 <li><a href="https://aussies.space/~mspe">aussies.space</a></li>
@@ -172,23 +197,37 @@
 <li><a href="https://mspe.vern.cc">vern.cc</a></li>
 </ul>
 
-</div></div>
+</section>
 
-<div class="tab">
-<input type="radio" name="tabs" id="ed" />
-<label for="ed">Education</label>
-<div class="tab_content">
+<!----------------------------------------------------------------------------->
+
+<section id="ed">
+
+<nav>
+<a href="#id">Identity</a>
+<a href="#tilde">~</a>
+<a class="active" href="#ed">Education</a>
+<a href="#lib">LinkInBio</a>
+<a href="#cc">Crypto</a>
+</nav>
 
 <ul>
 <li><a href="https://cnam.marc.beninca.link">CNAM</a></li>
 </ul>
 
-</div></div>
+</section>
 
-<div class="tab">
-<input type="radio" name="tabs" id="lib" />
-<label for="lib">LinkInBio</label>
-<div class="tab_content">
+<!----------------------------------------------------------------------------->
+
+<section id="lib">
+
+<nav>
+<a href="#id">Identity</a>
+<a href="#tilde">~</a>
+<a href="#ed">Education</a>
+<a class="active" href="#lib">LinkInBio</a>
+<a href="#cc">Crypto</a>
+</nav>
 
 <ul>
 <li><a href="https://beacons.ai/marc.beninca">Beacons</a></li>
@@ -210,12 +249,19 @@
 <li><a href="https://znap.link/marc.beninca">ZnapLink</a></li>
 </ul>
 
-</div></div>
+</section>
 
-<div class="tab">
-<input type="radio" name="tabs" id="cc" />
-<label for="cc">Crypto</label>
-<div class="tab_content">
+<!----------------------------------------------------------------------------->
+
+<section id="cc">
+
+<nav>
+<a href="#id">Identity</a>
+<a href="#tilde">~</a>
+<a href="#ed">Education</a>
+<a href="#lib">LinkInBio</a>
+<a class="active" href="#cc">Crypto</a>
+</nav>
 
 <ul>
 <li><a href="cc/ont">Ontology</a></li>
@@ -254,10 +300,7 @@
 <li><a href="cc/ark">Ark</a></li>
 </ul>
 
-</div></div>
+</section>
 
-</main>
 <!----------------------------------------------------------------------------->
-
-</body>
-</html>
+</main></body></html>
