blog/public/articles/hello-world/index.html
2021-04-04 13:46:15 +02:00

152 lines
5.1 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-US,fr-FR" dir="ltr">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Hello World &middot; The Octect Press</title>
<meta name="description" content="I guess this is an obligatory first post ?" />
<link href="https://n07070.xyz/css/concated.min.css" rel="stylesheet">
</head>
<body class="single-body">
<nav class="nav-bar card-container">
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="https://n07070.xyz" class="nav-text">The Octet Press</a>
</h1>
<br>
<section id="menu">
<ul>
<li><a href="https://n07070.xyz" class="">HOME</a></li>
<li><a href="https://n07070.xyz/art-and-code/" class="">ART &amp; CODE</a></li>
<li><a href="https://n07070.xyz/about-me/" class="">ABOUT ME</a></li>
<li><a href="https://n07070.xyz/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
</ul>
</section>
</div>
</nav>
<main class="content side-text-padding">
<article class="post ">
<header class="post-header">
<h1 class="post-title">Hello World</h1>
<p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
</header>
<picture class="post-figure">
<source srcset="https://n07070.xyz/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg">
<img src="https://n07070.xyz/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg" >
</picture>
<p>Hello, world !</p>
<p>This blog, dubbed the octet press, is gonna be my personnal space in the web to post my toughts and share what I found on the web.</p>
<p>I might write in French or English.</p>
<p>This page is going to be updated in the futur, so keep an eye on it.</p>
</article>
</main>
<nav class="end-nav side-padding">
</nav>
<nav class="end-nav side-padding card-container card content">
<section class="webring">
<h3>Articles from blogs I follow around the net</h3>
<section class="articles">
<div class="article">
<h4 class="title">
<a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
</h4>
<p class="summary">In the mid 20th century, whole cities sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
<small class="source">
via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
</small>
<small class="date">March 28, 2021</small>
</div>
<div class="article">
<h4 class="title">
<a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
</h4>
<p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
<small class="source">
via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
</small>
<small class="date">March 26, 2021</small>
</div>
<div class="article">
<h4 class="title">
<a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
</h4>
<p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
<small class="source">
via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
</small>
<small class="date">March 26, 2021</small>
</div>
</section>
<p class="attribution">
Generated by
<a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
</p>
</section>
<style>
.webring .articles {
display: flex;
flex-wrap: wrap;
margin: -0.5rem;
}
.webring .title {
margin: 0;
}
.webring .article {
flex: 1 1 0;
display: flex;
flex-direction: column;
margin: 0.5rem;
padding: 0.5rem;
min-width: 10rem;
}
.webring .summary {
font-size: 0.8rem;
flex: 1 1 0;
}
.webring .attribution {
text-align: right;
font-size: 0.8rem;
}
</style>
</nav>
<footer class="content card card-container side-padding" >
<h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
</footer>
</body>
</html>