Merge branch 'main' of ssh://git.n07070.xyz:1936/n07070/blogotheme

assets/css/override.css

@@ -4,3 +4,56 @@
   * and place all your CSS inside it.
   * You should not modify this file.
   */
+
+@media (prefers-color-scheme: dark) {
+  body {
+    color: #eee;
+    background: #121212;
+  }
+
+  body a {
+    color: #809fff;
+  }
+
+  .content {
+      background: #121212;
+      box-shadow: 0 0.7rem 2.3rem 0 rgba(255,255,255,0.3);
+  }
+
+  .card-container {
+      background: #121212;
+  }
+
+  .menu-container {
+      color: white;
+      background: #121212;
+  }
+
+  .nav-header {
+      background:  #121212;
+      color: white;
+  }
+
+  .nav-text{
+      background:  #121212;
+      color: white;
+  }
+
+  .blog-card {
+      background:  #121212;
+      color: white;
+  }
+
+  .blog-card h2{
+      background:  #121212;
+      color: white;
+  }
+
+  footer h3 {
+      color: white;
+  }
+
+  .webring {
+      background-color: #121212;
+  }
+}

assets/css/print.css

@@ -0,0 +1,70 @@
+/**
+ * Print stylesheet for the blogotheme theme.
+* @version         1.0
+* @lastmodified    2021-01-03
+*/
+
+@media print {
+
+    body {
+        word-break: keep-all;
+        font-size: 1em;
+        font-family: serif;
+    }
+
+    h1, h2, p, hr {
+        margin: 0;
+        padding: 0;
+        padding-top: 1em;
+    }
+
+    .post{
+        line-height: 1;
+    }
+
+    .nav-bar {
+       max-width: none;
+       padding: 0;
+   }
+
+   .card {
+       border: none;
+       margin: 0;
+   }
+
+   #menu {
+       display: none;
+       float: left;
+       max-width: none;
+   }
+
+   .content {
+       text-align: justify;
+       margin: 0;
+       max-width: none;
+
+   }
+
+   .side-text-padding {
+       padding-left: 0rem !important;
+       padding-right: 0rem !important;
+       box-sizing: border-box !important;
+   }
+
+   .end-nav {
+       display: none;
+   }
+
+   main {
+       padding: none;
+   }
+
+   footer {
+       color: black;
+       font-size: 1em;
+   }
+
+   footer::after {
+       content: "Printed from https://n07070.xyz"
+   }
+}

assets/css/style.css

@@ -55,7 +55,7 @@ p {
     width: 100%;
     background-color: white;
     border-radius: 1.2rem;
-    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1);
+    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
 }
 .home-faceshot {
     margin: 0;
@@ -160,7 +160,7 @@ p {
 }
 .content {
     background-color: white;
-    padding: 2em 0;
+    /* padding: 2em 0; */
     margin-bottom: 3rem;
     margin-top: 1em;
     width: 100%;
@@ -168,7 +168,7 @@ 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.1);
+    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
 }
 .list-header {
     margin: 1em;
@@ -204,7 +204,7 @@ p {
     /* 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.1);
+    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
 }
 .home-card {
     padding: 0.8em;
@@ -303,7 +303,7 @@ p {
     text-decoration: none;
     border-radius: 0.3rem;
     transition: transform 0.1s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.1s cubic-bezier(0.25,0.8,0.25,1);
-    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1);
+    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
 }
 .button:hover {
     box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.12), 0 0.05rem 0.1rem rgba(0,0,0,0.24);
@@ -429,7 +429,7 @@ tr:nth-child(even) td {
     background: #f5f6f7;
 }
 footer {
-    height: 17rem;
+    height: 100%;
     max-width: 50rem;
     width: 100%;
     margin-top: -10rem;
@@ -437,10 +437,15 @@ footer {
     flex-flow: row wrap;
     justify-content: space-evenly;
     align-items: flex-end;
-    color: white;
     background-position: 40% 0%;
     background-size: 50rem;
+    text-align: center;
 }
+
+footer h3 {
+    margin: 1em;
+}
+
 .footer-link {
     margin: 1rem 0;
 }
@@ -449,6 +454,10 @@ footer {
     margin: 0;
 }
 
+.webring {
+    text-align: left;
+}
+
 /* Medium devices (tablets, ~641px and up) */
 @media only screen and (min-width: 40.063em) {
     body {

layouts/_default/rss.xml

@@ -2,16 +2,34 @@
   <channel>
     <title>{{ if eq  .Title  .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} - {{ end }}{{ .Site.Title }}{{ end }}</title>
     <link>{{ .Permalink }}</link>
-    <description>Recent content {{ if ne  .Title  .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
+    <description>Recent content {{ if ne  .Title  .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }} - Thanks for using RSS !</description>
-    <generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
+    <generator>A special machine that prints octects into text</generator>
-    <language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
+    {{ with .Site.LanguageCode }}
-    <managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
+    <language>{{.}}</language>
-    <webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
+    {{end}}
-    <copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
+
-    <lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
+    {{ with .Site.Author.email }}
+    <managingEditor>
+        {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}
+    </managingEditor>
+    {{end}}
+
+    {{ with .Site.Author.email }}
+    <webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>
+    {{end}}
+
+    {{ with .Site.Copyright }}
+    <copyright>{{.}}</copyright>
+    {{end}}
+
+    {{ if not .Date.IsZero }}
+    <lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>
+    {{ end }}
+
     {{ with .OutputFormats.Get "RSS" }}
         {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
     {{ end }}
+
     {{ $paginator := .Paginate (where .Pages "Params.displayinlist" "!=" false) -}}
     {{- range $paginator.Pages -}}
     <item>
@@ -20,7 +38,9 @@
       <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
       {{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
       <guid>{{ .Permalink }}</guid>
-      <description>{{ if (isset .Params "description") }}{{ index .Params "description" | html }}{{ else }}{{ .Summary | html }}{{ end }}</description>
+      <description>
+          {{ $.Content | html }}
+      </description>
     </item>
     {{- end }}
   </channel>

layouts/partials/footer.html

@@ -1,3 +1,10 @@
-<footer class="side-padding" >
+
-    The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
+<nav class="end-nav side-padding card-container card content">
+      {{ partial "openring-out.html" . }}
+
+</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="https://www.wired.com/2015/11/i-turned-off-javascript-for-a-whole-week-and-it-was-glorious/" rel="nofollow">Why ?</a></sup>
 </footer>

layouts/partials/head.html

@@ -28,7 +28,8 @@
   {{ $normalizeStyle := resources.Get "css/normalize.css" }}
   {{ $mainStyle := resources.Get "css/style.css" }}
   {{ $overrideStyle := resources.Get "css/override.css" }}
-  {{ $style := slice $normalizeStyle $mainStyle $overrideStyle | resources.Concat "css/concated.css" | minify }}
+  {{ $printStyle := resources.Get "css/print.css" }}
+  {{ $style := slice $normalizeStyle $mainStyle $overrideStyle $printStyle | resources.Concat "css/concated.css" | minify }}
   <link href="{{ $style.Permalink }}" rel="stylesheet">
   {{ range .AlternativeOutputFormats -}}
     {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}

layouts/partials/openring-out.html

@@ -0,0 +1,69 @@
+<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>