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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
content/Stories/fixing-my-arms-with-free-software/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 313 KiB

After

Width:  |  Height:  |  Size: 310 KiB

BIN
public/about-me/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 404 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/about-me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 94 KiB

After

Width:  |  Height:  |  Size: 80 KiB

38
public/about-me/index.html
View File

@ -1,20 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>About me &middot; The Octet Press</title> <title>About me &middot; The Octect Press</title>
<meta name="description" content="Who am I ?" /> <meta name="description" content="Who am I ?" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,7 +47,6 @@
<h1 class="post-title">About me</h1> <h1 class="post-title">About me</h1>
<p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p> <p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
@ -56,28 +54,26 @@
<img src="/about-me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg" > <img src="/about-me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<p><img src="me.jpg" alt=""></p> <h2 id="what-is-this-blog-about-">What is this blog about ?</h2>
<h2 id="what-is-this-blog-about-">What is this blog about ?</h2> <p>For the moment it&rsquo;s mostly some articles I wrote. I plan on writing about ecology, tech, society, traveling, politics and fiction. If you like hastags, #SolarPunk, #VanLife, #DIY, #dWeb&hellip;</p>
<p>For the moment it&rsquo;s mostly some articles I wrote, but over time, if I get good feedback, I&rsquo;ll try to turn to publishing as a full-time job. I plan on writing about ecology, tech, society, traveling, politics and fiction. If you like hastags, #SolarPunk, #VanLife, #DIY, #dWeb&hellip;</p>
<p>I&rsquo;m writing in French and English, maybe even in Esperanto one day !</p> <p>I&rsquo;m writing in French and English, maybe even in Esperanto one day !</p>
<p>Most of the articles and general structure of the blog&rsquo;s source is found <a href="http://git.n07070.xyz/n07070/Blog-Articles">in my git server</a> ! Feel free to correct things or propose articles and such !</p> <p>Most of the articles and general structure of the blog&rsquo;s source is found <a href="http://git.n07070.xyz/n07070/blog">in my git server</a> ! Feel free to correct things or propose articles and such !</p>
<h2 id="who-am-i-">Who am I ?</h2> <h2 id="who-am-i-">Who am I ?</h2>
<p>I&rsquo;m a student in his twenties. I&rsquo;m trying to figure out life. If you have any thing to say to me, or would just like to tchat, hit me up at <a href="mailto:contact@n07070.xyz">this email</a> !</p> <p>I&rsquo;m a student in his twenties. I&rsquo;m trying to figure out life. If you have any thing to say to me, or would just like to tchat, hit me up at <a href="mailto:contact+blog@n07070.xyz">this email</a> !</p>
<h2 id="projects-and-code">Projects and code</h2> <h2 id="projects-and-code">Projects and code</h2>
<p>I try to keep my git up-to-date, but for now, I&rsquo;m mainly migrating bit by bit from Microsoft&rsquo;s Github.</p> <p>My git server is the main repository of code. Some of it is mirrored from other forges, such as Gitlab or Github.</p>
<ul> <ul>
<li><a href="http://git.n07070.xyz">git.n07070.xyz - code projects</a></li> <li><a href="http://git.n07070.xyz">git.n07070.xyz - code projects</a></li>
<li><a href="https://projects.n07070.xyz/">Other projects</a></li> <li><a href="https://n07070.xyz/art-and-code/">Other projects</a></li>
</ul> </ul>
<h2 id="how-to-follow-this-blog">How to follow this blog</h2> <h2 id="how-to-follow-this-blog">How to follow this blog</h2>
<p>You can follow this blog with :</p> <p>You can follow this blog with :</p>
<ul> <ul>
<li><a href="https://n07070.xyz/index.xml">RSS</a></li> <li><a href="https://n07070.xyz/index.xml">RSS</a>. <a href="https://github.com/AboutRSS/ALL-about-RSS">How to use RSS ?</a></li>
<li><a href="http://@Octet_Press@bots.tinysubversions.com">ActivityPub</a></li> <li>Or by coming every two weeks.</li>
<li>Or by coming every two weeks. I won&rsquo;t post more than that&hellip; for now.</li>
</ul> </ul>
<h2 id="how-you-can-help">How you can help</h2> <h2 id="how-you-can-help">How you can help</h2>
<p>Writing is time-consuming, and sadly I need to work. Each euro you give me is a step ahead ! If you wonder how I&rsquo;m gonna use your money, feel free to shoot an email at me !</p> <p>Writing is time-consuming, and sadly, I am forced to work to feed myself. Each euro you give me is a step ahead !</p>
<p>I accept donations via Liberapay for now, but if you prefer another way, I&rsquo;m sure I can set it up for you. Just ask me !</p> <p>I accept donations via Liberapay for now, but if you prefer another way, I&rsquo;m sure I can set it up for you. Just ask me !</p>
<!-- raw HTML omitted --> <!-- raw HTML omitted -->
<p><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --></p> <p><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --></p>
@ -88,16 +84,10 @@
</nav> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </html>

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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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." /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <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> <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> <p class="post-date">Posted <time datetime="2019-07-01">Jul 1, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hu088e2f66983f5004df548b8a7e5502df_141753_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> </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> <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"> <nav class="end-nav side-padding">
<a href="/articles/cool-links/june/" class="card blog-card bc-next bg-color-4" rel="bookmark" > <a href="/articles/cool-links/june/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/cool-links/june/cover.jpg"> <source srcset="/articles/cool-links/june/cover.jpg">
<img src="/articles/cool-links/june/cover.jpg" class="card-img" > <img src="/articles/cool-links/june/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Cool links of June</h2> <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> <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> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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... " /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of April</h1> <h1 class="post-title">Cool links of April</h1>
<p class="post-date">Posted <time datetime="2019-05-03">May 3, 2019</time></p> <p class="post-date">Posted <time datetime="2019-05-03">May 3, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg" > <img src="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<h1 id="cool-links-of-april">Cool links of April</h1> <h1 id="cool-links-of-april">Cool links of April</h1>
@ -93,16 +91,16 @@
<nav class="end-nav side-padding"> <nav class="end-nav side-padding">
<a href="/articles/cool-links/march/" class="card blog-card bc-next bg-color-4" rel="bookmark" > <a href="/articles/cool-links/march/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/cool-links/march/cover.jpg"> <source srcset="/articles/cool-links/march/cover.jpg">
<img src="/articles/cool-links/march/cover.jpg" class="card-img" > <img src="/articles/cool-links/march/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Cool links of March</h2> <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> <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> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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 !" /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of Febuary</h1> <h1 class="post-title">Cool links of Febuary</h1>
<p class="post-date">Posted <time datetime="2019-02-28">Feb 28, 2019</time></p> <p class="post-date">Posted <time datetime="2019-02-28">Feb 28, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg" > <img src="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<p>In this month&rsquo;s cool links, I&rsquo;ll share a lot of content around agriculture, plants, and Solarpunk !</p> <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"> <nav class="end-nav side-padding">
<a href="/articles/cool-links/january/" class="card blog-card bc-next bg-color-4" rel="bookmark" > <a href="/articles/cool-links/january/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/cool-links/january/cover.jpg"> <source srcset="/articles/cool-links/january/cover.jpg">
<img src="/articles/cool-links/january/cover.jpg" class="card-img" > <img src="/articles/cool-links/january/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Cool links of January</h2> <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> <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> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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." /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of January</h1> <h1 class="post-title">Cool links of January</h1>
<p class="post-date">Posted <time datetime="2019-01-28">Jan 28, 2019</time></p> <p class="post-date">Posted <time datetime="2019-01-28">Jan 28, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg" > <img src="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<h1 id="cool-links-of-january">Cool links of January</h1> <h1 id="cool-links-of-january">Cool links of January</h1>
@ -83,16 +81,16 @@
<nav class="end-nav side-padding"> <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" > <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"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover.jpg"> <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" > <img src="/articles/un-mastodon-dans-le-cyber-espace/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Un Mastodon dans le cyber-espace</h2> <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> <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> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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 !" /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of July</h1> <h1 class="post-title">Cool links of July</h1>
<p class="post-date">Posted <time datetime="2020-07-30">Jul 30, 2020</time></p> <p class="post-date">Posted <time datetime="2020-07-30">Jul 30, 2020</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg" > <img src="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<h1 id="cool-links-of-july">Cool links of July</h1> <h1 id="cool-links-of-july">Cool links of July</h1>
@ -73,16 +71,16 @@
<nav class="end-nav side-padding"> <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" > <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"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover.jpg"> <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" > <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">A case for the importance of multiple identities in the fediverse.</h2> <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> <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> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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." /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of June</h1> <h1 class="post-title">Cool links of June</h1>
<p class="post-date">Posted <time datetime="2019-06-30">Jun 30, 2019</time></p> <p class="post-date">Posted <time datetime="2019-06-30">Jun 30, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg" > <img src="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<h1 id="cool-links-of-june">Cool links of June</h1> <h1 id="cool-links-of-june">Cool links of June</h1>
@ -77,16 +75,16 @@
<nav class="end-nav side-padding"> <nav class="end-nav side-padding">
<a href="/articles/cool-links/may/" class="card blog-card bc-next bg-color-4" rel="bookmark" > <a href="/articles/cool-links/may/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/cool-links/may/cover.jpg"> <source srcset="/articles/cool-links/may/cover.jpg">
<img src="/articles/cool-links/may/cover.jpg" class="card-img" > <img src="/articles/cool-links/may/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Cool links of May</h2> <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> <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> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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 !" /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of March</h1> <h1 class="post-title">Cool links of March</h1>
<p class="post-date">Posted <time datetime="2019-04-02">Apr 2, 2019</time></p> <p class="post-date">Posted <time datetime="2019-04-02">Apr 2, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg" > <img src="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<h1 id="cool-links-of-march">Cool links of march</h1> <h1 id="cool-links-of-march">Cool links of march</h1>
@ -125,16 +123,16 @@
<nav class="end-nav side-padding"> <nav class="end-nav side-padding">
<a href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card bc-next bg-color-4" rel="bookmark" > <a href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/zapatista-oventik-petite-ecole/cover.jpg"> <source srcset="/articles/zapatista-oventik-petite-ecole/cover.jpg">
<img src="/articles/zapatista-oventik-petite-ecole/cover.jpg" class="card-img" > <img src="/articles/zapatista-oventik-petite-ecole/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <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> <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> <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> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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." /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,12 +47,11 @@
<h1 class="post-title">Cool links of May</h1> <h1 class="post-title">Cool links of May</h1>
<p class="post-date">Posted <time datetime="2019-06-03">Jun 3, 2019</time></p> <p class="post-date">Posted <time datetime="2019-06-03">Jun 3, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_446791_800x0_resize_q75_lanczos.jpg" > <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<h1 id="cool-links-of-may">Cool links of May</h1> <h1 id="cool-links-of-may">Cool links of May</h1>
@ -108,16 +106,16 @@
<nav class="end-nav side-padding"> <nav class="end-nav side-padding">
<a href="/articles/cool-links/april/" class="card blog-card bc-next bg-color-4" rel="bookmark" > <a href="/articles/cool-links/april/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/cool-links/april/cover.jpg"> <source srcset="/articles/cool-links/april/cover.jpg">
<img src="/articles/cool-links/april/cover.jpg" class="card-img" > <img src="/articles/cool-links/april/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Cool links of April</h2> <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> <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> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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... " /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <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> <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> <p class="post-date">Posted <time datetime="2020-09-01">Sep 1, 2020</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg" > <img src="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x0_resize_q75_lanczos.jpg" >
</picture> </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> <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"> <nav class="end-nav side-padding">
<a href="/articles/cool-links/july/" class="card blog-card bc-next bg-color-4" rel="bookmark" > <a href="/articles/cool-links/july/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/cool-links/july/cover.jpg"> <source srcset="/articles/cool-links/july/cover.jpg">
<img src="/articles/cool-links/july/cover.jpg" class="card-img" > <img src="/articles/cool-links/july/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Cool links of July</h2> <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> <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> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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 ?" /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,12 +47,11 @@
<h1 class="post-title">Hello World</h1> <h1 class="post-title">Hello World</h1>
<p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p> <p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg" > <img src="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<p>Hello, world !</p> <p>Hello, world !</p>
@ -67,16 +65,10 @@
</nav> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </html>

