n07070/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Optimized the size of images

Browse Source
This commit is contained in:
n07070
2021-01-03 22:22:39 +01:00
parent b0e165a514
commit f914ab1ba2
101 changed files with 422 additions and 727 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/articles/a-case-for-the-importance-of-multiples-identites/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 138 KiB

After

Width:  |  Height:  |  Size: 81 KiB

BIN
public/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 44 KiB

BIN
public/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 44 KiB

26
public/articles/a-case-for-the-importance-of-multiples-identites/index.html
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>A case for the importance of multiple identities in the fediverse. &middot; The Octet Press</title>
<title>A case for the importance of multiple identities in the fediverse. &middot; The Octect Press</title>
<meta name="description" content="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." />
<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">A case for the importance of multiple identities in the fediverse.</h1>
<p class="post-date">Posted <time datetime="2019-07-01">Jul 1, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg">
<img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x0_resize_q75_lanczos.jpg">
<img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x0_resize_q75_lanczos.jpg" >
</picture>
<p>That&rsquo;s quite a long title, but I think the topic is pretty nice, and thus deserves a nice title. That&rsquo;s how it is, I guess ?</p>
@@ -77,16 +75,16 @@
<nav class="end-nav side-padding">
<a href="/articles/cool-links/june/" 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/june/cover.jpg">
<img src="/articles/cool-links/june/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Cool links of June</h2>
<p class="card-text">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.</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>

BIN
public/articles/cool-links/april/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 421 KiB

After

Width:  |  Height:  |  Size: 110 KiB

BIN
public/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 136 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 136 KiB

After

Width:  |  Height:  |  Size: 80 KiB

26
public/articles/cool-links/april/index.html
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>

BIN
public/articles/cool-links/febuary/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 819 KiB

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
public/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 58 KiB

26
public/articles/cool-links/febuary/index.html
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>

BIN
public/articles/cool-links/january/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 239 KiB

After

Width:  |  Height:  |  Size: 79 KiB

BIN
public/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 179 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 79 KiB

26
public/articles/cool-links/january/index.html
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>

BIN
public/articles/cool-links/july/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 180 KiB

After

Width:  |  Height:  |  Size: 108 KiB

BIN
public/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 79 KiB

After

Width:  |  Height:  |  Size: 78 KiB

BIN
public/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 79 KiB

After

Width:  |  Height:  |  Size: 78 KiB

26
public/articles/cool-links/july/index.html
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>

BIN
public/articles/cool-links/june/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 78 KiB

BIN
public/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 31 KiB

BIN
public/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 31 KiB

26
public/articles/cool-links/june/index.html
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>

BIN
public/articles/cool-links/march/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 239 KiB

After

Width:  |  Height:  |  Size: 79 KiB

BIN
public/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 179 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 79 KiB

26
public/articles/cool-links/march/index.html
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>

BIN
public/articles/cool-links/may/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 436 KiB

After

Width:  |  Height:  |  Size: 104 KiB

BIN
public/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 33 KiB

BIN
public/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 32 KiB

26
public/articles/cool-links/may/index.html
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>

BIN
public/articles/cool-links/september/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 81 KiB

BIN
public/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 36 KiB

BIN
public/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 36 KiB

26
public/articles/cool-links/september/index.html
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>

BIN
public/articles/hello-world/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 23 KiB

BIN
public/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
public/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

22
public/articles/hello-world/index.html
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>Hello World &middot; The Octet Press</title>
<title>Hello World &middot; The Octect Press</title>
<meta name="description" content="I guess this is an obligatory first post ?" />
<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">Hello World</h1>
<p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg">
<img src="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg" >
<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>
@@ -67,16 +65,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>

78
public/articles/index.html
View File

@@ -1,19 +1,17 @@
<!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>Articles &middot; The Octet Press</title>
<title>Articles &middot; The Octect Press</title>
<meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/articles/index.xml" title="The Octet Press" />
<link rel="alternate" type="application/rss+xml" href="/articles/index.xml" title="The Octect Press" />
</head>
@@ -22,13 +20,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>
@@ -46,13 +45,13 @@
<a
href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -66,13 +65,13 @@
</a>
<a
href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -86,13 +85,13 @@
</a>
<a
href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg">
<img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg">
<img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -106,13 +105,13 @@
</a>
<a
href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -126,13 +125,13 @@
</a>
<a
href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -146,13 +145,13 @@
</a>
<a
href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -166,13 +165,13 @@
</a>
<a
href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -186,13 +185,13 @@
</a>
<a
href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg">
<img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg">
<img src="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -206,13 +205,13 @@
</a>
<a
href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -226,13 +225,13 @@
</a>
<a
href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -251,13 +250,6 @@
<a href="/articles/page/2/" class="pagination-older pagination-text">Older Posts &gt;</a>
</nav>
<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>

