blog/public/about-me/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>About me &middot; The Octect Press</title>
  <meta name="description" content="Who am I ?" />
  
  
  <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 dropcase">
        <header class="post-header">
          <h1 class="post-title">About me</h1>
          <p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
        </header>
        <picture class="post-figure">
          
          
          <source srcset="/about-me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg">
          <img src="/about-me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg" >
        </picture>
        
        <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>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">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>
<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>
<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>
<li><a href="http://git.n07070.xyz">git.n07070.xyz - code projects</a></li>
<li><a href="https://n07070.xyz/art-and-code/">Other projects</a></li>
</ul>
<h2 id="how-to-follow-this-blog">How to follow this blog</h2>
<p>You can follow this blog with :</p>
<ul>
<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>Or by coming every two weeks.</li>
</ul>
<h2 id="how-you-can-help">How you can help</h2>
<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>
<!-- raw HTML omitted -->
<p><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --></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>