78
public/articles/index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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="" /> <meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.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> </head>
@ -22,13 +20,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -46,13 +45,13 @@
<a <a
href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -66,13 +65,13 @@
</a> </a>
<a <a
href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -86,13 +85,13 @@
</a> </a>
<a <a
href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" > href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg"> <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_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -106,13 +105,13 @@
</a> </a>
<a <a
href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -126,13 +125,13 @@
</a> </a>
<a <a
href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -146,13 +145,13 @@
</a> </a>
<a <a
href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -166,13 +165,13 @@
</a> </a>
<a <a
href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -186,13 +185,13 @@
</a> </a>
<a <a
href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" > href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg">
<img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -206,13 +205,13 @@
</a> </a>
<a <a
href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -226,13 +225,13 @@
</a> </a>
<a <a
href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -251,13 +250,6 @@
<a href="/articles/page/2/" class="pagination-older pagination-text">Older Posts &gt;</a> <a href="/articles/page/2/" class="pagination-older pagination-text">Older Posts &gt;</a>
</nav> </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> </body>
</html> </html>

6
public/articles/index.xml
View File

@ -1,10 +1,10 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Articles - The Octet Press</title> <title>Articles - The Octect Press</title>
<link>/articles/</link> <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> <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> <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
<atom:link href="/articles/index.xml" rel="self" type="application/rss+xml" /> <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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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="" /> <meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.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> </head>
@ -22,13 +20,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -46,13 +45,13 @@
<a <a
href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" > href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg"> <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_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -66,13 +65,13 @@
</a> </a>
<a <a
href="/articles/hello-world/" class="card blog-card" rel="bookmark" > href="/articles/hello-world/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg">
<img src="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -91,13 +90,6 @@
</nav> </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> </body>
</html> </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"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Articles - The Octet Press</title> <title>Articles - The Octect Press</title>
<link>/articles/</link> <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> <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> <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
<atom:link href="/articles/index.xml" rel="self" type="application/rss+xml" /> <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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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." /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <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> <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> <p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg" > <img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x0_resize_q75_lanczos.jpg" >
</picture> </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> <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"> <nav class="end-nav side-padding">
<a href="/articles/hello-world/" class="card blog-card bc-next bg-color-4" rel="bookmark" > <a href="/articles/hello-world/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/hello-world/cover.jpg"> <source srcset="/articles/hello-world/cover.jpg">
<img src="/articles/hello-world/cover.jpg" class="card-img" > <img src="/articles/hello-world/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Hello World</h2> <h2 class="card-title">Hello World</h2>
<p class="card-text">I guess this is an obligatory first post ?</p> <p class="card-text">I guess this is an obligatory first post ?</p>
@ -112,16 +110,10 @@
</nav> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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)..." /> <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"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <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> <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> <p class="post-date">Posted <time datetime="2019-03-11">Mar 11, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/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_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg" > <img src="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<p><em>Par Kristin Bricker, CIP Americas, 5 septembre 2013, traduit par N07070</em></p> <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"> <nav class="end-nav side-padding">
<a href="/articles/cool-links/febuary/" class="card blog-card bc-next bg-color-4" rel="bookmark" > <a href="/articles/cool-links/febuary/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<p class="card-img-overlay">Next Article</p> <p class="card-img-overlay">Next Article</p>
<picture> <picture>
<source srcset="/articles/cool-links/febuary/cover.jpg"> <source srcset="/articles/cool-links/febuary/cover.jpg">
<img src="/articles/cool-links/febuary/cover.jpg" class="card-img" > <img src="/articles/cool-links/febuary/cover.jpg" class="card-img" >
</picture> </picture>
</div>
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Cool links of Febuary</h2> <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> <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> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </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

