From 0288bb35772210b2f1633aecdb43eb802c77d989 Mon Sep 17 00:00:00 2001
From: Solene Rapenne <solene@perso.pw>
Date: Mon, 4 Oct 2021 20:04:55 +0200
Subject: [PATCH] fix semantic html madness

---
 issues/_common/footer                |  1 -
 issues/_common/header                |  2 +-
 issues/_index/00_METADATA.html       |  7 +------
 issues/_template/00_METADATA.html    |  3 +--
 issues/_template/10_HEADLINES.html   |  2 +-
 issues/_template/15_JOBS.html        |  3 +--
 issues/_template/20_CURRENT.html     |  2 +-
 issues/_template/30_STABLE.html      |  2 +-
 issues/_template/40_INTERVIEW.html   |  2 +-
 issues/_template/50_TIPS.html        |  2 +-
 issues/_template/60_COMMENTS.html    |  2 +-
 issues/_template/70_LINKS.html       |  2 +-
 issues/_template/80_ARTWORK.html     | 13 ++++++-------
 issues/_template/90_SOCIALMEDIA.html |  2 +-
 issues/_template/91_QUOTES.html      |  6 +++---
 issues/issue-1/00_METADATA.html      |  5 ++---
 issues/issue-1/10_HEADLINES.html     |  2 +-
 issues/issue-1/20_CURRENT.html       |  2 +-
 issues/issue-1/30_STABLE.html        |  2 +-
 issues/issue-1/40_INTERVIEW.html     |  4 ++--
 issues/issue-1/50_TIPS.html          |  2 +-
 issues/issue-1/60_COMMENTS.html      |  2 +-
 issues/issue-1/70_LINKS.html         |  8 ++++----
 issues/issue-1/80_ARTWORK.html       |  6 +++---
 issues/issue-1/90_SOCIALMEDIA.html   |  4 ++--
 issues/issue-1/91_QUOTES.html        |  6 +++---
 26 files changed, 42 insertions(+), 52 deletions(-)

diff --git a/issues/_common/footer b/issues/_common/footer
index 845a0fc..000b18e 100644
--- a/issues/_common/footer
+++ b/issues/_common/footer
@@ -1,4 +1,3 @@
-        </section>
         </main>
         <footer>
             <hr />
diff --git a/issues/_common/header b/issues/_common/header
index 92f5445..d00ff89 100644
--- a/issues/_common/header
+++ b/issues/_common/header
@@ -13,7 +13,7 @@
         <meta property="og:image" content="https://webzine.puffy.cafe/images/logo.png" />
         <meta property="og:type" content="website" />
         <meta property="og:locale" content="en_EN" />
-        <title>OpenBSD_WEBZINE_ISSUE #__ISSUE__</title>
+        <title>OpenBSD Webzine #__ISSUE__</title>
         <style>
 
 #title {
diff --git a/issues/_index/00_METADATA.html b/issues/_index/00_METADATA.html
index 409dd4b..d620066 100644
--- a/issues/_index/00_METADATA.html
+++ b/issues/_index/00_METADATA.html
@@ -1,12 +1,7 @@
 <header>
 <h1 id="title"><a href="https://webzine.puffy.cafe">OpenBSD Webzine</a></h1>
 <div id="banner">
-    <p>
-		<span aria-hidden="true">☕</span>
-		<em>Your tasty dose of OpenBSD news</em>
-		<span aria-hidden="true">☕</span>
-	</p>
+    <p><span aria-hidden="true">☕</span><em>Your tasty dose of OpenBSD news</em><span aria-hidden="true">☕</span></p>
 </div>
 </header>
 <main>
-<section>
diff --git a/issues/_template/00_METADATA.html b/issues/_template/00_METADATA.html
index b779c08..9dc663f 100644
--- a/issues/_template/00_METADATA.html
+++ b/issues/_template/00_METADATA.html
@@ -1,9 +1,8 @@
 <header>
-<h1 id="title"><a href="https://webzine.puffy.cafe">OpenBSD Webzine</a></h1>
+<h2 id="title"><a href="https://webzine.puffy.cafe">OpenBSD Webzine</a></h2>
 <div id="banner">
     <p>ISSUE #__ISSUE__</p>
     <p><time datetime="__DATETIME__">__HUMAN_DATE__</time></p>
 </div>
 </header>
 <main>
-<section>
diff --git a/issues/_template/10_HEADLINES.html b/issues/_template/10_HEADLINES.html
index a174991..661f559 100644
--- a/issues/_template/10_HEADLINES.html
+++ b/issues/_template/10_HEADLINES.html
@@ -1,5 +1,5 @@
 <article id="headlines">
