blog/public/articles/hello-world/index.html

<!DOCTYPE html>
<html lang="en-US,fr-FR" dir="ltr">

  <head>
  <meta charset="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Hello World &middot; The Octect Press</title>
  <meta name="description" content="I guess this is an obligatory first post ?" />
  
  
  <link href="/css/concated.min.css" rel="stylesheet">
  
</head>


  <body class="single-body">

    <nav class="nav-bar card-container">

 <div class="card blog-card menu-container">
     <h1 class="nav-header">
         <a href="" class="nav-text">The Octet Press</a>
     </h1>
     <br>
     <section id="menu">
       <ul>
           <li><a href="" class="">HOME</a></li>

           <li><a href="/art-and-code/" class="">ART &amp; CODE</a></li>
           <li><a href="/about-me/" class="">ABOUT ME</a></li>
           
           
           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
       </ul>
       </section>
 </div>
</nav>


    <main class="content side-text-padding">
      <article class="post ">
        <header class="post-header">
          <h1 class="post-title">Hello World</h1>
          <p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
        </header>
        <picture class="post-figure">
          
          
          <source srcset="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg">
          <img src="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg" >
        </picture>
        
        <p>Hello, world !</p>
<p>This blog, dubbed the octet press, is gonna be my personnal space in the web to post my toughts and share what I found on the web.</p>
<p>I might write in French or English.</p>
<p>This page is going to be updated in the futur, so keep an eye on it.</p>

      </article>
    </main>
    <nav class="end-nav side-padding">
      
    </nav>
    
<nav class="end-nav side-padding card-container card content">
      <section class="webring">
  <h3>Articles from blogs I follow around the net</h3>
  <section class="articles">
    
    <div class="article">
      <h4 class="title">
        <a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a>
      </h4>
      <p class="summary">In the mid 20th century, whole cities’ sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p>
      <small class="source">
        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
      </small>
      <small class="date">March 28, 2021</small>
    </div>
    
    <div class="article">
      <h4 class="title">
        <a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
      </h4>
      <p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
      <small class="source">
        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
      </small>
      <small class="date">March 26, 2021</small>
    </div>
    
    <div class="article">
      <h4 class="title">
        <a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
      </h4>
      <p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
      <small class="source">
        via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
      </small>
      <small class="date">March 26, 2021</small>
    </div>
    
  </section>
  <p class="attribution">
    Generated by
    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
  </p>
</section>
<style>
.webring .articles {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.webring .title {
  margin: 0;
}
.webring .article {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  margin: 0.5rem;
  padding: 0.5rem;
  min-width: 10rem;
}
.webring .summary {
  font-size: 0.8rem;
  flex: 1 1 0;
}
.webring .attribution {
  text-align: right;
  font-size: 0.8rem;
}
</style>


</nav>


<footer class="content card card-container side-padding" >
    <h3>The Octet Press is N07070's blog. It's self-hosted, low-tech, without javascript and static, as it should be.</h3><sup><a href="">Why ?</a></sup>
</footer>

    
  </body>
</html>