78
public/categories/blog/index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Blog &middot; The Octet Press</title> <title>Blog &middot; The Octect Press</title>
<meta name="description" content="" /> <meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/categories/blog/index.xml" title="The Octet Press" /> <link rel="alternate" type="application/rss+xml" href="/categories/blog/index.xml" title="The Octect Press" />
</head> </head>
@ -22,13 +20,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -46,13 +45,13 @@
<a <a
href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -66,13 +65,13 @@
</a> </a>
<a <a
href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -86,13 +85,13 @@
</a> </a>
<a <a
href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" > href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg"> <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_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -106,13 +105,13 @@
</a> </a>
<a <a
href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -126,13 +125,13 @@
</a> </a>
<a <a
href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -146,13 +145,13 @@
</a> </a>
<a <a
href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -166,13 +165,13 @@
</a> </a>
<a <a
href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -186,13 +185,13 @@
</a> </a>
<a <a
href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -206,13 +205,13 @@
</a> </a>
<a <a
href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -226,13 +225,13 @@
</a> </a>
<a <a
href="/stories/across-town/" class="card blog-card" rel="bookmark" > href="/stories/across-town/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg"> <source srcset="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg">
<img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -251,13 +250,6 @@
<a href="/categories/blog/page/2/" class="pagination-older pagination-text">Older Posts &gt;</a> <a href="/categories/blog/page/2/" class="pagination-older pagination-text">Older Posts &gt;</a>
</nav> </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> </body>
</html> </html>