-<h1>TL;DR</h1>
+<h2>TL;DR</h2>
 <ul>
     <li>OpenBSD 7.0 release very soon</li>
 </ul>
diff --git a/issues/_template/15_JOBS.html b/issues/_template/15_JOBS.html
index 8d2ccd7..175342e 100644
--- a/issues/_template/15_JOBS.html
+++ b/issues/_template/15_JOBS.html
@@ -1,10 +1,9 @@
-<!-- SECTION -->
 <!--
 <article id="jobs">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Job offers</h1>
 <ul>
-    <li><a href=""></a></li>
+    <li><a class="permalink" href=""></a></li>
 </ul>
 </article>
 -->
diff --git a/issues/_template/20_CURRENT.html b/issues/_template/20_CURRENT.html
index f1c540a..a45ce4e 100644
--- a/issues/_template/20_CURRENT.html
+++ b/issues/_template/20_CURRENT.html
@@ -1,6 +1,6 @@
 <article id="current">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Recent -current changes</h1>
+<h2>Recent -current changes</h2>
 <ul>
     <li></li>
 </ul>
diff --git a/issues/_template/30_STABLE.html b/issues/_template/30_STABLE.html
index dd845be..8a2adad 100644
--- a/issues/_template/30_STABLE.html
+++ b/issues/_template/30_STABLE.html
@@ -1,6 +1,6 @@
 <article id="stable">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>6.9-stable changes</h1>
+<h2>6.9-stable changes</h2>
 <ul>
     <li></li>
 </ul>
diff --git a/issues/_template/40_INTERVIEW.html b/issues/_template/40_INTERVIEW.html
index 7fb3448..6d3b947 100644
--- a/issues/_template/40_INTERVIEW.html
+++ b/issues/_template/40_INTERVIEW.html
@@ -1,5 +1,5 @@
 <article id="interview">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Interview</h1>
+<h2>Interview</h2>
 <p>…</p>
 </article>
diff --git a/issues/_template/50_TIPS.html b/issues/_template/50_TIPS.html
index 4d0d1a8..f7ee47d 100644
--- a/issues/_template/50_TIPS.html
+++ b/issues/_template/50_TIPS.html
@@ -1,6 +1,6 @@
 <article id="tips">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Shell tips</h1>
+<h2>Shell tips</h2>
 <p>
 </p>
 </article>
diff --git a/issues/_template/60_COMMENTS.html b/issues/_template/60_COMMENTS.html
index 564693c..b100f71 100644
--- a/issues/_template/60_COMMENTS.html
+++ b/issues/_template/60_COMMENTS.html
@@ -1,6 +1,6 @@
 <article id="comments">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Reader comments</h1>
+<h2>Reader comments</h2>
 <p>
     <em>Message received from XXX: </em>
     <quote>blabla.</quote>
diff --git a/issues/_template/70_LINKS.html b/issues/_template/70_LINKS.html
index c56e33c..83c8f6c 100644
--- a/issues/_template/70_LINKS.html
+++ b/issues/_template/70_LINKS.html
@@ -1,6 +1,6 @@
 <article id="links">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Going further</h1>
+<h2>Going further</h2>
 <ul>
     <li><a class="permalink" href=""></a></li>
 </ul>
diff --git a/issues/_template/80_ARTWORK.html b/issues/_template/80_ARTWORK.html
index 8f98484..9be1e50 100644
--- a/issues/_template/80_ARTWORK.html
+++ b/issues/_template/80_ARTWORK.html
@@ -1,16 +1,15 @@
-<!-- section commented --
+<!-- section commented
 <article id="artwork">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Artworks of the moment</h1>
+<h2>Artworks of the moment</h2>
 <figure>
-    <a href="static/images/puffer_city_original.jpg"
+    <a href="static/images/puffer_city_original.jpg">
     <picture>
-    <img src="static/images/puffer_city_small.jpg"
-         alt="A drawing featuring a city viewed from some altitude with many characters looking like OpenBSD mascot."
-         width="100%" />
+        <img src="static/images/puffer_city_small.jpg"
+         alt="A drawing featuring a city viewed from some altitude with many characters looking like OpenBSD mascot." />
     </picture>
     </a>
     <figcaption>MASCOT</figcaption>
 </figure>
 </article>
--- END HTML Comment -->
+END HTML Comment -->
diff --git a/issues/_template/90_SOCIALMEDIA.html b/issues/_template/90_SOCIALMEDIA.html
index 3694478..9dd86f3 100644
--- a/issues/_template/90_SOCIALMEDIA.html
+++ b/issues/_template/90_SOCIALMEDIA.html
@@ -1,6 +1,6 @@
 <article id="socials">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>On social media</h1>
