Merge pull request 'Fix: HTML Semantic for issue1' (#29) from hucste/openbsd-webzine:fix-issue1 into main

Reviewed-on: #29

issues/issue-1/00_METADATA.html

@@ -1,8 +1,9 @@
-<div id="title"><a href="https://webzine.puffy.cafe">OpenBSD Webzine</a></div>
+<header>
+<h1 id="title"><a href="https://webzine.puffy.cafe">OpenBSD Webzine</a></h1>
 <div id="banner">
-	<div>ISSUE #__ISSUE__</div>
+	<p>ISSUE #__ISSUE__</p>
-	<div>__DATE__</div>
+    <p><time datetime="__DATE__">__DATE__</time></p>
 </div>
+</header>
 <main>
 <section>
-	

issues/issue-1/10_HEADLINES.html

@@ -1,7 +1,8 @@
-<!-- SECTION -->
+<article id="headlines">
 <h1>TL;DR</h1>
 <ul>
     <li>OpenBSD 7.0 release very soon</li>
     <li>LibreSSL problem with Let's Encrypt certificates</li>
     <li>First issue of this webzine!! We do have an <a href="atom.xml" class="permalink">Atom feed</a>.</li>
 </ul>
+</article>

issues/issue-1/20_CURRENT.html

@@ -1,7 +1,8 @@
-<!-- SECTION -->
+<article id="current">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Recent -current changes</h1>
 <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>
 </ul>
+</article>

issues/issue-1/30_STABLE.html

@@ -1,4 +1,4 @@
-<!-- SECTION -->
+<article id="stable">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>6.9-stable changes</h1>
 <ul>
@@ -9,3 +9,4 @@
     One of the two root certificates used to sign Let's Encrypt certificates has expired.
     This is due to a bug in LibreSSL triggered by Let's Encrypt certificates being signed by two certificates of which one expired.</li>
 </ul>
+</article>

issues/issue-1/40_INTERVIEW.html

@@ -1,5 +1,8 @@
-<!-- SECTION>
+<!-- Commented Section --
+<article id="interview">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h2>Interview</h2>
 <p>
-</p-->
+</p>
+</article>
+-- END HTML Comment -->

issues/issue-1/50_TIPS.html

@@ -1,4 +1,4 @@
-<!-- SECTION -->
+<article id="tips">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Shell tips</h1>
 <p>
@@ -10,3 +10,4 @@
  history from that number. Use <code>history 1</code> to display
  the complete history.
 </p>
+</article>

issues/issue-1/60_COMMENTS.html

@@ -1,7 +1,6 @@
-<!-- SECTION-->
+<article id="comments">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Reader comments</h1>
-<div>
+<p>I love the idea of a webzine! <cite>- many people after showing the Webzine mockup</cite></p>
-    <p>I love the idea of a webzine! <em>- many people after showing the Webzine mockup</em></p>
+<p>Please, make an RSS feed! <cite>- anonymous</cite></p>
-    <p>Please, make an RSS feed! <em>- anonymous</em></p>
+</article>
-</div>

issues/issue-1/70_LINKS.html

@@ -1,8 +1,12 @@
-<!-- SECTION -->
+<article id="links">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Going further</h1>
 <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>
+    <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>

issues/issue-1/80_ARTWORK.html

@@ -1,11 +1,15 @@
-<!-- SECTION -->
+<article id="artwork">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Artworks of the moment</h1>
-<p>
+<figure>
     <a href="images/puffy_city_original.jpg">
+		<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>
-    <br />
+    <figcaption>
-    Artwork originally found <a class="permalink" href="https://www.openbsd.org/artwork.html">here</a>.
+		<p>Artwork originally found <a class="permalink" href="https://www.openbsd.org/artwork.html">here</a>.</p>
-</p>
+    </figcaption>
+</figure>
+</article>

issues/issue-1/90_SOCIALMEDIA.html

@@ -1,6 +1,9 @@
-<!-- SECTION >
+<!-- Commented Section --
+<article id="socials">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h2>On social media</h2>
 <ul>
     <li><a href=""></a></li>
-</ul-->
+</ul>
+</article>
+-- END HTML Comment -->

issues/issue-1/91_QUOTES.html

@@ -1,4 +1,4 @@
-<!-- SECTION -->
+<article id="quotes">
 <div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Quote</h1>
 <blockquote>
@@ -9,5 +9,6 @@
         <li>if you want something more consistent, let's start our project :)</li>
         <li>if you want something perfect, let it go :)</li>
 	</ul>
-    <cite>&mdash; Marc Chantreux on misc@ <a class="permalink" href="https://marc.info/?l=openbsd-misc&m=163077585122070&w=2">Source</a></cite>
+    <cite>— Marc Chantreux on misc@ <a class="permalink" href="https://marc.info/?l=openbsd-misc&m=163077585122070&w=2">Source</a></cite>
 </blockquote>
+</article>