6
public/categories/blog/index.xml
View File

@ -1,10 +1,10 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Blog - The Octet Press</title> <title>Blog - The Octect Press</title>
<link>/categories/blog/</link> <link>/categories/blog/</link>
<description>Recent content in Blog on The Octet Press</description> <description>Recent content in Blog on The Octect Press</description>
<generator>Hugo -- gohugo.io</generator> <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> <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
<atom:link href="/categories/blog/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="/categories/blog/index.xml" rel="self" type="application/rss+xml" />

24
public/categories/blog/page/2/index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Blog &middot; The Octet Press</title> <title>Blog &middot; The Octect Press</title>
<meta name="description" content="" /> <meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/categories/blog/index.xml" title="The Octet Press" /> <link rel="alternate" type="application/rss+xml" href="/categories/blog/index.xml" title="The Octect Press" />
</head> </head>
@ -22,13 +20,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -46,13 +45,13 @@
<a <a
href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" > href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg"> <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_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -71,13 +70,6 @@
</nav> </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> </body>
</html> </html>

6
public/categories/blog/page/2/index.xml
View File

@ -1,10 +1,10 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Blog - The Octet Press</title> <title>Blog - The Octect Press</title>
<link>/categories/blog/</link> <link>/categories/blog/</link>
<description>Recent content in Blog on The Octet Press</description> <description>Recent content in Blog on The Octect Press</description>
<generator>Hugo -- gohugo.io</generator> <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> <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
<atom:link href="/categories/blog/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="/categories/blog/index.xml" rel="self" type="application/rss+xml" />

78
public/categories/english/index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>English &middot; The Octet Press</title> <title>English &middot; The Octect Press</title>
<meta name="description" content="" /> <meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/categories/english/index.xml" title="The Octet Press" /> <link rel="alternate" type="application/rss+xml" href="/categories/english/index.xml" title="The Octect Press" />
</head> </head>
@ -22,13 +20,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -46,13 +45,13 @@
<a <a
href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -66,13 +65,13 @@
</a> </a>
<a <a
href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" > href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg"> <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_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -86,13 +85,13 @@
</a> </a>
<a <a
href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -106,13 +105,13 @@
</a> </a>
<a <a
href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -126,13 +125,13 @@
</a> </a>
<a <a
href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -146,13 +145,13 @@
</a> </a>
<a <a
href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -166,13 +165,13 @@
</a> </a>
<a <a
href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -186,13 +185,13 @@
</a> </a>
<a <a
href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -206,13 +205,13 @@
</a> </a>
<a <a
href="/stories/across-town/" class="card blog-card" rel="bookmark" > href="/stories/across-town/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg"> <source srcset="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg">
<img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -226,13 +225,13 @@
</a> </a>
<a <a
href="/articles/hello-world/" class="card blog-card" rel="bookmark" > href="/articles/hello-world/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg">
<img src="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -248,13 +247,6 @@
</main> </main>
<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> </body>
</html> </html>

6
public/categories/english/index.xml
View File

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

78
public/categories/français/index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Français &middot; The Octet Press</title> <title>Français &middot; The Octect Press</title>
<meta name="description" content="" /> <meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/categories/fran%C3%A7ais/index.xml" title="The Octet Press" /> <link rel="alternate" type="application/rss+xml" href="/categories/fran%C3%A7ais/index.xml" title="The Octect Press" />
</head> </head>
@ -22,13 +20,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -46,13 +45,13 @@
<a <a
href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -66,13 +65,13 @@
</a> </a>
<a <a
href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -86,13 +85,13 @@
</a> </a>
<a <a
href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -106,13 +105,13 @@
</a> </a>
<a <a
href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -126,13 +125,13 @@
</a> </a>
<a <a
href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -146,13 +145,13 @@
</a> </a>
<a <a
href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -166,13 +165,13 @@
</a> </a>
<a <a
href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" > href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg">
<img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -186,13 +185,13 @@
</a> </a>
<a <a
href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -206,13 +205,13 @@
</a> </a>
<a <a
href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -226,13 +225,13 @@
</a> </a>
<a <a
href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" > href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg"> <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_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -248,13 +247,6 @@
</main> </main>
<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> </body>
</html> </html>

6
public/categories/français/index.xml
View File

@ -1,10 +1,10 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Français - The Octet Press</title> <title>Français - The Octect Press</title>
<link>/categories/fran%C3%A7ais/</link> <link>/categories/fran%C3%A7ais/</link>
<description>Recent content in Français on The Octet Press</description> <description>Recent content in Français on The Octect Press</description>
<generator>Hugo -- gohugo.io</generator> <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> <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
<atom:link href="/categories/fran%C3%A7ais/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="/categories/fran%C3%A7ais/index.xml" rel="self" type="application/rss+xml" />

