fix semantic html madness
This commit is contained in:
parent
473bc2e98a
commit
0288bb3577
|
@ -1,4 +1,3 @@
|
|||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<hr />
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
-->
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<article id="interview">
|
||||
<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
|
||||
<h1>Interview</h1>
|
||||
<h2>Interview</h2>
|
||||
<p>…</p>
|
||||
</article>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 -->
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 -->
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 -->
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 -->
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue