changing picture for #4 and creating #5

issues/IDEAS

@@ -26,7 +26,6 @@ Artworks
 - https://bsd.network/@prahou/106965372352267989
 - https://si3t.ch/img/gifs/openbsd-puffy-crypto.gif (unkown author)
 - https://si3t.ch/img/wallpapers/isotopwall.jpg (by Péhä)
-- https://si3t.ch/img/peha/puffybsdpeha.png (by Péhä)
 
 Readers comments
 ----------------

issues/current

@@ -1 +1 @@
-issue-4
+issue-5

issues/issue-4/80_ARTWORK.html

@@ -2,10 +2,10 @@
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h2>Artworks of the moment</h2>
 <figure>
-    <a href="images/artwork-issue4.gif">
+    <a href="images/artwork-issue4.png">
     <picture>
-        <img src="images/artwork-issue4.gif"
-         alt="An animated picture featuring a cartoon happy puffer fish typing quickly on a laptop keyboard with a bubble text showing 0 and 1 scrolling indefinitely." />
+        <img src="images/tn_artwork-issue4.jpg"
+         alt="The picture shows an old fashion computer with a CRT screen on top of the tower which has a floppy drive.  The screen is showing a treasure on the seadbed with data labelled on it, there is a huge chain around it that is bound to a big angry puffer fish, like a dog guard." />
     </picture>
     </a>
     <figcaption>

issues/issue-5/00_METADATA.html

@@ -0,0 +1,8 @@
+<header>
+<h2 id="title"><a href="https://webzine.puffy.cafe"><span id="open">Open</span><span id="bsd">BSD</span> Webzine</a></h2>
+<div id="banner">
+    <p>ISSUE #__ISSUE__</p>
+    <p><time datetime="__DATETIME__">__HUMAN_DATE__</time></p>
+</div>
+</header>
+<main>

issues/issue-5/10_HEADLINES.html

@@ -0,0 +1,6 @@
+<article id="headlines">
+<h2>TL;DR</h2>
+<ul>
+    <li>OpenBSD 7.0 release very soon</li>
+</ul>
+</article>

issues/issue-5/15_JOBS.html

@@ -0,0 +1,9 @@
+<!--
+<article id="jobs">
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
+<h1>Job offers</h1>
+<ul>
+    <li><a class="permalink" href=""></a></li>
+</ul>
+</article>
+-->

issues/issue-5/20_CURRENT.html

@@ -0,0 +1,7 @@
+<article id="current">
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
+<h2>Recent -current changes</h2>
+<ul>
+    <li></li>
+</ul>
+</article>

issues/issue-5/30_STABLE.html

@@ -0,0 +1,7 @@
+<article id="stable">
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
+<h2>6.9-stable changes</h2>
+<ul>
+    <li></li>
+</ul>
+</article>

issues/issue-5/40_INTERVIEW.html

@@ -0,0 +1,5 @@
+<article id="interview">
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
+<h2>Interview</h2>
+<p>…</p>
+</article>

issues/issue-5/50_TIPS.html

@@ -0,0 +1,6 @@
+<article id="tips">
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
+<h2>Shell tips</h2>
+<p>
+</p>
+</article>

issues/issue-5/60_COMMENTS.html

@@ -0,0 +1,8 @@
+<article id="comments">
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
+<h2>Reader comments</h2>
+<p>
+    <em>Message received from XXX: </em>
+    <quote>blabla.</quote>
+</p>
+</article>

issues/issue-5/70_LINKS.html

@@ -0,0 +1,7 @@
+<article id="links">
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
+<h2>Going further</h2>
+<ul>
+    <li><a class="permalink" href=""></a></li>
+</ul>
+</article>

issues/issue-5/80_ARTWORK.html

@@ -0,0 +1,15 @@
+<!-- section commented
+<article id="artwork">
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
+<h2>Artworks of the moment</h2>
+<figure>
+    <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." />
+    </picture>
+    </a>
+    <figcaption>MASCOT</figcaption>
+</figure>
+</article>
+END HTML Comment -->

issues/issue-5/90_SOCIALMEDIA.html

@@ -0,0 +1,7 @@
+<article id="socials">
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
+<h2>On social media</h2>
+<ul>
+    <li><a class="permalink" href=""></a></li>
+</ul>
+</article>

issues/issue-5/91_QUOTES.html

@@ -0,0 +1,12 @@
+<!-- section commented
+<article id="quotes">
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
+<h2>Quote</h2>
+
+<blockquote>
+    glub
+    <cite>&mdash; Puffy</cite>
+</blockquote>
+
+</article>
+END HTML Comment -->

issues/issue-5/metadata.sh

@@ -0,0 +1 @@
+PUBLISHED_DATE="YYYY-mm-ddTHH:MM:SSZ"