6
public/articles/index.xml
View File

@@ -1,10 +1,10 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Articles - The Octet Press</title>
<title>Articles - The Octect Press</title>
<link>/articles/</link>
<description>Recent content in Articles on The Octet Press</description>
<description>Recent content in Articles on The Octect Press</description>
<generator>Hugo -- gohugo.io</generator>
<language>fr-FR</language>
<language>en-US,fr-FR</language>
<lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
<atom:link href="/articles/index.xml" rel="self" type="application/rss+xml" />

30
public/articles/page/2/index.html
View File

@@ -1,19 +1,17 @@
<!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>Articles &middot; The Octet Press</title>
<title>Articles &middot; The Octect Press</title>
<meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/articles/index.xml" title="The Octet Press" />
<link rel="alternate" type="application/rss+xml" href="/articles/index.xml" title="The Octect Press" />
</head>
@@ -22,13 +20,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>
@@ -46,13 +45,13 @@
<a
href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg">
<img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x600_fit_q75_lanczos.jpg">
<img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -66,13 +65,13 @@
</a>
<a
href="/articles/hello-world/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg">
<img src="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg">
<img src="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -91,13 +90,6 @@
</nav>
<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>

6
public/articles/page/2/index.xml
View File

@@ -1,10 +1,10 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Articles - The Octet Press</title>
<title>Articles - The Octect Press</title>
<link>/articles/</link>
<description>Recent content in Articles on The Octet Press</description>
<description>Recent content in Articles on The Octect Press</description>
<generator>Hugo -- gohugo.io</generator>
<language>fr-FR</language>
<language>en-US,fr-FR</language>
<lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
<atom:link href="/articles/index.xml" rel="self" type="application/rss+xml" />

BIN
public/articles/un-mastodon-dans-le-cyber-espace/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 285 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 36 KiB

BIN
public/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 36 KiB

26
public/articles/un-mastodon-dans-le-cyber-espace/index.html
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>Un Mastodon dans le cyber-espace &middot; The Octet Press</title>
<title>Un Mastodon dans le cyber-espace &middot; The Octect Press</title>
<meta name="description" content="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." />
<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">Un Mastodon dans le cyber-espace</h1>
<p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg">
<img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x0_resize_q75_lanczos.jpg">
<img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x0_resize_q75_lanczos.jpg" >
</picture>
<p>On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&rsquo;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. D&rsquo;une part, l&rsquo;introduction d&rsquo;un algorithme qui affiche les tweet sans tenir compte de l&rsquo;ordre chronologique a confu des utilisateurices et enervé beaucoup de monde. D&rsquo;autre part, étant une entreprise privée, Twitter Inc. est forcé de faire de plus en plus d&rsquo;argent grâce à un service qui est gratuit, et utilise donc la publicité, qui devient de plus en plus invasive.</p>
@@ -77,16 +75,16 @@
<nav class="end-nav side-padding">
<a href="/articles/hello-world/" 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/hello-world/cover.jpg">
<img src="/articles/hello-world/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Hello World</h2>
<p class="card-text">I guess this is an obligatory first post ?</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>

BIN
public/articles/zapatista-oventik-petite-ecole/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 446 KiB

After

Width:  |  Height:  |  Size: 77 KiB

BIN
public/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 81 KiB

BIN
public/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 81 KiB

26
public/articles/zapatista-oventik-petite-ecole/index.html
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>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. &middot; The Octet Press</title>
<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. &middot; The Octect Press</title>
<meta name="description" content="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)..." />
<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">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.</h1>
<p class="post-date">Posted <time datetime="2019-03-11">Mar 11, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg">
<img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x0_resize_q75_lanczos.jpg">
<img src="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x0_resize_q75_lanczos.jpg" >
</picture>
<p><em>Par Kristin Bricker, CIP Americas, 5 septembre 2013, traduit par N07070</em></p>
@@ -104,16 +102,16 @@ anglais</a>.</strong></p>
<nav class="end-nav side-padding">
<a href="/articles/cool-links/febuary/" 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/febuary/cover.jpg">
<img src="/articles/cool-links/febuary/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Cool links of Febuary</h2>
<p class="card-text">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 !</p>
@@ -139,16 +137,10 @@ anglais</a>.</strong></p>
</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>

BIN
public/articles/zapatista-oventik-petite-ecole/zapatista-oventic-mural-1.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 25 KiB

BIN
public/articles/zapatista-oventik-petite-ecole/zapatista-patrol.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 72 KiB

BIN
public/articles/zapatista-oventik-petite-ecole/zapatista-sign.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 30 KiB

BIN
public/articles/zapatista-oventik-petite-ecole/zapatista-youth-fists.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 382 KiB

After

Width:  |  Height:  |  Size: 81 KiB