From ee84c5701a0d2d01b391a8f6c649ef7cfb6f8097 Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Tue, 18 Feb 2025 16:37:05 +0100
Subject: [PATCH] wip

---
 img/{email.svg => mail.svg} |  0
 img/{phone.svg => tel.svg}  |  0
 index.html                  | 32 ++++++++++++++++++++------------
 style/main.css              | 10 +++++-----
 4 files changed, 25 insertions(+), 17 deletions(-)
 rename img/{email.svg => mail.svg} (100%)
 rename img/{phone.svg => tel.svg} (100%)

diff --git a/img/email.svg b/img/mail.svg
similarity index 100%
rename from img/email.svg
rename to img/mail.svg
diff --git a/img/phone.svg b/img/tel.svg
similarity index 100%
rename from img/phone.svg
rename to img/tel.svg
diff --git a/index.html b/index.html
index b397eed..38d74b3 100644
--- a/index.html
+++ b/index.html
@@ -32,10 +32,9 @@
 </div>
 <button id="theme"></button>
 </header>
+
 <section class="banner">
-<a href="vcard.vcf">
-<img class="big" id="vcard" src="img/vcard.svg" alt="Vcard QR code."></a>
-<div>
+<img class="big photo" src="img/photo.png" alt="Me in front of hex dumps.">
 <table><tbody>
 <tr>
 <th><a href="https://marc.beninca.link/cv/en">English</a></th>
@@ -48,27 +47,36 @@
 <td>C2</td>
 </tr>
 </tbody></table>
-</div>
-<img class="big photo" src="img/photo.png" alt="Me in front of hex dumps.">
+<p>Talence,<br>
+Bordeaux,<br>
+France</p>
 </section>
+
+</article>
+
+<section>
+<h2>Contact</h2>
+
+<section class="banner">
+<a href="vcard.vcf">
+<img class="big" id="vcard" src="img/vcard.svg" alt="Vcard QR code."></a>
 <table><tbody>
 <tr>
-<th>Phone</th>
-<td class="logo"><img class="logo" src="img/phone.svg" alt="Phone logo"></td>
+<th class="logo"><img class="logo" src="img/tel.svg" alt="Tel logo"></th>
 <td><span class="fa fa-plus"></span> 33 6 07 47 84 34</td>
 </tr>
 <tr>
-<th>Email</th>
-<td class="logo"><img class="logo" src="img/email.svg" alt="E-mail logo"></td>
+<th class="logo"><img class="logo" src="img/mail.svg" alt="Mail logo"></th>
 <td>cv <span class="fa fa-at"></span> marc.beninca.link</td>
 </tr>
 <tr>
-<th>Link</th>
-<td class="logo"><img class="logo" src="img/link.svg" alt="Link logo"></td>
+<th class="logo"><img class="logo" src="img/link.svg" alt="Link logo"></th>
 <td><a href="https://marc.beninca.link">marc.beninca.link</a></td>
 </tr>
 </tbody></table>
-</article>
+</section>
+
+</section>
 
 <section>
 <h2>Skills</h2>
diff --git a/style/main.css b/style/main.css
index d77bb7c..d8c2647 100644
--- a/style/main.css
+++ b/style/main.css
@@ -118,7 +118,7 @@ div.org {
 section.banner {
     align-items: center;
     display: flex;
-    justify-content: space-around;
+    justify-content: space-evenly;
 }
 .banner {
     margin-block-start: .5em;
@@ -176,6 +176,10 @@ li:nth-of-type(odd) {
     background: var(--item-odd-gradient);
 }
 
+.banner table {
+    margin-block-start: 0;
+    margin-inline: 0;
+}
 table {
     margin-inline: auto;
 }
@@ -199,10 +203,6 @@ ul {
     grid-template-columns: 1fr;
 }
 
-.banner div {
-    text-align: center;
-}
-
 .title, .duration.org {
     font-weight: bold;
 }