new content

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>
+    <p>ISSUE #__ISSUE__</p>
-	<div>__DATE__</div>
+    <p><time datetime="__DATETIME__">__HUMAN_DATE__</time></p>
 </div>
+</header>
 <main>
-<section>

issues/issue-2/10_HEADLINES.html

@@ -1,7 +1,8 @@
-<!-- SECTION -->
+<article id="headlines">
-<h1>TL;DR</h1>
+<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>

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>

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>

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>

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>

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>

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>

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>
+<h2>Artworks of the moment</h2>
-<a href="static/images/puffer_city_original.jpg"
+<figure>
-    <img src="static/images/puffer_city_small.jpg"
+    <a href="images/.jpg">
-         alt="A drawing featuring a city viewed from some altitude with many characters looking like OpenBSD mascot."
+        <picture>
-         width="100%" /></a-->
+        <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>

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>

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>