From c36a2e4b6e75e0c78357b94b6e5a4faa26e1aaa9 Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Sun, 16 Feb 2025 17:02:16 +0100
Subject: [PATCH] fixes

---
 index.html      | 29 +++++++++++++----------------
 style/light.css | 10 ++++++----
 2 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index 95a49d6..2647e0b 100644
--- a/index.html
+++ b/index.html
@@ -20,34 +20,33 @@
 
 <aside>
 
-<header>
-
-<section class="banner">
-<img class="big" src="img/vcf.svg" alt="VCF QR code.">
-<div>
-<h1>Marc Beninca</h1>
-<p class="sub">
+<article class="org"><header class="org">
+<div class="position">
+<h1 class="title">Marc Beninca</h1>
+<p class="sub">@
 <a href="https://www.openstreetmap.org/?query=Bordeaux">Bordeaux</a>,
 <a href="https://www.openstreetmap.org/?query=Metropolitan%20France">France</a>
 </p>
-<table class="sub"><tbody>
+</div>
+</header>
+<section class="banner">
+<img class="big" src="img/vcf.svg" alt="VCF QR code.">
+<div>
+<table><tbody>
 <tr>
 <th><a href="https://marc.beninca.link/cv/en">English</a></th>
 <td class="logo"><img class="logo" src="img/en.png" alt="American flag"></td>
-<td>C 2</td>
+<td>C2</td>
 </tr>
 <tr>
 <th><a href="https://marc.beninca.link/cv/fr">French</a></th>
 <td class="logo"><img class="logo" src="img/fr.png" alt="French flag"></td>
-<td>C 2</td>
+<td>C2</td>
 </tr>
 </tbody></table>
 </div>
 <img class="big" src="img/marc.png" alt="Me in front of hex dumps.">
 </section>
-
-<section>
-<h2>Contact</h2>
 <table><tbody>
 <tr>
 <th>Link</th>
@@ -65,9 +64,7 @@
 <td>+33 6 07 47 84 34</td>
 </tr>
 </tbody></table>
-</section>
-
-</header>
+</article>
 
 <section>
 <h2>Skills</h2>
diff --git a/style/light.css b/style/light.css
index 960b41a..68bdc99 100644
--- a/style/light.css
+++ b/style/light.css
@@ -17,6 +17,8 @@ body {
 article.org, header {
     border-radius: .25em;
     padding-block: .25em;
+}
+header {
     padding-inline: .5em;
 }
 header.org {
@@ -33,6 +35,7 @@ div.org {
 }
 
 section.banner {
+    align-items: center;
     display: flex;
     justify-content: space-between;
 }
@@ -40,13 +43,12 @@ section.banner {
 h1 { font-size: 1.15rem; }
 h2 { font-size: 1.10rem; }
 h3 { font-size: 1.05rem; }
-h2, h3 {
+h1, h2, h3 {
     border-radius: .25em;
-    margin-block-start: .5em;
-    margin-inline: .125em;
 }
 h2 {
     background-color: #ccf;
+    margin-block: .25em;
     padding-block: .5em;
     text-align: center;
 }
@@ -56,7 +58,7 @@ h3 {
 }
 
 img.big {
-    block-size: 4em;
+    block-size: 5em;
 }
 img.inline {
     block-size: 1.5em;