26
public/categories/index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Categories &middot; The Octet Press</title> <title>Categories &middot; The Octect Press</title>
<meta name="description" content="" /> <meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/categories/index.xml" title="The Octet Press" /> <link rel="alternate" type="application/rss+xml" href="/categories/index.xml" title="The Octect Press" />
</head> </head>
@ -22,13 +20,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -46,7 +45,9 @@
<a <a
href="/categories/blog/" class="card blog-card" rel="bookmark" > href="/categories/blog/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Blog</h2> <h2 class="card-title">Blog</h2>
<p class="card-text"></p> <p class="card-text"></p>
@ -58,7 +59,9 @@
</a> </a>
<a <a
href="/categories/fran%C3%A7ais/" class="card blog-card" rel="bookmark" > href="/categories/fran%C3%A7ais/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Français</h2> <h2 class="card-title">Français</h2>
<p class="card-text"></p> <p class="card-text"></p>
@ -70,7 +73,9 @@
</a> </a>
<a <a
href="/categories/english/" class="card blog-card" rel="bookmark" > href="/categories/english/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">English</h2> <h2 class="card-title">English</h2>
<p class="card-text"></p> <p class="card-text"></p>
@ -82,7 +87,9 @@
</a> </a>
<a <a
href="/categories/politique/" class="card blog-card" rel="bookmark" > href="/categories/politique/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
</div>
<article class="card-body"> <article class="card-body">
<h2 class="card-title">Politique</h2> <h2 class="card-title">Politique</h2>
<p class="card-text"></p> <p class="card-text"></p>
@ -96,13 +103,6 @@
</main> </main>
<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> </body>
</html> </html>

6
public/categories/index.xml
View File

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

24
public/categories/politique/index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Politique &middot; The Octet Press</title> <title>Politique &middot; The Octect Press</title>
<meta name="description" content="" /> <meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/categories/politique/index.xml" title="The Octet Press" /> <link rel="alternate" type="application/rss+xml" href="/categories/politique/index.xml" title="The Octect Press" />
</head> </head>
@ -22,13 +20,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -46,13 +45,13 @@
<a <a
href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" > href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg">
<img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -68,13 +67,6 @@
</main> </main>
<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> </body>
</html> </html>

6
public/categories/politique/index.xml
View File

@ -1,10 +1,10 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Politique - The Octet Press</title> <title>Politique - The Octect Press</title>
<link>/categories/politique/</link> <link>/categories/politique/</link>
<description>Recent content in Politique on The Octet Press</description> <description>Recent content in Politique on The Octect Press</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>fr-FR</language> <language>en-US,fr-FR</language>
<lastBuildDate>Mon, 11 Mar 2019 20:00:00 +0000</lastBuildDate> <lastBuildDate>Mon, 11 Mar 2019 20:00:00 +0000</lastBuildDate>
<atom:link href="/categories/politique/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="/categories/politique/index.xml" rel="self" type="application/rss+xml" />

2
public/css/concated.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
public/img/across-town/across-town.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 250 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/img/across-town/gardening.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 82 KiB

BIN
public/img/across-town/hydro.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 324 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/img/across-town/market.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 60 KiB

BIN
public/img/cool-links/cool_links.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 239 KiB

After

Width:  |  Height:  |  Size: 81 KiB

BIN
public/img/cool-links/space-flower.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 819 KiB

After

Width:  |  Height:  |  Size: 116 KiB

BIN
public/img/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/img/me.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 404 KiB

After

Width:  |  Height:  |  Size: 80 KiB

78
public/index.html
View File

@ -1,20 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta name="generator" content="Hugo 0.79.0" /> <meta name="generator" content="Hugo 0.79.0" />
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>The Octet Press</title> <title>The Octect Press</title>
<meta name="description" content="Hi, I&#39;m n07070. This is my blog and homepage, where I post articles, art, code, links and more." /> <meta name="description" content="Hi, I&#39;m n07070. This is my blog and homepage, where I post articles, art, code, links and more." />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/index.xml" title="The Octet Press" /> <link rel="alternate" type="application/rss+xml" href="/index.xml" title="The Octect Press" />
</head> </head>
@ -25,13 +23,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -51,13 +50,13 @@
<a <a
href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/september/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -71,13 +70,13 @@
</a> </a>
<a <a
href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -91,13 +90,13 @@
</a> </a>
<a <a
href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" > href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg"> <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_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -111,13 +110,13 @@
</a> </a>
<a <a
href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -131,13 +130,13 @@
</a> </a>
<a <a
href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -151,13 +150,13 @@
</a> </a>
<a <a
href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -171,13 +170,13 @@
</a> </a>
<a <a
href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -191,13 +190,13 @@
</a> </a>
<a <a
href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" > href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg">
<img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -211,13 +210,13 @@
</a> </a>
<a <a
href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -231,13 +230,13 @@
</a> </a>
<a <a
href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" > href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -256,13 +255,6 @@
<a href="/page/2/" class="pagination-older pagination-text">Older Posts &gt;</a> <a href="/page/2/" class="pagination-older pagination-text">Older Posts &gt;</a>
</nav> </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> </body>
</html> </html>

6
public/index.xml
View File

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

36
public/page/2/index.html
View File

@ -1,20 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta name="generator" content="Hugo 0.79.0" /> <meta name="generator" content="Hugo 0.79.0" />
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>The Octet Press</title> <title>The Octect Press</title>
<meta name="description" content="Hi, I&#39;m n07070. This is my blog and homepage, where I post articles, art, code, links and more." /> <meta name="description" content="Hi, I&#39;m n07070. This is my blog and homepage, where I post articles, art, code, links and more." />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/index.xml" title="The Octet Press" /> <link rel="alternate" type="application/rss+xml" href="/index.xml" title="The Octect Press" />
</head> </head>
@ -25,13 +23,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -51,13 +50,13 @@
<a <a
href="/stories/across-town/" class="card blog-card" rel="bookmark" > href="/stories/across-town/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg"> <source srcset="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg">
<img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -71,13 +70,13 @@
</a> </a>
<a <a
href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" > href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg"> <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_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -91,13 +90,13 @@
</a> </a>
<a <a
href="/articles/hello-world/" class="card blog-card" rel="bookmark" > href="/articles/hello-world/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg"> <source srcset="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg">
<img src="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -116,13 +115,6 @@
</nav> </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> </body>
</html> </html>

121
public/sitemap.xml
View File

