From 473bc2e98a684bda6633f2a9bc63ec8abb20ea0e Mon Sep 17 00:00:00 2001
From: Solene Rapenne <solene@perso.pw>
Date: Mon, 4 Oct 2021 20:04:35 +0200
Subject: [PATCH] new content

---
 issues/issue-2/00_METADATA.html    |  9 +++++----
 issues/issue-2/10_HEADLINES.html   |  5 +++--
 issues/issue-2/20_CURRENT.html     |  5 +++--
 issues/issue-2/30_STABLE.html      |  2 +-
 issues/issue-2/40_INTERVIEW.html   |  5 +++--
 issues/issue-2/50_TIPS.html        |  5 +++--
 issues/issue-2/60_COMMENTS.html    |  7 ++++---
 issues/issue-2/70_LINKS.html       | 10 +++++++---
 issues/issue-2/80_ARTWORK.html     | 21 ++++++++++++++-------
 issues/issue-2/90_SOCIALMEDIA.html |  5 +++--
 issues/issue-2/91_QUOTES.html      |  7 ++++---
 11 files changed, 50 insertions(+), 31 deletions(-)

diff --git a/issues/issue-2/00_METADATA.html b/issues/issue-2/00_METADATA.html
index 5e46279..9dc663f 100644
--- a/issues/issue-2/00_METADATA.html
+++ b/issues/issue-2/00_METADATA.html
@@ -1,7 +1,8 @@
-<div id="title"><a href="https://webzine.puffy.cafe">OpenBSD Webzine</a></div>
+<header>
+<h2 id="title"><a href="https://webzine.puffy.cafe">OpenBSD Webzine</a></h2>
 <div id="banner">
-	<div>ISSUE #__ISSUE__</div>
-	<div>__DATE__</div>
+    <p>ISSUE #__ISSUE__</p>
+    <p><time datetime="__DATETIME__">__HUMAN_DATE__</time></p>
 </div>
+</header>
 <main>
-<section>
diff --git a/issues/issue-2/10_HEADLINES.html b/issues/issue-2/10_HEADLINES.html
index ff8808c..ae1ed03 100644
--- a/issues/issue-2/10_HEADLINES.html
+++ b/issues/issue-2/10_HEADLINES.html
@@ -1,7 +1,8 @@
-<!-- SECTION -->
-<h1>TL;DR</h1>
+<article id="headlines">
+<h2>TL;DR</h2>
 <ul>
     <li>OpenBSD 7.0 released!</li>
     <li>No more packages updates for 6.9, syspatch will still be published</li>
     <li>No more syspatches for 6.8, it is now end of life and shouldn't be used anymore</li>
 </ul>
+</article>
diff --git a/issues/issue-2/20_CURRENT.html b/issues/issue-2/20_CURRENT.html
index b01157c..37857cc 100644
--- a/issues/issue-2/20_CURRENT.html
+++ b/issues/issue-2/20_CURRENT.html
@@ -1,6 +1,6 @@
-<!-- SECTION -->
+<article id="current">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>New 7.0 release highlights</h1>
+<h2>New 7.0 release highlights</h2>
 <ul>
     <li>doas is now asking password again on failure</li>
     <li>better hardware support (AMD, docks)</li>
@@ -13,3 +13,4 @@
     <li>performance improvements for heavy loads on many cores</li>
     <li><a href="https://www.openbsd.org/plus70.html" class="permalink">Many other changes!</a></li>
 </ul>
+</article>
diff --git a/issues/issue-2/30_STABLE.html b/issues/issue-2/30_STABLE.html
index 190aadd..8375bf2 100644
--- a/issues/issue-2/30_STABLE.html
+++ b/issues/issue-2/30_STABLE.html
@@ -1,6 +1,6 @@
 <!-- SECTION -->
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>7.0-stable changes</h1>
+<h2>7.0-stable changes</h2>
 <ul>
     <li>No syspatch yet.</li>
 </ul>
