From eda5a8acfcce2f0bf48a34c1ac926f77b927595c Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Tue, 11 Feb 2025 23:12:14 +0100
Subject: [PATCH] skill

---
 index.html       | 12 +++++++++++-
 styles/light.css | 22 ++++++++++++++++++----
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 2c6ca38..57df0b0 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,10 @@
 <aside>
 
 <header>
-<img class="photo" src="images/marc.png" alt="Me in front of hex dumps.">
+<section class="images">
+<img class="big" src="images/marc.png" alt="VCF QR code.">
+<img class="big" src="images/marc.png" alt="Me in front of hex dumps.">
+</section>
 <h1>Marc Beninca</h1>
 <table><tbody><tr>
 <th>E-mail</th>
@@ -33,6 +36,13 @@
 </tr></tbody></table>
 </header>
 
+<section>
+<h2>Skills</h2>
+<ul>
+<li>build Debian images w/o installer</li>
+</ul>
+</section>
+
 <section>
 <h2>Link</h2>
 
diff --git a/styles/light.css b/styles/light.css
index 6e4304c..e4167c3 100644
--- a/styles/light.css
+++ b/styles/light.css
@@ -2,6 +2,24 @@ html {
     font-family: DejaVu Sans Mono, monospace;
 }
 
+section.images {
+display: flex;
+justify-content: space-around;
+}
+
+h1 { font-size: 1.5rem; }
+h2 { font-size: 1.4rem; }
+h3 { font-size: 1.3rem; }
+h4 { font-size: 1.2rem; }
+h5 { font-size: 1.1rem; }
+h6 { font-size: 1.0rem; }
+h1, h2, h3, h4, h5, h6 {
+margin-block: .5em;
+}
+
+img.big {
+block-size: 4em;
+}
 img.inline {
     block-size: 1.5em;
     vertical-align: middle;
@@ -12,10 +30,6 @@ img.inline {
     grid-template-columns: 1fr;
 }
 
-.photo {
-block-size: 4em;
-}
-
 @media (width > 80ch) {
     .columns { grid-template-columns: 2fr 1fr; }
     aside { order: 2; }