@ -1,119 +1,16 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url> <sitemap>
<loc>/articles/</loc> <loc>fr/sitemap.xml</loc>
<lastmod>2020-09-01T13:37:42+00:00</lastmod>
</url>
<url> </sitemap>
<loc>/categories/blog/</loc>
<lastmod>2020-09-01T13:37:42+00:00</lastmod>
</url>
<url> <sitemap>
<loc>/categories/</loc> <loc>en/sitemap.xml</loc>
<lastmod>2020-09-01T13:37:42+00:00</lastmod>
</url>
<url> <lastmod>2020-09-01T13:37:42+00:00</lastmod>
<loc>/categories/fran%C3%A7ais/</loc>
<lastmod>2020-09-01T13:37:42+00:00</lastmod>
</url>
<url> </sitemap>
<loc>/articles/cool-links/september/</loc>
<lastmod>2020-09-01T13:37:42+00:00</lastmod>
</url>
<url> </sitemapindex>
<loc>/</loc>
<lastmod>2020-09-01T13:37:42+00:00</lastmod>
</url>
<url>
<loc>/articles/cool-links/july/</loc>
<lastmod>2020-07-30T13:37:42+00:00</lastmod>
</url>
<url>
<loc>/categories/english/</loc>
<lastmod>2020-07-30T13:37:42+00:00</lastmod>
</url>
<url>
<loc>/articles/a-case-for-the-importance-of-multiples-identites/</loc>
<lastmod>2019-07-01T00:00:01+00:00</lastmod>
</url>
<url>
<loc>/articles/cool-links/june/</loc>
<lastmod>2019-06-30T13:37:42+00:00</lastmod>
</url>
<url>
<loc>/articles/cool-links/may/</loc>
<lastmod>2019-06-03T13:37:42+00:00</lastmod>
</url>
<url>
<loc>/articles/cool-links/april/</loc>
<lastmod>2019-05-03T13:37:42+00:00</lastmod>
</url>
<url>
<loc>/articles/cool-links/march/</loc>
<lastmod>2019-04-02T13:37:42+00:00</lastmod>
</url>
<url>
<loc>/articles/zapatista-oventik-petite-ecole/</loc>
<lastmod>2019-03-11T20:00:00+00:00</lastmod>
</url>
<url>
<loc>/categories/politique/</loc>
<lastmod>2019-03-11T20:00:00+00:00</lastmod>
</url>
<url>
<loc>/articles/cool-links/febuary/</loc>
<lastmod>2019-02-28T08:25:20+00:00</lastmod>
</url>
<url>
<loc>/articles/cool-links/january/</loc>
<lastmod>2019-01-28T08:25:20+00:00</lastmod>
</url>
<url>
<loc>/stories/across-town/</loc>
<lastmod>2019-01-03T18:27:07+00:00</lastmod>
</url>
<url>
<loc>/stories/</loc>
<lastmod>2019-01-03T18:27:07+00:00</lastmod>
</url>
<url>
<loc>/about-me/</loc>
<lastmod>2019-01-02T22:25:20+00:00</lastmod>
</url>
<url>
<loc>/articles/un-mastodon-dans-le-cyber-espace/</loc>
<lastmod>2019-01-02T21:00:00+00:00</lastmod>
</url>
<url>
<loc>/articles/hello-world/</loc>
<lastmod>2019-01-02T00:00:00+00:00</lastmod>
</url>
<url>
<loc>/tags/</loc>
</url>
</urlset>

BIN
public/stories/across-town/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 250 KiB

After

Width:  |  Height:  |  Size: 102 KiB

BIN
public/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 146 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/stories/across-town/gardening.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 81 KiB

BIN
public/stories/across-town/hydro.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 324 KiB

After

Width:  |  Height:  |  Size: 118 KiB

28
public/stories/across-town/index.html
View File

