From 9371c992c8b8de848ab7e3adb7b37a004d7890c7 Mon Sep 17 00:00:00 2001
From: Marc Beninca <marc@beninca.link>
Date: Thu, 9 Jun 2022 16:47:30 +0200
Subject: [PATCH] test

---
 index.css  | 27 +++++++++++++++++++++++++++
 index.html | 20 ++++++++++++++++++++
 2 files changed, 47 insertions(+)

diff --git a/index.css b/index.css
index 5f4cfce..0bf495c 100644
--- a/index.css
+++ b/index.css
@@ -7,6 +7,33 @@ background: rgb(0,0,0);
 color: rgb(160,160,160);
 font-family: sans;
 }
+
+.tabs {
+position: relative;
+}
+.tab {
+float: left;
+}
+.tab input {
+display: none;
+}
+.tab label {
+background: rgb(128,0,128);
+cursor: pointer;
+text-decoration: underline;
+}
+.tab_content {
+display: none;
+left: 0;
+position: absolute;
+}
+input:checked ~ label {
+background: rgb(128,128,0);
+}
+input:checked ~ label ~ .tab_content {
+display: block;
+}
+
 a {
 color: rgb(0,192,192);
 }
diff --git a/index.html b/index.html
index f490805..ea5e6a2 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,26 @@
 
 <h1><a href="https://marc.beninca.link">Marc Beninca</a></h1>
 
+<div class="tabs">
+
+<div class="tab">
+<input type="radio" name="tabs" id="id" checked />
+<label for="id">Identity</label>
+<div class="tab_content">
+Content1
+</div></div>
+
+<div class="tab">
+<input type="radio" name="tabs" id="tilde" />
+<label for="tilde">~</label>
+<div class="tab_content">
+Content2
+</div></div>
+
+</div>
+
+<br><br>
+
 <ul>
 <li><a href="https://linkedin.com/in/marc-beninca">LinkedIn</a></li>
 </ul>