Mise à jour du thème

assets/css/override.css

@@ -17,7 +17,9 @@
 
   .content {
       background: #121212;
-      box-shadow: 0 0.7rem 2.3rem 0 rgba(255,255,255,0.3);
+      border: solid;
+      border-width: 1px;
+      border-color: white;
   }
 
   .card-container {
@@ -42,6 +44,10 @@
   .blog-card {
       background:  #121212;
       color: white;
+      border: solid;
+      border-color: white;
+      border-width: 2px;
+
   }
 
   .blog-card h2{

assets/css/print.css

@@ -42,6 +42,7 @@
        text-align: justify;
        margin: 0;
        max-width: none;
+       box-shadow: none;
 
    }
 
@@ -60,11 +61,23 @@
    }
 
    footer {
-       color: black;
        font-size: 1em;
+       padding: 1em;
    }
 
    footer::after {
-       content: "Printed from https://n07070.xyz"
+       content: "Printed from https://n07070.xyz";
+       font-size: 1em;
+       font-weight: bolder;
+       display: flex;
+        justify-content: center;
+   }
+
+   footer small {
+       display: none;
+   }
+
+   footer sup {
+       display: none;
    }
 }

assets/css/style.css

@@ -16,7 +16,7 @@
 body {
     font-family: Avenir, HelveticaNeue-Light, "Helvetica Neue Light",
                  "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-    color: #454545;
+    /* color: #454545; */
     font-size: 1.1em;
     /* background: linear-gradient(90deg, #000 21px, transparent 1%) center, linear-gradient(#000 21px, transparent 1%) center, white; */
     background-size: 22px 22px;
@@ -27,14 +27,13 @@ body {
     width: 100%;
     box-sizing: border-box;
     word-break: break-word;
-
-
 }
 
 }
 p {
     margin: 1.5em 0;
 }
+
 .home-header {
     min-height: 26rem;
     max-width: 50rem;
@@ -82,6 +81,7 @@ p {
     /* display: flex; */
     justify-content: space-between;
     align-items: center;
+    border-color: black;
 }
 .nav-header {
     margin: 0;
@@ -152,11 +152,11 @@ p {
     margin: 1.5em 0;
 }
 .dropcase > p:first-of-type::first-letter {
-    float: left;
+    /* float: left; */
     font-size: 3em;
     line-height: 1;
-    margin: 0.08em 0.15em -0.4em 0;
+    /* margin: 0.08em 0.15em -0.4em 0; */
-    /* initial-letter: 2; Maybe someday*/
+    font-family: serif;
 }
 .content {
     background-color: white;
@@ -168,8 +168,12 @@ p {
     /* border-radius: 1.2rem; */
     z-index: 2;
     transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1);
-    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
+
+    border: solid;
+    border-width: 1px;
+    border-color: black;
 }
+
 .list-header {
     margin: 1em;
     text-align: center;
@@ -190,21 +194,22 @@ p {
     line-height: 1.6em;
 }
 .card-container {
-    max-width: 48rem;
 }
 /* .card-container > a:first-of-type {
     margin-top: 5em;
 } */
 .card {
     display: block;
-    margin: 3rem 0;
+    /* margin: 3rem 0; */
+    width: 100%;
+    max-width: 50rem;
     box-sizing: border-box;
     background-color: white;
     text-decoration: none;
     /* border-radius: 1.2rem; */
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1);
-    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
+    /* box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); */
 }
 .home-card {
     padding: 0.8em;
@@ -217,9 +222,15 @@ p {
 }
 .blog-card {
     display: flex;
+
+    border: solid;
+    border-color: grey;
+    border-width: 3px;
+
     flex-direction: column;
     align-items: stretch;
-    border-style: solid;
+    border-style: none;
+    margin: 1em;
 }
 .bc-next {
     margin-top: 0;
@@ -280,7 +291,6 @@ p {
 }
 .end-nav {
     width: 100%;
-    max-width: 48rem;
     z-index: 2;
 }
 .pagination-nav {
@@ -288,9 +298,12 @@ p {
     width: 100%;
     max-width: 47rem;
 }
-/* .pagination-text {
+
-    font-family: 'LatoLatinWebMedium';
+.pagination-text {
-} */
+    font-weight: bold;
+    color: inherit;
+}
+
 .pagination-newer {
     float:left;
 }
@@ -510,6 +523,9 @@ footer h3 {
     .blog-card {
         flex-direction: row;
         align-items: stretch;
+        border: solid;
+        border-color: grey;
+        border-width: 3px;
     }
     .card-img {
         margin: 0;
@@ -518,7 +534,7 @@ footer h3 {
         width: 16em;
     }
     .card-img-overlay {
-        border-radius: 0.8rem 0.8rem 0 0;
+        /* border-radius: 0.8rem 0.8rem 0 0; */
     }
     .card-body {
         margin: 1.3em 1.7em;

layouts/_default/single.html

@@ -30,7 +30,7 @@
         {{ .Content }}
       </article>
     </main>
-    <nav class="end-nav side-padding">
+    <nav class="end-nav side-padding card-container card content">
       {{ with .PrevInSection }}
       {{ .Render "li-next" }}
       {{ end }}

layouts/partials/footer.html

@@ -6,5 +6,8 @@
 
 
 <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="https://www.wired.com/2015/11/i-turned-off-javascript-for-a-whole-week-and-it-was-glorious/" rel="nofollow">Why ?</a></sup>
+    <h3>The Octet Press is <a href="{{ .Site.BaseURL }}about-me/">N07070's</a> blog.</h3>
+    <small>It's self-hosted, low-tech, without javascript and static, as it should be.</small>
+    <br>
+    <sup><a href="{{ .Site.BaseURL}}notes/why-no-js/" rel="nofollow">Why ?</a></sup>
 </footer>

layouts/partials/openring-in.html

@@ -0,0 +1,49 @@
+<!-- License-Id: CC0-1.0 -->
+<section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    {{range .Articles}}
+    <div class="article">
+      <h4 class="title">
+        <a href="{{.Link}}" target="_blank" rel="noopener">{{.Title}}</a>
+      </h4>
+      <p class="summary">{{.Summary}}</p>
+      <small class="source">
+        via <a href="{{.SourceLink}}">{{.SourceTitle}}</a>
+      </small>
+      <small class="date">{{ .Date.Format "January 2, 2006" }}</small>
+    </div>
+    {{end}}
+  </section>
+  <p class="attribution">
+    Generated by
+    <a rel="nofollow" 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;
+  color: #555;
+}
+</style>

layouts/partials/openring-out.html

@@ -1,44 +1,23 @@
+
 <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>
+        <a href="https://www.laquadrature.net/2022/02/25/donnees-de-connexion-une-victoire-en-retard/" target="_blank" rel="noopener">Données de connexion : une victoire en retard</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>
+      <p class="summary">Dans sa décision de ce matin, le Conseil constitutionnel vient de censurer, comme Franciliens.net et La Quadrature le lui demandaient, une partie de l’obligation de conservation généralisée et indifférenciée des données de connexion, c’est-à-dire la…</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>
+      <small class="date">February 25, 2022</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>
+    <a rel="nofollow" href="https://git.sr.ht/~sircmpwn/openring">openring</a>
   </p>
 </section>
 <style>
@@ -65,5 +44,6 @@
 .webring .attribution {
   text-align: right;
   font-size: 0.8rem;
+  color: #555;
 }
 </style>