From b40aeec804b3c715a1e41b3d1daf235dfcf981d1 Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Tue, 11 Feb 2025 22:42:57 +0100
Subject: [PATCH] wip

---
 index.html       | 100 ++++++++++++++++++++++++++++++++++++++++-------
 styles/light.css |   4 ++
 2 files changed, 89 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 0387db8..2c6ca38 100644
--- a/index.html
+++ b/index.html
@@ -21,40 +21,110 @@
 
 <aside>
 
-<img class="photo" src="" alt="Me in front">
-
-<p>Marc Beninca</p>
-
-<section>Contact
-<table>
-<tr>
-<td>E-mail</td>
+<header>
+<img class="photo" src="images/marc.png" alt="Me in front of hex dumps.">
+<h1>Marc Beninca</h1>
+<table><tbody><tr>
+<th>E-mail</th>
 <td>cv<img class="inline" src="images/at.svg" alt="at">marc.beninca.link</td>
+</tr><tr>
+<th>Mobile</th>
+<td>+33 6 07 47 84 34</td>
+</tr></tbody></table>
+</header>
+
+<section>
+<h2>Link</h2>
+
+<h3>Proprietary</h3>
+<table>
+<tbody>
+<tr>
+<th>LinkedIn</th>
+<td><img src="images/linkedin" alt="LinkedIn logo"></td>
+<td><a href="https://linkedin.com/in/marc-beninca">marc-beninca</a></td>
 </tr>
 <tr>
-<td>Mobile</td>
-<td>+33 6 07 47 84 34</td>
+<th>YouTube</th>
+<td><img src="images/youtube" alt="YouTube logo"></td>
+<td><a href="https://youtube.com/@marc.beninca">marc.beninca</a></td>
 </tr>
+</tbody>
 </table>
-</section>
 
-<ul>
-<li><a href="https://linkedin.com/in/marc-beninca">Forge</a></li>
-<li><a href="https://forge.rwx.work">Forge</a></li>
-</ul>
+<h3>Open</h3>
+<table>
+<tbody>
+<tr>
+<th>BlueSky</th>
+<td><img src="images/bluesky" alt="BlueSky logo"></td>
+<td><a href="https://bsky.app/profile/marc.beninca.link">marc.beninca.link</a></td>
+</tr>
+<tr>
+<th rowspan="2">KeyOxide</th>
+<td rowspan="2"><img src="images/keyoxide" alt="KeyOxide logo"></td>
+<td><a href="https://keyoxide.org/aspe:keyoxide.org:WUD5YVN52J3RJ6CD4ZCWYL6S54">ASP</a></td>
+</tr>
+<tr>
+<td><a href="https://keyoxide.org/08EDA7006234A0EB29A3A8471DBD5EC4BADA5579">OpenPGP</a></td>
+</tr>
+</tbody>
+</table>
+
+<h3>Personal</h3>
+<table>
+<tbody>
+<tr>
+<th>Git</th>
+<td><img src="images/forgejo" alt="ForgeJo logo"></td>
+<td><a href="https://forge.rwx.work/marc.beninca">marc.beninca</a></td>
+</tr>
+<tr>
+<th>Web</th>
+<td><img src="images/web" alt="Web logo"></td>
+<td><a href="https://marc.beninca.link">marc.beninca.link</a></td>
+</tr>
+</tbody>
+</table>
+
+</section>
 
 </aside>
 
 <main>
 
+<header>
 <h1>System/Software Architect</h1>
+</header>
 
 <section>
 <h2>Experience</h2>
+
+<h3>DIRISI</h3>
+
+<p>MQ</p>
+<p>AS</p>
+<p>Innov</p>
+
+<h3>AAE</h3>
+
+<p>Forge</p>
+<p>MELISSA NG</p>
+
+<p>Eva</p>
+<p>MELISSA</p>
+
 </section>
 
 <section>
 <h2>Education</h2>
+
+<h3>EICNAM</h3>
+IRSM
+
+<h3>CNAM</h3>
+CAI
+
 </section>
 
 </main>
diff --git a/styles/light.css b/styles/light.css
index fdb92d7..6e4304c 100644
--- a/styles/light.css
+++ b/styles/light.css
@@ -12,6 +12,10 @@ img.inline {
     grid-template-columns: 1fr;
 }
 
+.photo {
+block-size: 4em;
+}
+
 @media (width > 80ch) {
     .columns { grid-template-columns: 2fr 1fr; }
     aside { order: 2; }