css: make the body a bit larger

This commit is contained in:
Solène Rapenne 2023-09-13 10:31:44 +02:00
parent 221205d71f
commit 4c86f5899c
Signed by: solene
GPG Key ID: 8CD42DFD57F0A909
3 changed files with 71 additions and 1 deletions

View File

@ -87,7 +87,7 @@ body {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
max-width: 900px;
max-width: 1150px;
border: 1px solid #111;
background-color: #eee;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

View File

@ -0,0 +1,70 @@
<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>
<article id="headlines">
<h2>TL;DR</h2>
<ul>
<li></li>
</ul>
</article>
<article id="current">
<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
<h2>Recent -current changes</h2>
<ul>
<li></li>
</ul>
<h2>Interesting new packages</h2>
<ul>
<li></li>
</ul>
</article>
<article id="tips">
<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
<h2>Shell tips</h2>
<p></p>
</article>
<article id="links">
<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
<h2>Going further</h2>
<ul>
<li></li>
</ul>
</article>
<article id="artwork">
<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
<h2>Artworks of the moment</h2>
<figure>
<a href="images/artwork-issue14.png">
<picture>
<img src="images/artwork-issue14.png"
alt="A floating Puffy holding a paper in hand is asked by a girl «A new issue?! Will you read it to me?»." />
</picture>
</a>
<figcaption>A floating Puffy holding a paper in hand is asked by a girl «A new issue?! Will you read it to me?».</figcaption>
</figure>
</article>
<article id="redaction">
<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
<h2>Note from the editorial team</h2>
<p>
</p>
<h3>Note from Solene</h3>
<p></p>
</article>
<article id="authors">
<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
<h2>Authors</h2>
<p>Solène Rapenne. Many thanks to everyone involved and supportive of the idea</p>
</article>