+<h2>On social media</h2>
 <ul>
     <li><a class="permalink" href=""></a></li>
 </ul>
diff --git a/issues/_template/91_QUOTES.html b/issues/_template/91_QUOTES.html
index a1b3cf9..d95011a 100644
--- a/issues/_template/91_QUOTES.html
+++ b/issues/_template/91_QUOTES.html
@@ -1,7 +1,7 @@
-<!-- section commented --
+<!-- section commented
 <article id="quotes">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Quote</h1>
+<h2>Quote</h2>
 
 <blockquote>
     glub
@@ -9,4 +9,4 @@
 </blockquote>
 
 </article>
--- END HTML Comment -->
+END HTML Comment -->
diff --git a/issues/issue-1/00_METADATA.html b/issues/issue-1/00_METADATA.html
index 6100669..8400d5e 100644
--- a/issues/issue-1/00_METADATA.html
+++ b/issues/issue-1/00_METADATA.html
@@ -1,9 +1,8 @@
 <header>
 <h1 id="title"><a href="https://webzine.puffy.cafe">OpenBSD Webzine</a></h1>
 <div id="banner">
-	<p>ISSUE #__ISSUE__</p>
-    <p><time datetime="__DATE__">__DATE__</time></p>
+    <p>ISSUE #__ISSUE__</p>
+    <p><time datetime="__DATETIME__">__HUMAN_DATE__</time></p>
 </div>
 </header>
 <main>
-<section>
diff --git a/issues/issue-1/10_HEADLINES.html b/issues/issue-1/10_HEADLINES.html
index ea15fca..b54eb2f 100644
--- a/issues/issue-1/10_HEADLINES.html
+++ b/issues/issue-1/10_HEADLINES.html
@@ -1,5 +1,5 @@
 <article id="headlines">
-<h1>TL;DR</h1>
+<h2>TL;DR</h2>
 <ul>
     <li>OpenBSD 7.0 release very soon</li>
     <li>LibreSSL problem with Let's Encrypt certificates</li>
diff --git a/issues/issue-1/20_CURRENT.html b/issues/issue-1/20_CURRENT.html
index c863466..7cb5ad2 100644
--- a/issues/issue-1/20_CURRENT.html
+++ b/issues/issue-1/20_CURRENT.html
@@ -1,6 +1,6 @@
 <article id="current">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Recent -current changes</h1>
+<h2>Recent -current changes</h2>
 <ul>
     <li>Base system repository has been locked and tagged 7.0 and development is now continuing.</li>
     <li>Ports tree is locked, meaning no ports changes are allowed to developers.</li>
diff --git a/issues/issue-1/30_STABLE.html b/issues/issue-1/30_STABLE.html
index b8b1bd4..9e5a7d9 100644
--- a/issues/issue-1/30_STABLE.html
+++ b/issues/issue-1/30_STABLE.html
@@ -1,6 +1,6 @@
 <article id="stable">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>6.9-stable changes</h1>
+<h2>6.9-stable changes</h2>
 <ul>
     <li>27 September 2021: Errata #16: sshd</li>
     <li>27 September 2021: Errata #17: libressl</li>
diff --git a/issues/issue-1/40_INTERVIEW.html b/issues/issue-1/40_INTERVIEW.html
index 1c330f8..ed0ca4d 100644
--- a/issues/issue-1/40_INTERVIEW.html
+++ b/issues/issue-1/40_INTERVIEW.html
@@ -1,8 +1,8 @@
-<!-- Commented Section --
+<!-- Commented Section
 <article id="interview">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h2>Interview</h2>
 <p>
 </p>
 </article>
--- END HTML Comment -->
+END HTML Comment -->
diff --git a/issues/issue-1/50_TIPS.html b/issues/issue-1/50_TIPS.html
index 7f5fd47..a2ec5a3 100644
--- a/issues/issue-1/50_TIPS.html
+++ b/issues/issue-1/50_TIPS.html
@@ -1,6 +1,6 @@
 <article id="tips">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Shell tips</h1>
+<h2>Shell tips</h2>
 <p>
  With the default shell ksh, you may have noticed typing
  <code>history</code> would only display the last 10 lines of the
diff --git a/issues/issue-1/60_COMMENTS.html b/issues/issue-1/60_COMMENTS.html
index ec1c01b..de6c6bd 100644
--- a/issues/issue-1/60_COMMENTS.html
+++ b/issues/issue-1/60_COMMENTS.html
@@ -1,6 +1,6 @@
 <article id="comments">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Reader comments</h1>