diff --git a/issues/issue-2/40_INTERVIEW.html b/issues/issue-2/40_INTERVIEW.html
index 3c3e656..d2d4336 100644
--- a/issues/issue-2/40_INTERVIEW.html
+++ b/issues/issue-2/40_INTERVIEW.html
@@ -1,3 +1,4 @@
-<!-- SECTION -->
+<article id="interview">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Interview</h1>
+<h2>Interview</h2>
+</article>
diff --git a/issues/issue-2/50_TIPS.html b/issues/issue-2/50_TIPS.html
index b8a750a..8997337 100644
--- a/issues/issue-2/50_TIPS.html
+++ b/issues/issue-2/50_TIPS.html
@@ -1,7 +1,8 @@
-<!-- SECTION -->
+<article id="tips">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Shell tips</h1>
+<h2>Shell tips</h2>
 <p>OpenBSD 7.0 comes with a new utility named <em>timeout</em> to run a command and stop it after an user defined time.  The <a class="permalink" href="https://man.openbsd.org/timeout">man page</a> is available for full information.
 While it was possible to achieve this in shell using a child process sleeping for some time and stopping the main process if it wasn't finished yet, <em>timeout</em> makes this job very easy.
 One simple real world use case would be a lazy site-to-site synchronization using a rsync job run every night when the Internet uplink can be fully used and stop it right before people will need the network.  Such a scenario can be done with <code>timeout 8h rsync -a /data/ remote:/data/</code> and started from a cron job at 00h00.  In this case rsync would run at midnight and <em>timeout</em> would stop it at 8h00 if the job is not finished.
 </p>
+</article>
diff --git a/issues/issue-2/60_COMMENTS.html b/issues/issue-2/60_COMMENTS.html
index ff1e586..5cdbe3d 100644
--- a/issues/issue-2/60_COMMENTS.html
+++ b/issues/issue-2/60_COMMENTS.html
@@ -1,6 +1,7 @@
-<!-- SECTION -->
+<article id="comments">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Reader comments</h1>
+<h2>Reader comments</h2>
 <p>Nice!
-    <em>- jcs@openbsd</em>
+    <cite>- jcs@openbsd</cite>
 </p>
+</article>
diff --git a/issues/issue-2/70_LINKS.html b/issues/issue-2/70_LINKS.html
index b59ad10..0deff23 100644
--- a/issues/issue-2/70_LINKS.html
+++ b/issues/issue-2/70_LINKS.html
@@ -1,6 +1,10 @@
-<!-- SECTION -->
+<article id="links">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Going further</h1>
+<h2>Going further</h2>
 <ul>
-    <li><a href=""></a></li>
+    <li><a class="permalink" href=""></a></li>
+    <li><a class="permalink" href="https://www.openbsd.org/faq/upgrade70.html">Official OpenBSD upgrade guide to 7.0</a></li>
+    <li><a class="permalink" href="https://www.playonbsd.com/shopping_guide/">PlayOnBSD shopping Guide (list of compatible commercial games)</a></li>
+    <li><a class="permalink" href="https://videos.pair2jeux.tube/c/openbsd_gaming/videos">OpenBSD Gaming peertube channel</a></li>
 </ul>
+</article>
diff --git a/issues/issue-2/80_ARTWORK.html b/issues/issue-2/80_ARTWORK.html
index 46f8040..73418a0 100644
--- a/issues/issue-2/80_ARTWORK.html
+++ b/issues/issue-2/80_ARTWORK.html
@@ -1,8 +1,15 @@
-<!-- SECTION>
+<article id="artwork">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Artworks of the moment</h1>
-<a href="static/images/puffer_city_original.jpg"
-    <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%" /></a-->
-
+<h2>Artworks of the moment</h2>
+<figure>
+    <a href="images/.jpg">
+        <picture>
+        <img src="images/.jpg"
+             alt="." />
+        </picture>
+    </a>
+    <figcaption>
+        <p>Artwork originally published <a class="permalink" href="https://bsd.network/@prahou/107026745346972847">here</a>.</p>
+    </figcaption>
+</figure>
+</article>
diff --git a/issues/issue-2/90_SOCIALMEDIA.html b/issues/issue-2/90_SOCIALMEDIA.html
index bb73002..a736bc9 100644
--- a/issues/issue-2/90_SOCIALMEDIA.html
+++ b/issues/issue-2/90_SOCIALMEDIA.html
@@ -1,7 +1,8 @@
-<!-- SECTION -->
+<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="https://news.ycombinator.com/item?id=28711519">We did hit first page of hackernews at launch</a></li>
     <li><a class="permalink" href="https://bsd.network/@bcallah/107037881574770525">thfr@ needing help for improving audio support in the video game Celeste</a></li>
 </ul>
+</article>
diff --git a/issues/issue-2/91_QUOTES.html b/issues/issue-2/91_QUOTES.html
index 1755266..b27ad6b 100644
--- a/issues/issue-2/91_QUOTES.html
+++ b/issues/issue-2/91_QUOTES.html
@@ -1,7 +1,8 @@
-<!-- SECTION-->
+<article id="quotes">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
-<h1>Quote</h1>
+<h2>Quote</h2>
 <blockquote>
     Boredom is a powerful driving force.
-    <cite>&mdash; solene@openbsd</cite>
+    <cite>— solene@openbsd</cite>
 </blockquote>
+</article>