Added public

This commit is contained in:
nono
2021-04-02 19:47:39 +02:00
parent 7d03210a16
commit 947cbb34cb
133 changed files with 935 additions and 729 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 705 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 421 KiB

After

Width:  |  Height:  |  Size: 705 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

View File

@@ -1,20 +1,18 @@
<!DOCTYPE html>
<html lang="fr-FR" dir="ltr">
<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>Cool links of April &middot; The Octet Press</title>
<title>Cool links of April &middot; The Octect Press</title>
<meta name="description" content="Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... " />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
</head>
@@ -24,13 +22,14 @@
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a>
<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 &amp; CODE</a></li>
<li><a href="/about-me/" class="">ABOUT ME</a></li>
@@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of April</h1>
<p class="post-date">Posted <time datetime="2019-05-03">May 3, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x0_resize_q75_lanczos.jpg" >
</picture>
<h1 id="cool-links-of-april">Cool links of April</h1>
@@ -93,16 +91,16 @@
<nav class="end-nav side-padding">
<a href="/articles/cool-links/march/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container">
<p class="card-img-overlay">Next Article</p>
<picture>
<source srcset="/articles/cool-links/march/cover.jpg">
<img src="/articles/cool-links/march/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Cool links of March</h2>
<p class="card-text">This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</p>
@@ -128,16 +126,10 @@
</nav>
<footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer>
<script defer src="/js/katex.js"></script>
<script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
<script src="/js/core.min.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 819 KiB

After

Width:  |  Height:  |  Size: 7.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View File

@@ -1,20 +1,18 @@
<!DOCTYPE html>
<html lang="fr-FR" dir="ltr">
<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>Cool links of Febuary &middot; The Octet Press</title>
<title>Cool links of Febuary &middot; The Octect Press</title>
<meta name="description" content="Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
</head>
@@ -24,13 +22,14 @@
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a>
<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 &amp; CODE</a></li>
<li><a href="/about-me/" class="">ABOUT ME</a></li>
@@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of Febuary</h1>
<p class="post-date">Posted <time datetime="2019-02-28">Feb 28, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x0_resize_q75_lanczos.jpg" >
</picture>
<p>In this month&rsquo;s cool links, I&rsquo;ll share a lot of content around agriculture, plants, and Solarpunk !</p>
@@ -105,16 +103,16 @@
<nav class="end-nav side-padding">
<a href="/articles/cool-links/january/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container">
<p class="card-img-overlay">Next Article</p>
<picture>
<source srcset="/articles/cool-links/january/cover.jpg">
<img src="/articles/cool-links/january/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Cool links of January</h2>
<p class="card-text">Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</p>
@@ -140,16 +138,10 @@
</nav>
<footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer>
<script defer src="/js/katex.js"></script>
<script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
<script src="/js/core.min.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 239 KiB

After

Width:  |  Height:  |  Size: 277 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 234 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

View File

@@ -1,20 +1,18 @@
<!DOCTYPE html>
<html lang="fr-FR" dir="ltr">
<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>Cool links of January &middot; The Octet Press</title>
<title>Cool links of January &middot; The Octect Press</title>
<meta name="description" content="Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet." />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
</head>
@@ -24,13 +22,14 @@
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a>
<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 &amp; CODE</a></li>
<li><a href="/about-me/" class="">ABOUT ME</a></li>
@@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of January</h1>
<p class="post-date">Posted <time datetime="2019-01-28">Jan 28, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg" >
</picture>
<h1 id="cool-links-of-january">Cool links of January</h1>
@@ -83,16 +81,16 @@
<nav class="end-nav side-padding">
<a href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container">
<p class="card-img-overlay">Next Article</p>
<picture>
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover.jpg">
<img src="/articles/un-mastodon-dans-le-cyber-espace/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Un Mastodon dans le cyber-espace</h2>
<p class="card-text">On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.</p>
@@ -118,16 +116,10 @@
</nav>
<footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer>
<script defer src="/js/katex.js"></script>
<script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
<script src="/js/core.min.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 610 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 180 KiB

After

Width:  |  Height:  |  Size: 610 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

View File

@@ -1,20 +1,18 @@
<!DOCTYPE html>
<html lang="fr-FR" dir="ltr">
<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>Cool links of July &middot; The Octet Press</title>
<title>Cool links of July &middot; The Octect Press</title>
<meta name="description" content="Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
</head>
@@ -24,13 +22,14 @@
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a>
<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 &amp; CODE</a></li>
<li><a href="/about-me/" class="">ABOUT ME</a></li>
@@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of July</h1>
<p class="post-date">Posted <time datetime="2020-07-30">Jul 30, 2020</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x0_resize_q75_lanczos.jpg" >
</picture>
<h1 id="cool-links-of-july">Cool links of July</h1>
@@ -73,16 +71,16 @@
<nav class="end-nav side-padding">
<a href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container">
<p class="card-img-overlay">Next Article</p>
<picture>
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover.jpg">
<img src="/articles/a-case-for-the-importance-of-multiples-identites/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">A case for the importance of multiple identities in the fediverse.</h2>
<p class="card-text">Let&#39;s discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn&#39;t allow it or work in a different way.</p>
@@ -108,16 +106,10 @@
</nav>
<footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer>
<script defer src="/js/katex.js"></script>
<script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
<script src="/js/core.min.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 473 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 473 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

View File