+<h2>Reader comments</h2>
 <p>I love the idea of a webzine! <cite>- many people after showing the Webzine mockup</cite></p>
 <p>Please, make an RSS feed! <cite>- anonymous</cite></p>
 </article>
diff --git a/issues/issue-1/70_LINKS.html b/issues/issue-1/70_LINKS.html
index 61da465..9d97737 100644
--- a/issues/issue-1/70_LINKS.html
+++ b/issues/issue-1/70_LINKS.html
@@ -1,12 +1,12 @@
 <article id="links">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Going further</h1>
+<h2>Going further</h2>
 <ul>
     <li><a class="permalink" href="https://twitter.com/openbsdnow">OpenBSD Now! Unofficial OpenBSD news, updates and thoughts</a></li>
     <li><a class="permalink" href="https://github.com/ligurio/awesome-openbsd">A curated list of awesome OpenBSD resources</a></li>
     <li>
-		<a class="permalink" href="https://www.openbsd.org/papers/eurobsdcon2021-espie-debug.pdf">Debug Packages in OpenBSD : Marc Espie - EuroBSDCon conference</a> - 
-		<a class="permalink" href="https://www.youtube.com/watch?v=pcHn4dl-K5c&list=PLskKNopggjc4dadqaCDmctW-swHPD49td&index=6">video</a>
-	</li>
+        <a class="permalink" href="https://www.openbsd.org/papers/eurobsdcon2021-espie-debug.pdf">Debug Packages in OpenBSD : Marc Espie - EuroBSDCon conference</a> -
+        <a class="permalink" href="https://www.youtube.com/watch?v=pcHn4dl-K5c&list=PLskKNopggjc4dadqaCDmctW-swHPD49td&index=6">video</a>
+    </li>
 </ul>
 </article>
diff --git a/issues/issue-1/80_ARTWORK.html b/issues/issue-1/80_ARTWORK.html
index b651282..60a82e5 100644
--- a/issues/issue-1/80_ARTWORK.html
+++ b/issues/issue-1/80_ARTWORK.html
@@ -1,15 +1,15 @@
 <article id="artwork">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Artworks of the moment</h1>
+<h2>Artworks of the moment</h2>
 <figure>
     <a href="images/puffy_city_original.jpg">
-		<picture>
+        <picture>
         <img src="images/puffy_city_small.jpg"
              alt="A drawing featuring a city viewed from some altitude with many characters looking like the OpenBSD mascot." />
         </picture>
     </a>
     <figcaption>
-		<p>Artwork originally found <a class="permalink" href="https://www.openbsd.org/artwork.html">here</a>.</p>
+        <p>Artwork originally found <a class="permalink" href="https://www.openbsd.org/artwork.html">here</a>.</p>
     </figcaption>
 </figure>
 </article>
diff --git a/issues/issue-1/90_SOCIALMEDIA.html b/issues/issue-1/90_SOCIALMEDIA.html
index 196c23e..8064c8d 100644
--- a/issues/issue-1/90_SOCIALMEDIA.html
+++ b/issues/issue-1/90_SOCIALMEDIA.html
@@ -1,4 +1,4 @@
-<!-- Commented Section --
+<!-- Commented Section
 <article id="socials">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h2>On social media</h2>
@@ -6,4 +6,4 @@
     <li><a href=""></a></li>
 </ul>
 </article>
--- END HTML Comment -->
+END HTML Comment -->
diff --git a/issues/issue-1/91_QUOTES.html b/issues/issue-1/91_QUOTES.html
index 592ebfe..d497d41 100644
--- a/issues/issue-1/91_QUOTES.html
+++ b/issues/issue-1/91_QUOTES.html
@@ -1,14 +1,14 @@
 <article id="quotes">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Quote</h1>
+<h2>Quote</h2>
 <blockquote>
-	<ul>
+    <ul>
         <li>if you want something conceptualy less broken, give plan9 a try</li>
         <li>if you want something more polished, give vim+coreutils a try</li>
         <li>if you want something convivialist, obenbsd is the best trade off i seen (you can also give try to sbase or 9base)</li>
         <li>if you want something more consistent, let's start our project :)</li>
         <li>if you want something perfect, let it go :)</li>
-	</ul>
+    </ul>
     <cite>— Marc Chantreux on misc@ <a class="permalink" href="https://marc.info/?l=openbsd-misc&m=163077585122070&w=2">Source</a></cite>
 </blockquote>
 </article>