@ -1,20 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Across Town &middot; The Octet Press</title> <title>Across Town &middot; The Octect Press</title>
<meta name="description" content="As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price." /> <meta name="description" content="As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price." />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
</head> </head>
@ -24,13 +22,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,12 +47,11 @@
<h1 class="post-title">Across Town</h1> <h1 class="post-title">Across Town</h1>
<p class="post-date">Posted <time datetime="2019-01-03">Jan 3, 2019</time></p> <p class="post-date">Posted <time datetime="2019-01-03">Jan 3, 2019</time></p>
</header> </header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure"> <picture class="post-figure">
<source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg"> <source srcset="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x0_resize_q75_lanczos.jpg">
<img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg" > <img src="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x0_resize_q75_lanczos.jpg" >
</picture> </picture>
<p>As I came out of The Green Fairy, my neighbordhood&rsquo;s associative coffee shop, I was hit by a ray of light, and needed to stop for a few seconds. I&rsquo;d spent the night drinking, some home-made beer a friend had been brewing for the past months, and let me tell you, it was one of the finest beer I had recently. The sweet aromas of orange and cinammon were very welcome, but now I had to pay their price.</p> <p>As I came out of The Green Fairy, my neighbordhood&rsquo;s associative coffee shop, I was hit by a ray of light, and needed to stop for a few seconds. I&rsquo;d spent the night drinking, some home-made beer a friend had been brewing for the past months, and let me tell you, it was one of the finest beer I had recently. The sweet aromas of orange and cinammon were very welcome, but now I had to pay their price.</p>
@ -87,7 +85,7 @@
<p>I left the docks with my trike, and decided to take the bike lanes on the side of the river. The trees shade most the ride from the sun, and delicatly brush in the wind. I always like to see people rowing and swim, now that the rivers are clean. I never though I would of seen that one day, but it took only three years to get clean, and fish have now started to come back.</p> <p>I left the docks with my trike, and decided to take the bike lanes on the side of the river. The trees shade most the ride from the sun, and delicatly brush in the wind. I always like to see people rowing and swim, now that the rivers are clean. I never though I would of seen that one day, but it took only three years to get clean, and fish have now started to come back.</p>
<p>I followed the river until I got to the new communal center, made a turn, and rode further into the city. As I arrived near the 20th district market, I stopped, and parked by bike.</p> <p>I followed the river until I got to the new communal center, made a turn, and rode further into the city. As I arrived near the 20th district market, I stopped, and parked by bike.</p>
<p>I heard that a new bamboo pipe shippement had arrived, and I wanted to get a few for the hydroponics system. I also wanted to go see the gardener’s corner to get a few seeds and, if I could find it, a hop plant. I’ve got a projet brewing in my mind for that one.</p> <p>I heard that a new bamboo pipe shippement had arrived, and I wanted to get a few for the hydroponics system. I also wanted to go see the gardener’s corner to get a few seeds and, if I could find it, a hop plant. I’ve got a projet brewing in my mind for that one.</p>
<p><img src="https://n07070.xyz/img/across-town/market.jpg" alt="Art by www.liekeland.nl"></p> <p><img src="market.jpg" alt="Art by www.liekeland.nl"></p>
<p>The market in itself was in a huge hall, made of cast iron. It was all painted red, in rememberance of the blood people spilled building it at the time. It had a glass roof that provided a lot of sun all year round, and in the winter, big curtains of vibrant colors where put up during a small festival in the first week of november. Every family, collective and there friends make the curtains and restore the old one during the party, and at night it becomes a huge music-hall… I love this place, sometimes when I go through it, I can almost hear last year&rsquo;s music in the back of my head. I was arriving to the building section of the market.</p> <p>The market in itself was in a huge hall, made of cast iron. It was all painted red, in rememberance of the blood people spilled building it at the time. It had a glass roof that provided a lot of sun all year round, and in the winter, big curtains of vibrant colors where put up during a small festival in the first week of november. Every family, collective and there friends make the curtains and restore the old one during the party, and at night it becomes a huge music-hall… I love this place, sometimes when I go through it, I can almost hear last year&rsquo;s music in the back of my head. I was arriving to the building section of the market.</p>
<p>Indeed the bamboo pipes had arrived. I took a few, and asked if someone wanted to help me move them to my trike. A young person smoking a cigarette told me that they would be there in a minute. I offered to teach them how to make a herbal cigarette with minth and hazelnut leaves in exchange.</p> <p>Indeed the bamboo pipes had arrived. I took a few, and asked if someone wanted to help me move them to my trike. A young person smoking a cigarette told me that they would be there in a minute. I offered to teach them how to make a herbal cigarette with minth and hazelnut leaves in exchange.</p>
<p>Moving the pipes was the easy part. We just took each pipe on each side, and stacked them on the roof. I was wondering if the tryke could hold the weight, but what really worried me was hitting someone while turning. I guess a small red cloth will do the trick, <strong>I hope</strong>&hellip;</p> <p>Moving the pipes was the easy part. We just took each pipe on each side, and stacked them on the roof. I was wondering if the tryke could hold the weight, but what really worried me was hitting someone while turning. I guess a small red cloth will do the trick, <strong>I hope</strong>&hellip;</p>
@ -95,12 +93,12 @@
<p>Now, for the best part of my day : the gardener’s corner. It’s filled with the most exotic plants, and, among other things, you can find a few herborists that have some of the best teas to cure the worst hangovers. At the entrance, you can spot a big pot of boiling water, where you can make yourself tea. I went to exchange a usb key for a few herbs.</p> <p>Now, for the best part of my day : the gardener’s corner. It’s filled with the most exotic plants, and, among other things, you can find a few herborists that have some of the best teas to cure the worst hangovers. At the entrance, you can spot a big pot of boiling water, where you can make yourself tea. I went to exchange a usb key for a few herbs.</p>
<p>I took my usual, and asked around for a hop plant. An old woman, who traveled half the world after feeling her home in rural East Asia told me about a Berliner that had a few plants she grew in her garden. My german wasn&rsquo;t that good, but I managed to update her computer in exchange for two hops and a morning glory.</p> <p>I took my usual, and asked around for a hop plant. An old woman, who traveled half the world after feeling her home in rural East Asia told me about a Berliner that had a few plants she grew in her garden. My german wasn&rsquo;t that good, but I managed to update her computer in exchange for two hops and a morning glory.</p>
<p>After loading all of that in my trike, I pedaled to the building my friends had opened. It was an old, grey building that was once home to a horrible police departement. When the last officer of the city gave his gun back, the bulding closed, and nobody wanted to do anything with it. Until recently. It wasn’t very welcoming, but flowers were starting to bloom all over it&hellip; The parking had been destroyed and upgraded to a garden. My morning glories where soon going to be climing all over the walls. Someone was playing guitar and children where learning how to make a wind turbine.</p> <p>After loading all of that in my trike, I pedaled to the building my friends had opened. It was an old, grey building that was once home to a horrible police departement. When the last officer of the city gave his gun back, the bulding closed, and nobody wanted to do anything with it. Until recently. It wasn’t very welcoming, but flowers were starting to bloom all over it&hellip; The parking had been destroyed and upgraded to a garden. My morning glories where soon going to be climing all over the walls. Someone was playing guitar and children where learning how to make a wind turbine.</p>
<p><img src="https://n07070.xyz/img/across-town/gardening.jpg" alt="Art by www.liekeland.nl"></p> <p><img src="gardening.jpg" alt="Art by www.liekeland.nl"></p>
<p>As I unloaded the pipes, Jules shouted at me from the roof : “There you are ! We thought that you got lost in the gardener’s market again !”</p> <p>As I unloaded the pipes, Jules shouted at me from the roof : “There you are ! We thought that you got lost in the gardener’s market again !”</p>
<p>“Not today ! Come help me bring all of this upstairs instead of standing in front of my sunshine !” I shouted back jockingly.</p> <p>“Not today ! Come help me bring all of this upstairs instead of standing in front of my sunshine !” I shouted back jockingly.</p>
<p>Bringing the pipes up to the roof was not easy, even with ropes. They were pretty heavy, but they especially moved around so much that we nearly smashed a window. It took us the best of an hour.</p> <p>Bringing the pipes up to the roof was not easy, even with ropes. They were pretty heavy, but they especially moved around so much that we nearly smashed a window. It took us the best of an hour.</p>
<p>Once all of the pipes were on the roof, we started measuring them to fit the water irrigation system we designed. Two buildings next to ours had big tarpaulins that fed into pipes, that connected to a big water tank on our roof. The system could store quite a bit of water, which would be good enough for most of the year. From that tank, we needed to bring water to the different parts of the roof, and the different plants.</p> <p>Once all of the pipes were on the roof, we started measuring them to fit the water irrigation system we designed. Two buildings next to ours had big tarpaulins that fed into pipes, that connected to a big water tank on our roof. The system could store quite a bit of water, which would be good enough for most of the year. From that tank, we needed to bring water to the different parts of the roof, and the different plants.</p>
<p><img src="https://n07070.xyz/img/across-town/hydro.jpg" alt="A hydroponic system with pvc pipes"></p> <p><img src="hydro.jpg" alt="A hydroponic system with pvc pipes"></p>
<p>Naseem, a friend of Jules, had studied electric-less water control systems and came up with something truly ingenious : a small black glass contraption. When it&rsquo;s heated by the sun, it creates a void that pumps up water from the tank into a Pythagorean cup system. Gravity then pumps water by itself. It took me some time to understand exactly how it worked, it seemed like magic for me.</p> <p>Naseem, a friend of Jules, had studied electric-less water control systems and came up with something truly ingenious : a small black glass contraption. When it&rsquo;s heated by the sun, it creates a void that pumps up water from the tank into a Pythagorean cup system. Gravity then pumps water by itself. It took me some time to understand exactly how it worked, it seemed like magic for me.</p>
<p>When it’s raining, no need for water, and went it’s cold, it takes more time for water to evaporate, so it’s fool-proof year-round.</p> <p>When it’s raining, no need for water, and went it’s cold, it takes more time for water to evaporate, so it’s fool-proof year-round.</p>
<p>The difficulty lied in calibrating the system, and that&rsquo;s what took most of the evening. It was interruped by a water battle and a few water bombs from the kids downstairs, but we fought back with water guns !</p> <p>The difficulty lied in calibrating the system, and that&rsquo;s what took most of the evening. It was interruped by a water battle and a few water bombs from the kids downstairs, but we fought back with water guns !</p>
@ -113,16 +111,10 @@
</nav> </nav>
<footer class="side-padding" > <footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer> </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> </body>
</html> </html>