@@ -1,20 +1,18 @@
<!DOCTYPE html>
<html lang="fr-FR" dir="ltr">
<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>Cool links of June &middot; The Octet Press</title>
<title>Cool links of June &middot; The Octect Press</title>
<meta name="description" content="June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility." />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
</head>
@@ -24,13 +22,14 @@
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a>
<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 &amp; CODE</a></li>
<li><a href="/about-me/" class="">ABOUT ME</a></li>
@@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of June</h1>
<p class="post-date">Posted <time datetime="2019-06-30">Jun 30, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x0_resize_q75_lanczos.jpg" >
</picture>
<h1 id="cool-links-of-june">Cool links of June</h1>
@@ -77,16 +75,16 @@
<nav class="end-nav side-padding">
<a href="/articles/cool-links/may/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container">
<p class="card-img-overlay">Next Article</p>
<picture>
<source srcset="/articles/cool-links/may/cover.jpg">
<img src="/articles/cool-links/may/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Cool links of May</h2>
<p class="card-text">Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</p>
@@ -112,16 +110,10 @@
</nav>
<footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer>
<script defer src="/js/katex.js"></script>
<script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
<script src="/js/core.min.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 239 KiB

After

Width:  |  Height:  |  Size: 277 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 234 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

View File

@@ -1,20 +1,18 @@
<!DOCTYPE html>
<html lang="fr-FR" dir="ltr">
<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>Cool links of March &middot; The Octet Press</title>
<title>Cool links of March &middot; The Octect Press</title>
<meta name="description" content="This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
</head>
@@ -24,13 +22,14 @@
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a>
<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 &amp; CODE</a></li>
<li><a href="/about-me/" class="">ABOUT ME</a></li>
@@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of March</h1>
<p class="post-date">Posted <time datetime="2019-04-02">Apr 2, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg" >
</picture>
<h1 id="cool-links-of-march">Cool links of march</h1>
@@ -125,16 +123,16 @@
<nav class="end-nav side-padding">
<a href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container">
<p class="card-img-overlay">Next Article</p>
<picture>
<source srcset="/articles/zapatista-oventik-petite-ecole/cover.jpg">
<img src="/articles/zapatista-oventik-petite-ecole/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance.</h2>
<p class="card-text">Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&#39;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&#39;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&#39;eau locaux, et toutes autres questions n&#39;ayant rien à voir avec l&#39;Armée Zapatiste de Libération National (EZLN)...</p>
@@ -160,16 +158,10 @@
</nav>
<footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer>
<script defer src="/js/katex.js"></script>
<script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
<script src="/js/core.min.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 436 KiB

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

View File

@@ -1,20 +1,18 @@
<!DOCTYPE html>
<html lang="fr-FR" dir="ltr">
<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>Cool links of May &middot; The Octet Press</title>
<title>Cool links of May &middot; The Octect Press</title>
<meta name="description" content="Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs." />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
</head>
@@ -24,13 +22,14 @@
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a>
<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 &amp; CODE</a></li>
<li><a href="/about-me/" class="">ABOUT ME</a></li>
@@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of May</h1>
<p class="post-date">Posted <time datetime="2019-06-03">Jun 3, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x0_resize_q75_lanczos.jpg" >
</picture>
<h1 id="cool-links-of-may">Cool links of May</h1>
@@ -108,16 +106,16 @@
<nav class="end-nav side-padding">
<a href="/articles/cool-links/april/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container">
<p class="card-img-overlay">Next Article</p>
<picture>
<source srcset="/articles/cool-links/april/cover.jpg">
<img src="/articles/cool-links/april/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Cool links of April</h2>
<p class="card-text">Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </p>
@@ -143,16 +141,10 @@
</nav>
<footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer>
<script defer src="/js/katex.js"></script>
<script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
<script src="/js/core.min.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 438 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 438 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 159 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 159 KiB

View File

@@ -1,20 +1,18 @@
<!DOCTYPE html>
<html lang="fr-FR" dir="ltr">
<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>Les liens nouveaux du mois de septembre. &middot; The Octet Press</title>
<title>Les liens nouveaux du mois de septembre. &middot; The Octect Press</title>
<meta name="description" content="Ce mois-ci, c&#39;est la rentrée. Et avec la rentrée, quelques changements sont à l&#39;ordre du jour... Déjà, ce blog sera beaucoup plus personnel, disons que c&#39;est le journal que j&#39;aimerai écrire. J&#39;écris pour mes amis, pour mon futur moi, et le bot moyen... " />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
</head>
@@ -24,13 +22,14 @@
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a>
<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 &amp; CODE</a></li>
<li><a href="/about-me/" class="">ABOUT ME</a></li>
@@ -48,12 +47,11 @@
<h1 class="post-title">Les liens nouveaux du mois de septembre.</h1>
<p class="post-date">Posted <time datetime="2020-09-01">Sep 1, 2020</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x0_resize_q75_lanczos.jpg">
<img src="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x0_resize_q75_lanczos.jpg" >
</picture>
<p>Ce mois-ci, c&rsquo;est la rentrée. Et avec la rentrée, quelques changements sont à l&rsquo;ordre du jour&hellip; Déjà, ce blog sera plus personnel, disons que c&rsquo;est le journal que j&rsquo;aimerai écrire. J&rsquo;écris pour mes amis, pour mon futur moi, et le bot moyen.</p>
@@ -68,16 +66,16 @@
<nav class="end-nav side-padding">
<a href="/articles/cool-links/july/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container">
<p class="card-img-overlay">Next Article</p>
<picture>
<source srcset="/articles/cool-links/july/cover.jpg">
<img src="/articles/cool-links/july/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Cool links of July</h2>
<p class="card-text">Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</p>
@@ -103,16 +101,10 @@
</nav>
<footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer>
<script defer src="/js/katex.js"></script>
<script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
<script src="/js/core.min.js"></script>
</body>
</html>