152 lines
5.0 KiB
HTML
152 lines
5.0 KiB
HTML
<!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 · The Octect Press</title>
|
||
<meta name="description" content="I guess this is an obligatory first post ?" />
|
||
|
||
|
||
|
||
|
||
|
||
<link href="/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="" class="nav-text">The Octet Press</a>
|
||
</h1>
|
||
<br>
|
||
<section id="menu">
|
||
<ul>
|
||
<li><a href="" class="">HOME</a></li>
|
||
|
||
<li><a href="/art-and-code/" class="">ART & CODE</a></li>
|
||
<li><a href="/about-me/" class="">ABOUT ME</a></li>
|
||
|
||
|
||
|
||
<li><a href="/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="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg">
|
||
<img src="/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'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'empêche, …”</a>
|
||
</h4>
|
||
<p class="summary">N'empêche, vu la situation actuelle, heureusement que la réforme de la sécu c'était pas le premier truc à l'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>
|