BIN
public/stories/across-town/market.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 80 KiB

24
public/stories/index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Stories &middot; The Octet Press</title> <title>Stories &middot; The Octect Press</title>
<meta name="description" content="" /> <meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/stories/index.xml" title="The Octet Press" /> <link rel="alternate" type="application/rss+xml" href="/stories/index.xml" title="The Octect Press" />
</head> </head>
@ -22,13 +20,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -46,13 +45,13 @@
<a <a
href="/stories/across-town/" class="card blog-card" rel="bookmark" > href="/stories/across-town/" class="card blog-card" rel="bookmark" >
<div class="card-img-container"> <div class="card-img-container">
<picture> <picture>
<source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg"> <source srcset="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg">
<img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg" class="card-img" > <img src="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture> </picture>
</div> </div>
<article class="card-body"> <article class="card-body">
@ -68,13 +67,6 @@
</main> </main>
<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> </body>
</html> </html>

6
public/stories/index.xml
View File

@ -1,10 +1,10 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Stories - The Octet Press</title> <title>Stories - The Octect Press</title>
<link>/stories/</link> <link>/stories/</link>
<description>Recent content in Stories on The Octet Press</description> <description>Recent content in Stories on The Octect Press</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>fr-FR</language> <language>en-US,fr-FR</language>
<lastBuildDate>Thu, 03 Jan 2019 18:27:07 +0000</lastBuildDate> <lastBuildDate>Thu, 03 Jan 2019 18:27:07 +0000</lastBuildDate>
<atom:link href="/stories/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="/stories/index.xml" rel="self" type="application/rss+xml" />

18
public/tags/index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr-FR" dir="ltr"> <html lang="en-US,fr-FR" dir="ltr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Tags &middot; The Octet Press</title> <title>Tags &middot; The Octect Press</title>
<meta name="description" content="" /> <meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet"> <link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/tags/index.xml" title="The Octet Press" /> <link rel="alternate" type="application/rss+xml" href="/tags/index.xml" title="The Octect Press" />
</head> </head>
@ -22,13 +20,14 @@
<div class="card blog-card menu-container"> <div class="card blog-card menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a> <a href="" class="nav-text">The Octet Press</a>
</h1> </h1>
<br> <br>
<section id="menu"> <section id="menu">
<ul> <ul>
<li><a href="" class="">HOME</a></li> <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> <li><a href="/about-me/" class="">ABOUT ME</a></li>
@ -48,13 +47,6 @@
</main> </main>
<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> </body>
</html> </html>

6
public/tags/index.xml
View File

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

BIN
static/img/across-town/across-town.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 250 KiB

After

Width:  |  Height:  |  Size: 236 KiB

BIN
static/img/across-town/gardening.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 105 KiB

BIN
static/img/across-town/hydro.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 324 KiB

After

Width:  |  Height:  |  Size: 317 KiB

BIN
static/img/across-town/market.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 60 KiB

Some files were not shown because too many files have changed in this diff Show More