Merge branch 'main' of ssh://git.n07070.xyz:1936/n07070/blogotheme
This commit is contained in:
nono
commit
2604e9d997
0
.gitmodules
vendored
Normal file
0
.gitmodules
vendored
Normal file
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
70
assets/css/print.css
Normal file
70
assets/css/print.css
Normal file
@ -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"
|
||||
}
|
||||
}
|
||||
@ -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 {
|
||||
|
||||
@ -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>
|
||||
<generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
|
||||
<language>{{.}}</language>{{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 }}
|
||||
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }} - Thanks for using RSS !</description>
|
||||
<generator>A special machine that prints octects into text</generator>
|
||||
{{ with .Site.LanguageCode }}
|
||||
<language>{{.}}</language>
|
||||
{{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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 }}
|
||||
|
||||
69
layouts/partials/openring-out.html
Normal file
69
layouts/partials/openring-out.html
Normal file
@ -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'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'empêche, …”</a>
|
||||
</h4>
|
||||
<p class="summary">N'empêche, vu la situation actuelle, heureusement que la réforme de la sécu c'était pas le premier truc à l'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>
|
||||
Loading…
Reference in New Issue
Block a user