[THEME] Fix rss link depreciation

Add an anchor for each title, display a '#' at left of the titles
and make them clickable links

CHANGELOG.md

@@ -5,6 +5,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+### Added
+* Possibility of set favicon param, must be svg, git or png
 
 ## [v1.0.0] - 2020-04-28
 ### Added

README.md

@@ -50,6 +50,11 @@ You can use some parameters to fill meta tags and bases images:
 	keyword = ""     # Keywords for the meta tag
 ```
 
+The favicon is only the filename,
+the file should be in *static/images* directory.
+If favicon isn't set, the default test values are favicon.svg and favicon.png.
+If none exists, there will be no favicon.
+
 ### Home page
 
 The home page use one avatar, the name, one description and a list of social

archetypes/default.md

@@ -3,7 +3,8 @@ author: "Gregory Trolliet"
 title: "{{ replace .Name "-" " " | title }}"
 date: {{ .Date }}
 description: ""
-categories: ["",""]
+images: []
+categories: [""]
 tags: ["",""]
 draft: true
 ---

i18n/fr.toml

@@ -46,3 +46,6 @@ other = """Raisons possibles :
 <li>Vous avez peut-être mal saisi l'adresse
 (<abbr title="Uniform Resource Locator">URL</abbr>).</li>
 </ul>"""
+
+[page_top]
+other = "revenir en haut de page"

layouts/_default/_markup/render-heading.html

@@ -0,0 +1,7 @@
+<h{{ .Level }} id="{{ .Anchor | safeURL }}">
+	<a class="anchor" href="#{{ .Anchor | safeURL }}">
+		#
+		<!-- {{ strings.Repeat .Level "#" }} -->
+	</a>
+	{{ .Text | safeHTML }}
+</h{{ .Level }}>

layouts/_default/rss.xml

@@ -1,26 +1,26 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>{{ if eq  .Title  .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ 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 }}
-    {{ with .OutputFormats.Get "RSS" }}
-        {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
-    {{ end }}
-    {{ range .Site.RegularPages }}
-    <item>
-      <title>{{ .Title }}</title>
-      <link>{{ .Permalink }}</link>
-      <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>{{ .Content | html }}</description>
-    </item>
-    {{ end }}
-  </channel>
+	<channel>
+	<title>{{ if eq  .Title  .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ 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 }}
+	{{ with .OutputFormats.Get "RSS" }}
+		{{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
+	{{ end }}
+	{{ range .Site.RegularPages }}
+		<item>
+		<title>{{ .Title }}</title>
+		<link>{{ .Permalink }}</link>
+		<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>{{ .Content | html }}</description>
+		</item>
+	{{ end }}
+	</channel>
 </rss>

layouts/partials/article-footer.html

@@ -1,4 +1,7 @@
 <footer class="article-footer">
+	<span class="footer-return">
+		<a href="#">{{ i18n "page_top" | humanize }}</a>
+	</span><br/>
 	{{ if .PrevInSection }}
 		<span class="footer-link">
 		<span class="label">{{ i18n "previous_article" | humanize }}:</span>

layouts/partials/author.html

@@ -1,5 +1,5 @@
 <div id="author">
-<div id="avatar">
+<div id="avatar" aria-hidden="true">
 	<img src="images/{{ .Site.Params.avatar }}" alt="avatar"/>
 </div>
 <div id="description">

layouts/partials/header.html

@@ -20,9 +20,21 @@
 			<meta name="author" content="{{ .Site.Params.author }}">
 		{{ end }}
 		<link rel="stylesheet" href="/css/style.css">
-		<link href="{{ .Site.RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}">
-		<link rel="icon" type="image/gif" href="{{ .Site.BaseURL }}images/favicon_32x32.gif" sizes="32x32">
-		<link rel="icon" type="image/gif" href="{{ .Site.BaseURL }}images/favicon_16x16.gif" sizes="16x16">
+		<link href="{{.Site.BaseURL }}/index.xml" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}">
+		{{ if and (.Site.Params.favicon) (fileExists (print "static/images/" .Site.Params.favicon)) }}
+			{{ $name := .Site.Params.favicon }}
+			{{ $splitted := split $name "." }}
+			{{ $extension := index $splitted 1 }}
+			{{ if ( in "svg" $extension) }}
+				<link rel="icon" type="image/svg+xml" href="{{ $.Site.BaseURL }}images/{{ $name }}" sizes="any">
+			{{ else if (in "gif png" $extension) }}
+				<link rel="icon" type="image/{{ $extension }}" href="{{ $.Site.BaseURL }}images/{{ $name }}">
+			{{ end}}
+		{{ else if (fileExists "static/images/favicon.svg") }}
+			<link rel="icon" type="image/svg+xml" href="{{ $.Site.BaseURL }}images/favicon.svg">
+		{{ else if (fileExists "static/images/favicon.png") }}
+			<link rel="icon" type="image/png" href="{{ $.Site.BaseURL }}images/favicon.png">
+		{{ end }}
 
 
 		{{ partial "opengraph.html" . }}

layouts/partials/navigation.html

@@ -14,7 +14,7 @@
 		<ul id="navigation-list">
 			{{ range .Site.Home.Pages }}
 			<li class="navigation-item">
-				<a href="{{ .Permalink }}">{{ .Name }}</a>
+				<a href="{{ .RelPermalink }}">{{ .Name }}</a>
 			</li>
 			{{ end }}
 		</ul>

layouts/shortcodes/details.html

@@ -1,4 +1,7 @@
-<details><summary>{{ .Get "title" }}</summary>
-
-{{ .Inner }}
+<details {{ with .Get "class" }} class="{{ . }}"{{ end }}><summary>{{ .Get "title" }}</summary>
+	{{ if .Get "md" }}
+		{{ .Inner | markdownify }}
+	{{ else }}
+		{{ .Inner }}
+	{{ end }}
 </details>

layouts/shortcodes/img.html

@@ -1,21 +1,42 @@
 {{ $img := $.Page.Resources.GetMatch (.Get "src")}}
-{{ $test := $img.Permalink }}
 {{ $name_splitted := split $img.RelPermalink "." }}
 {{ $name_base := index $name_splitted 0 }}
-<figure {{ with .Get "class" }} class="{{ . }}"{{ end }}>
+{{ $ext_base := index $name_splitted 1 }}
+<figure {{ with .Get "id" }} id="{{ . }}"{{ end }}{{ with .Get "class" }} class="{{ . }}"{{ end }}>
 	{{ with .Get "link" }}
-		<a href="{{ . }}">
+		<a href="{{ . | absURL }}">
+	{{ else }}
+		<a href="{{ $img.RelPermalink }}">
 	{{ end }}
 	<picture>
-		<source srcset="{{$img.RelPermalink}}" type="image/jpg">
-		<img src="{{ $img.RelPermalink }}" alt="{{.Get "alt" }}" />
+		{{ if ( in "svg ico gif" $ext_base ) }}
+			<img src="{{ $img.RelPermalink }}"
+			{{ with .Get "alt"}} alt="{{ . }}"{{ end }}
+			{{ with .Get "title"}} title="{{ . }}"{{ end }}/>
+		{{ else }}
+			<source srcset="{{ $name_base }}.thumb.avif" type="image/avif"/>
+			<source srcset="{{ $name_base }}.thumb.webp" type="image/webp"/>
+			<img src="{{ $name_base }}.thumb.{{ $ext_base }}"
+			{{ with .Get "alt"}} alt="{{ . }}"{{ end }}
+			{{ with .Get "title"}} title="{{ . }}"{{ end }}/>
+		{{ end }}
 	</picture>
-	{{ with .Get "link" }}
-		</a>
-	{{ end }}
-	{{ with .Get "title" }}
+	</a>
+	{{ if .Get "caption" }}
 	<figcaption>
-		<p>{{ . }}</p>
+		<p>{{ .Get "caption" }}
+		{{ if .Get "attr" }}
+			<span class="attribution">
+			{{ with .Get "attrlink" }}
+				<a href="{{ . }}">
+			{{ end }}
+			{{ .Get "attr" }}
+			{{ with .Get "attrlink" }}
+				</a>
+			{{ end }}
+			</span>
+		{{ end }}
+		</p>
 	</figcaption>
 	{{ end }}
 </figure>

layouts/shortcodes/quote.html

@@ -9,7 +9,7 @@
 	<footer>
 		<cite>
 			{{ with .Get "url" }}
-			<a href={{ . }} {{ with $.Get "title"}}title="{{ . }}"{{ end }}>
+			<a href="{{ . }}" {{ with $.Get "title"}}title="{{ . }}"{{ end }}>
 			{{ end }}
 			{{ .Get "author" | markdownify }}
 			{{ with .Get "url" }}</a>{{end}}</cite>

layouts/shortcodes/table_of_contents.html

@@ -0,0 +1,3 @@
+<div class="toc">
+	{{ .Page.TableOfContents }}
+</div>

layouts/shortcodes/tabular.html

@@ -2,7 +2,7 @@
 	{{ .Inner | markdownify }}
 	{{ with .Get "title" }}
 	<figcaption>
-		<p>{{ . }}</p>
+		<p>{{ . | markdownify }}</p>
 	</figcaption>
 	{{ end }}
 </figure>

static/css/style.css

@@ -1,11 +1,20 @@
 /******************* Constants *******************/
 :root {
 	--font-color: #EFEFEF;
+	--font-color_rgb: 239, 239, 239;
 	--font-color-em: #8C8C8C;
 	--background-color: #1C1C1C;
 	--background-color-light: #252525;
 	--background-color-dark: #121212;
 	--avatar-background: #B6B6B6;
+	--color01: #799479;
+	--color01_bright: #58af58;
+	--color02: #8f8071;
+	--color02_bright: #b88a5b;
+
+	--image-margin-side: 2.5em;
+
+	--content-width: 900px;
 }
 
 /******************* Page *******************/
@@ -26,29 +35,32 @@ html {
 body {
 	margin: 0;
 }
-p, ul {
+p, ul, ol {
 	line-height: 1.6em;
 }
+article {
+	position: relative;
+}
 
 /******************* Links *******************/
-a {
+a:not(.anchor) {
 	text-decoration: none;
 	color: var(--font-color);
 	border-bottom: 1px dotted;
 	transition: box-shadow 0.2s ease, outline-offset 0.2s ease, transform 0.2s ease, background 0.4s ease;
 }
-a:visited {
+a:not(.anchor):visited {
 	color: var(--font-color);
 }
-a:hover {
+a:not(.anchor):hover {
 	outline: 1px solid;
 	outline-offset: .3em;
 	border-bottom: 1px dashed;
 }
-a:active {
+a:not(.anchor):active {
 	border-bottom: 1px solid;
 }
-a:focus {
+a.not(.anchor):focus {
 	outline-offset: .3em;
 	outline: 1px solid;
 }
@@ -86,6 +98,7 @@ a:focus {
 	background-color: var(--font-color);
 	text-decoration: none;
 	color: var(--background-color);
+	outline: none;
 }
 #navigation a:active {
 	color: var(--font-color);
@@ -105,7 +118,7 @@ a:focus {
 }
 @media only screen and (min-width: 1000px) {
 	#navigation .navigation-container {
-		max-width: 900px;
+		max-width: var(--content-width);
 	}
 }
 #navigation-title {
@@ -121,7 +134,7 @@ a:focus {
 }
 #navigation .menu-button {
 	float: right;
-	position:relative;
+	position: relative;
 	display: none;
 	width: 4em;
 	height: 4em;
@@ -137,11 +150,12 @@ a:focus {
 #navigation .menu-button .menu-button-image {
 	display: inline-block;
 	position: relative;
-	height: 20px;
-	width: 24px;
-	top: 14px;
+	height: 1.5em;
+	width: 1.5em;
+	top: 0.75em;
 	background-image: url(../svg/bars.svg);
 	background-size: contain;
+	background-repeat: no-repeat;
 	margin: auto;
 	vertical-align: top;
 }
@@ -222,29 +236,38 @@ a:focus {
 /******************* Author Infos *******************/
 #author {
 	text-align: center;
+	margin: 0 auto;
+	max-width: 90vw;
+}
+@media only screen and (max-width: 320px) {
+	#author {
+		max-width: 100vw;
+	}
+}
+@media only screen and (min-width: 1000px) {
+	#author {
+		max-width: var(--content-width);
+	}
 }
 #social {
 	list-style: none;
 	padding: 0;
 }
 #avatar img {
-	max-width: 120px;
+	width: 20vw;
+	min-width: 120px;
+	max-width: 200px;
 	border-radius: 40%;
 	background-color: var(--avatar-background);
 }
-@media only screen and (min-width: 768px) {
-	#avatar img {
-		max-width: 200px;
-	}
-}
 #social .social-element {
 	display: inline-block;
 	vertical-align: middle;
-	height: 32px;
+	height: 3em;
 	margin-top: 1em;
 }
 #social .social-element a {
-	height: 24px;
+	height: 75%;
 	display: inline-block;
 	margin-left: 1em;
 	margin-right: 1em;
@@ -257,8 +280,8 @@ a:focus {
 	height: 100%;
 }
 @media only screen and (min-width: 768px) {
-	#social .social-element a {
-		height: 32px;
+	#social .social-element {
+		height: 2.5em;
 	}
 }
 
@@ -270,7 +293,7 @@ a:focus {
 }
 @media only screen and (min-width: 1000px) {
 	.container {
-		max-width: 900px;
+		max-width: var(--content-width);
 	}
 }
 .page-icon {
@@ -337,6 +360,7 @@ a:focus {
 		margin: 0em;
 	}
 }
+
 /******************* Article Header *******************/
 .container article .post-title {
 	margin-bottom: 0.3em;
@@ -444,20 +468,49 @@ a:focus {
 	}
 }
 
+.anchor {
+	content: '#';
+	position: absolute;
+	opacity: 0%;
+	left: -1em;
+	width: 80%;
+	max-width: 600px;
+	border: none;
+	color: var(--font-color-em);
+	text-decoration: none;
+}
+@media only screen and (max-width: 500px) {
+	.anchor {
+		left: -0.8em;
+	}
+}
+
+.anchor:hover {
+	opacity: 100%;
+	outline: none;
+	border: none;
+	cursor: pointer;
+}
+
+@media only screen and (max-width: 320px) {
+	.anchor:hover {
+		opacity: 0%;
+	}
+}
+
 /******************* Article Footer *******************/
 .article-footer {
 	font-style: italic;
 	font-size: 0.8rem;
 	margin: 2rem 0;
 }
-.article-footer .spacer {
+.article-footer .footer-return {
+	margin-bottom: 1em;
+	width: 100%;
+	text-align: right;
 	display: inline-block;
-	width: 1em;
-	height: 1px;
-	margin: 0 .5em;
-	background-color: var(--font-color);
-	vertical-align: middle;
 }
+
 .article-footer .footer-link {
 	display: block;
 }
@@ -480,19 +533,20 @@ a:focus {
 	}
 }
 
+.footnotes {
+	clear: left;
+}
+
 /******************* Article Figure *******************/
 .article-body figure {
 	margin: 1em 0;
-	display: table;
-}
-.article-body figure picture,
-.article-body figure figcaption {
-	display: table-row;
-	border-spacing: 0;
+	max-width: 100%;
+	width: fit-content;
+	overflow: visible;
 }
 .article-body figure img {
 	vertical-align: middle;
-	padding-bottom: 0.3em;
+	min-width: calc(50% - 2 * var(--image-margin-side));
 }
 @media only screen and (min-width: 768px) {
 	.article-body figure {
@@ -502,16 +556,38 @@ a:focus {
 	.article-body figure.inline {
 		margin: 0;
 	}
+	.article-body figure.border img {
+		min-width: calc(100% - 2 * var(--image-margin-side)) !important;
+	}
 }
 .article-body figure.logo {
 	display: inline-block;
+	min-width: auto;
+}
+.article-body figure.wrap {
+	float: left;
+	margin: 0.7em 1em;
 }
 .article-body figure.inline {
 	display: inline-block;
+	min-width: auto;
+	margin-left: 1em;
+	margin-right: 1em;
+}
+.article-body figure.half {
+	width: 100%;
+	max-width: 45%;
+}
+.article-body figure.third {
+	width: 100%;
+	max-width: 30%;
 }
 .article-body figure.logo img {
-	width: 100px;
+	width: 10vw;
+	max-width: 100px;
+	min-width: 40px;
 	vertical-align: bottom;
+	padding: 0;
 }
 .article-body figure.border img {
 	padding: 0.3rem;
@@ -520,10 +596,23 @@ a:focus {
 }
 .article-body figure.border figcaption {
 	background-color: var(--background-color-light);
+	min-width: 100%;
+	display: inline-block;
 }
-.article-body figure a {
+.article-body figure>a {
 	display: block;
+	width: fit-content;
+	outline: none;
 	min-height: 100%;
+	border: none;
+	margin: auto;
+	margin-bottom: 0.3em;
+}
+.article-body figure>a:hover {
+	border: none !important;
+}
+.article-body figure>a>img:hover {
+	box-shadow: 0 0 1em rgba(var(--font-color_rgb), 0.5);
 }
 .article-body figure figcaption p,
 .article-body figure figcaption h4 {
@@ -535,6 +624,11 @@ a:focus {
 	margin-left: 1rem;
 	margin-right: 1rem;
 }
+.article-body figure figcaption .attribution {
+	float: right;
+	margin-left: 1em;
+	margin-top: 1em;
+}
 @media only screen and (max-width: 320px) {
 	.article-body .footnotes ol {
 		padding-left: 2em;
@@ -549,12 +643,19 @@ a:focus {
 	border: 3px solid var(--background-color-light);
 	min-width: 100%;
 }
-.article-body .tabular td {
+.article-body .tabular td,
+.article-body .tabular th {
 	padding: 0 0.4rem;
 }
 .article-body .tabular th {
 	border-bottom: 3px solid var(--background-color-light);
 }
+.article-body .tabular.center td {
+	text-align: center;
+}
+.article-body .tabular.right td {
+	text-align: right;
+}
 
 /******************* Article Abbreviation *******************/
 abbr {
@@ -574,19 +675,27 @@ abbr[title]:after {
 }
 
 /******************* Article Code *******************/
-.highlight pre {
+pre {
 	font-size: 0.8rem;
 	white-space: pre-wrap;
 	padding: 0.3rem;
 	margin-top: 0.5rem;
 	background: repeating-linear-gradient(28deg, #1C1C1C, #1C1C1C 20px, #121212 20px, #121212 40px);
+	overflow: auto;
 }
-:not(pre)>code {
+:not(pre)>code, :not(details)>code {
 	font-size: 1rem;
 	color: var(--font-color-em);
+	word-break: break-word;
+}
+.allowbreak code {
+	word-break: break-word;
 }
 
 /******************* Article Details *******************/
+details{
+	overflow: auto;
+}
 details[open] {
 	outline: 1px solid white;
 	outline-offset: .3rem;
@@ -637,20 +746,24 @@ details[open] summary:hover {
 	outline-offset: .3rem;
 }
 
-/******************* Article Details *******************/
+/******************* Article Superscript *******************/
 .article-body sup {
 	vertical-align: top;
 	position: relative;
 	top: -0.5rem;
+	font-size: 0.6em;
 }
 
 /******************* Article Blockquote *******************/
-.bigquote {
+blockquote {
 	position: relative;
 	background-color: var(--background-color-light);
+	padding: 0.1rem 1rem;
+	margin-top: 2rem;
+}
+.bigquote {
 	padding: 1rem;
 	border-radius: 1.5rem;
-	margin-top: 2rem;
 }
 .bigquote p:first-of-type {
 	margin-top: 0;
@@ -658,7 +771,7 @@ details[open] summary:hover {
 .bigquote footer {
 	text-align: right;
 }
-.bigquote:after {
+blockquote:after {
 	position: absolute;
 	content: "”";
 	color: var(--text-color);
@@ -668,3 +781,17 @@ details[open] summary:hover {
 	right: 1rem;
 	font-family: Arial;
 }
+
+/******************* Generic colors *******************/
+.color01 {
+	color: var(--color01);
+}
+.color01.bright {
+	color: var(--color01_bright);
+}
+.color02 {
+	color: var(--color02);
+}
+.color02.bright {
+	color: var(--color02_bright);
+}

static/svg/500px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12.447" height="16"><path d="M12.386 13.812l-.053.054a7.25 7.25 0 01-2.313 1.563 7.286 7.286 0 01-5.66 0 7.154 7.154 0 01-2.313-1.563 7.115 7.115 0 01-1.562-2.303 7.003 7.003 0 01-.482-1.688c-.036-.25.312-.303.428-.321.277-.045.464-.027.5.178.009.01.009.018.009.036.036.179.125.714.41 1.42a6.05 6.05 0 001.358 2.018 6.327 6.327 0 002.018 1.357 6.331 6.331 0 004.929 0 6.388 6.388 0 002.008-1.357l.054-.054a.209.209 0 01.223-.054c.08.018.179.089.295.196.285.295.223.438.151.518zm-4.214-5.49l-.59.589.563.562c.063.062.179.196-.062.438-.098.098-.197.151-.286.151-.062 0-.116-.027-.17-.089l-.553-.544-.59.589a.191.191 0 01-.133.045c-.08 0-.179-.045-.277-.143l-.018-.018c-.062-.054-.16-.152-.16-.259 0-.054.026-.098.07-.152l.59-.58-.59-.59c-.097-.097-.053-.222.126-.401.107-.107.196-.16.277-.16.044 0 .08.017.116.044l.58.59.58-.58c.099-.099.26-.055.429.115.107.107.223.26.098.393zm4.206.508a5.28 5.28 0 01-.411 2.036 5.296 5.296 0 01-2.795 2.786 5.12 5.12 0 01-2.036.41 5.12 5.12 0 01-2.035-.41 5.296 5.296 0 01-1.67-1.125 5.087 5.087 0 01-1.116-1.661 2.95 2.95 0 01-.134-.357h-.009c-.08-.25.277-.357.384-.393.26-.08.456-.116.536.107.214.571.545 1.125.866 1.491h.009V8.67a3 3 0 01.91-2.071 3.202 3.202 0 012.26-.92c1.75 0 3.17 1.411 3.17 3.143 0 1.75-1.43 3.17-3.17 3.17-.349 0-.608-.027-1-.143-.045-.018-.25-.107-.117-.545.036-.116.143-.455.393-.384.018 0 .456.108.688.108 1.24 0 2.214-.965 2.214-2.197 0-.58-.232-1.125-.643-1.527A2.186 2.186 0 007.11 6.67c-.616 0-1.179.25-1.59.715-.357.401-.571.937-.571 1.428V12.5a4.12 4.12 0 002.16.598c1.144 0 2.25-.455 3.045-1.25a4.257 4.257 0 001.25-3.018 4.249 4.249 0 00-1.259-3.027 4.246 4.246 0 00-3.026-1.25 4.267 4.267 0 00-3.036 1.25c-.009.01-.518.536-.688.777l-.017.018c-.108.152-.206.295-.652.197-.223-.053-.465-.188-.465-.384V.339c0-.16.125-.339.34-.339h7.83c.268 0 .268.375.268.491 0 .125 0 .491-.268.491h-7.24v4.313h.008c.5-.527 1.366-1.08 1.875-1.295a5.346 5.346 0 012.062-.41A5.12 5.12 0 019.172 4a5.296 5.296 0 012.795 2.786c.268.652.41 1.33.41 2.044zM12.1 3.643c.17.151.053.312-.116.509-.107.107-.224.232-.349.232a.192.192 0 01-.142-.062c-.643-.554-1.224-.929-1.849-1.188a6.113 6.113 0 00-2.464-.5c-.759 0-1.59.152-2.34.438-.231.089-.356-.215-.4-.33-.055-.144-.081-.26-.072-.34.017-.089.062-.152.142-.179.733-.32 1.733-.508 2.67-.508.973 0 1.929.196 2.822.571A6.76 6.76 0 0112.1 3.643z"/><path d="M12.386 13.712l-.053.054a7.25 7.25 0 01-2.313 1.563 7.286 7.286 0 01-5.66 0 7.154 7.154 0 01-2.313-1.563 7.115 7.115 0 01-1.562-2.303 7.003 7.003 0 01-.482-1.688c-.036-.25.312-.303.428-.321.277-.045.464-.027.5.178.009.01.009.018.009.036.036.179.125.714.41 1.42a6.05 6.05 0 001.358 2.018 6.327 6.327 0 002.018 1.357 6.331 6.331 0 004.929 0 6.388 6.388 0 002.008-1.357l.054-.054a.209.209 0 01.223-.054c.08.018.179.089.295.196.285.295.223.438.151.518zm-4.214-5.49l-.59.589.563.562c.063.062.179.196-.062.438-.098.098-.197.151-.286.151-.062 0-.116-.027-.17-.089l-.553-.544-.59.589a.191.191 0 01-.133.045c-.08 0-.179-.045-.277-.143l-.018-.018c-.062-.054-.16-.152-.16-.259 0-.054.026-.098.07-.152l.59-.58-.59-.59c-.097-.097-.053-.222.126-.401.107-.107.196-.16.277-.16.044 0 .08.017.116.044l.58.59.58-.58c.099-.099.26-.055.429.115.107.107.223.26.098.393zm4.206.508a5.28 5.28 0 01-.411 2.036 5.296 5.296 0 01-2.795 2.786 5.12 5.12 0 01-2.036.41 5.12 5.12 0 01-2.035-.41 5.296 5.296 0 01-1.67-1.125 5.087 5.087 0 01-1.116-1.661 2.95 2.95 0 01-.134-.357h-.009c-.08-.25.277-.357.384-.393.26-.08.456-.116.536.107.214.571.545 1.125.866 1.491h.009V8.57a3 3 0 01.91-2.071 3.202 3.202 0 012.26-.92c1.75 0 3.17 1.411 3.17 3.143 0 1.75-1.43 3.17-3.17 3.17-.349 0-.608-.027-1-.143-.045-.018-.25-.107-.117-.545.036-.116.143-.455.393-.384.018 0 .456.108.688.108 1.24 0 2.214-.965 2.214-2.197 0-.58-.232-1.125-.643-1.527A2.186 2.186 0 007.11 6.57c-.616 0-1.179.25-1.59.715-.357.401-.571.937-.571 1.428V12.4a4.12 4.12 0 002.16.598c1.144 0 2.25-.455 3.045-1.25a4.257 4.257 0 001.25-3.018 4.249 4.249 0 00-1.259-3.027 4.246 4.246 0 00-3.026-1.25 4.267 4.267 0 00-3.036 1.25c-.009.01-.518.536-.688.777l-.017.018c-.108.152-.206.295-.652.197-.223-.053-.465-.188-.465-.384V.239c0-.16.125-.339.34-.339h7.83c.268 0 .268.375.268.491 0 .125 0 .491-.268.491h-7.24v4.313h.008c.5-.527 1.366-1.08 1.875-1.295a5.346 5.346 0 012.062-.41 5.12 5.12 0 012.036.41 5.296 5.296 0 012.795 2.786c.268.652.41 1.33.41 2.044zM12.1 3.543c.17.151.053.312-.116.509-.107.107-.224.232-.349.232a.192.192 0 01-.142-.062c-.643-.554-1.224-.929-1.849-1.188a6.113 6.113 0 00-2.464-.5c-.759 0-1.59.152-2.34.438-.231.089-.356-.215-.4-.33-.055-.144-.081-.26-.072-.34.017-.089.062-.152.142-.179.733-.32 1.733-.508 2.67-.508.973 0 1.929.196 2.822.571A6.76 6.76 0 0112.1 3.543z" fill="#efefef"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="12.45" height="16"><path d="M12.39 13.81l-.06.06a7.25 7.25 0 0 1-2.31 1.56 7.29 7.29 0 0 1-5.66 0 7.15 7.15 0 0 1-2.31-1.56 7.12 7.12 0 0 1-1.57-2.3A7 7 0 0 1 0 9.86c-.03-.25.31-.3.43-.32.28-.04.46-.02.5.18l.01.04c.04.18.12.71.41 1.42a6.05 6.05 0 0 0 1.36 2.02 6.33 6.33 0 0 0 2.02 1.35 6.33 6.33 0 0 0 4.92 0 6.39 6.39 0 0 0 2.01-1.35l.06-.06a.2.2 0 0 1 .22-.05c.08.02.18.09.3.2.28.29.22.43.15.51zM8.17 8.32l-.59.6.56.55c.07.06.18.2-.06.44-.1.1-.2.15-.28.15-.06 0-.12-.03-.17-.09l-.56-.54-.59.59a.2.2 0 0 1-.13.04c-.08 0-.18-.04-.28-.14l-.01-.02c-.07-.05-.16-.15-.16-.26 0-.05.02-.1.07-.15l.59-.58-.6-.59c-.1-.1-.05-.22.13-.4.1-.1.2-.16.28-.16.04 0 .08.02.12.04l.58.6.58-.59c.1-.1.26-.05.42.12.11.1.23.26.1.4zm4.2.51a5.28 5.28 0 0 1-.4 2.04 5.3 5.3 0 0 1-2.8 2.78 5.12 5.12 0 0 1-2.03.41 5.12 5.12 0 0 1-2.04-.4 5.3 5.3 0 0 1-1.67-1.13 5.09 5.09 0 0 1-1.11-1.66 2.95 2.95 0 0 1-.14-.36c-.09-.25.27-.36.38-.4.26-.07.45-.11.53.11.22.57.55 1.13.87 1.5V8.66a3 3 0 0 1 .92-2.07 3.2 3.2 0 0 1 2.26-.92 3.16 3.16 0 1 1 0 6.31c-.35 0-.61-.03-1-.14-.05-.02-.25-.1-.12-.55.04-.11.14-.45.4-.38.01 0 .45.1.68.1A2.18 2.18 0 0 0 8.67 7.3a2.19 2.19 0 0 0-1.56-.63c-.62 0-1.18.25-1.59.71-.36.4-.57.94-.57 1.43v3.69a4.12 4.12 0 0 0 2.16.6c1.14 0 2.25-.46 3.04-1.25a4.26 4.26 0 0 0 1.25-3.02 4.25 4.25 0 0 0-1.26-3.03 4.25 4.25 0 0 0-3.02-1.25A4.27 4.27 0 0 0 4.08 5.8c0 .01-.51.54-.68.78l-.02.02c-.11.15-.2.3-.65.2-.23-.06-.47-.2-.47-.39V.34c0-.16.13-.34.34-.34h7.83c.27 0 .27.38.27.5s0 .48-.27.48H3.2V5.3A6.64 6.64 0 0 1 5.08 4a5.35 5.35 0 0 1 2.07-.41A5.12 5.12 0 0 1 9.17 4a5.3 5.3 0 0 1 2.8 2.79c.26.65.4 1.33.4 2.04zm-.27-5.19c.17.15.05.31-.12.51-.1.1-.22.23-.35.23a.2.2 0 0 1-.14-.06 6.77 6.77 0 0 0-1.85-1.19 6.11 6.11 0 0 0-2.46-.5c-.76 0-1.59.16-2.34.44-.23.1-.36-.21-.4-.33a.8.8 0 0 1-.07-.34c.01-.09.06-.15.14-.18a7.28 7.28 0 0 1 5.5.06 6.76 6.76 0 0 1 2.09 1.36z"/><path d="M12.39 13.71l-.06.06a7.25 7.25 0 0 1-2.31 1.56 7.29 7.29 0 0 1-5.66 0 7.15 7.15 0 0 1-2.31-1.56 7.12 7.12 0 0 1-1.57-2.3A7 7 0 0 1 0 9.76c-.03-.24.31-.3.43-.32.28-.04.46-.02.5.18l.01.04c.04.18.12.71.41 1.42a6.05 6.05 0 0 0 1.36 2.02 6.33 6.33 0 0 0 2.02 1.35 6.33 6.33 0 0 0 4.92 0 6.39 6.39 0 0 0 2.01-1.35l.06-.06a.2.2 0 0 1 .22-.05c.08.02.18.09.3.2.28.29.22.43.15.51zM8.17 8.22l-.59.6.56.55c.07.07.18.2-.06.44-.1.1-.2.15-.28.15-.06 0-.12-.03-.17-.09l-.56-.54-.59.59a.2.2 0 0 1-.13.04c-.08 0-.18-.04-.28-.14l-.01-.02c-.07-.05-.16-.15-.16-.26 0-.05.02-.1.07-.15l.59-.58-.6-.59c-.1-.1-.05-.22.13-.4.1-.1.2-.16.28-.16.04 0 .08.02.12.04l.58.6.58-.59c.1-.1.26-.05.42.12.11.1.23.26.1.4zm4.2.51a5.28 5.28 0 0 1-.4 2.04 5.3 5.3 0 0 1-2.8 2.78 5.12 5.12 0 0 1-2.03.41 5.12 5.12 0 0 1-2.04-.4 5.3 5.3 0 0 1-1.67-1.13 5.09 5.09 0 0 1-1.11-1.66 2.95 2.95 0 0 1-.14-.36c-.09-.25.27-.36.38-.4.26-.07.45-.11.53.11.22.57.55 1.13.87 1.5V8.56a3 3 0 0 1 .92-2.07 3.2 3.2 0 0 1 2.26-.92 3.16 3.16 0 1 1 0 6.31c-.35 0-.61-.02-1-.14-.05-.02-.25-.1-.12-.55.04-.11.14-.45.4-.38.01 0 .45.1.68.1A2.18 2.18 0 0 0 8.67 7.2a2.19 2.19 0 0 0-1.56-.63c-.62 0-1.18.25-1.59.71-.36.4-.57.94-.57 1.43v3.69a4.12 4.12 0 0 0 2.16.6c1.14 0 2.25-.46 3.04-1.25a4.26 4.26 0 0 0 1.25-3.02 4.25 4.25 0 0 0-1.26-3.03 4.25 4.25 0 0 0-3.02-1.25A4.27 4.27 0 0 0 4.08 5.7c0 .01-.51.54-.68.78l-.02.02c-.11.15-.2.3-.65.2-.23-.06-.47-.2-.47-.39V.24c0-.16.13-.34.34-.34h7.83c.27 0 .27.37.27.5 0 .12 0 .48-.27.48H3.2V5.2A6.64 6.64 0 0 1 5.08 3.9a5.35 5.35 0 0 1 2.07-.41 5.12 5.12 0 0 1 2.03.41 5.3 5.3 0 0 1 2.8 2.79c.26.65.4 1.33.4 2.04zm-.27-5.19c.17.15.05.32-.12.51-.1.1-.22.23-.35.23a.2.2 0 0 1-.14-.06 6.77 6.77 0 0 0-1.85-1.19 6.11 6.11 0 0 0-2.46-.5c-.76 0-1.59.16-2.34.44-.23.1-.36-.21-.4-.33a.8.8 0 0 1-.07-.34c.01-.09.06-.15.14-.18a7.28 7.28 0 0 1 5.5.06 6.76 6.76 0 0 1 2.09 1.36z" fill="#efefef"/></svg>

static/svg/bars.svg

@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13.333"><path d="M16 11.333v1.334a.671.671 0 01-.667.666H.667A.671.671 0 010 12.667v-1.334c0-.364.302-.666.667-.666h14.666c.365 0 .667.302.667.666zM16 6v1.333a.671.671 0 01-.667.667H.667A.671.671 0 010 7.333V6c0-.365.302-.667.667-.667h14.666c.365 0 .667.302.667.667zm0-5.333V2a.671.671 0 01-.667.667H.667A.671.671 0 010 2V.667C0 .302.302 0 .667 0h14.666c.365 0 .667.302.667.667z" fill="#efefef"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <path fill="#efefef" d="M16 13.6v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8v-1.6c0-.4.3-.8.7-.8h14.6c.4 0 .7.4.7.8zm0-6.4v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8V7.2c0-.4.3-.8.7-.8h14.6c.4 0 .7.4.7.8zm0-6.4v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8V.8C0 .4.3 0 .7 0h14.6c.4 0 .7.4.7.8z"/>
+</svg>

static/svg/deltachat.svg

@@ -0,0 +1 @@
+<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="c"><stop offset="0" stop-color="#e2e6e7"/><stop offset="1" stop-color="#e2e6e7" stop-opacity="0"/></linearGradient><linearGradient id="b"><stop offset="0" stop-color="#f9f9f9"/><stop offset="1" stop-color="#ccc" stop-opacity="0"/></linearGradient><linearGradient id="a"><stop offset="0" stop-color="#364e59"/><stop offset="1" stop-color="#364e59" stop-opacity="0"/></linearGradient></defs><path fill="none" d="M-4-4h48v48H-4z"/><path d="M20 .002C8.957.136 0 9.2 0 20.242a19.713 19.713 0 0 0 20 19.756c10.5-.042 8.03-5.859 19.637-.473-6.358-9.921.215-11.241.363-19.767A19.713 19.713 0 0 0 20 .002zm-.068 5.826c2.15 0 4.02.297 5.617.889 1.612.592 2.42 1.406 2.42 2.445 0 .5-.195.915-.586 1.244-.391.33-.848.492-1.37.492-.749 0-1.628-.453-2.638-1.36-1.026-.922-1.897-1.566-2.613-1.934-.7-.382-1.524-.573-2.469-.573-1.205 0-2.199.219-2.98.653-.766.434-1.147.985-1.147 1.656 0 .631.316 1.223.951 1.775.635.553 2.274 1.56 4.912 3.02 2.818 1.565 4.805 2.788 5.961 3.67a10.703 10.703 0 0 1 2.858 3.215c.733 1.262 1.1 2.598 1.1 4.005 0 2.473-1.085 4.655-3.25 6.55-2.15 1.88-4.667 2.821-7.55 2.821-2.622 0-4.836-.756-6.644-2.269-1.808-1.513-2.711-3.531-2.711-6.057 0-2.433.993-4.464 2.98-6.095 2.004-1.631 4.462-2.617 7.377-2.96-.814-.736-1.947-1.618-3.396-2.644-1.596-1.131-2.671-2.02-3.225-2.664-.553-.658-.83-1.374-.83-2.15 0-1.158.669-2.065 2.004-2.723 1.336-.67 3.079-1.006 5.229-1.006zm1.293 12.094c-4.675.618-7.01 3.21-7.01 7.773 0 2.355.578 4.183 1.734 5.485 1.173 1.302 2.533 1.953 4.08 1.953 1.613 0 2.938-.624 3.98-1.873 1.043-1.263 1.565-2.966 1.565-5.11 0-3.104-1.45-5.847-4.35-8.228z" fill="#efefef"/></svg>

static/svg/forgejo.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" version="1.1" viewBox="0 0 212 212" xmlns="http://www.w3.org/2000/svg">
+ <style>circle,path{fill:none;stroke:#000;stroke-width:15}path{stroke-width:25}.orange{stroke:#efefef}.red{stroke:#d6d6d6}</style>
+ <g transform="translate(6 6)">
+  <path class="orange" d="M58 168V70a50 50 0 0 1 50-50h20" stroke="#efefef" stroke-width="25.003"/>
+  <path class="red" d="m58 168v-30a50 50 0 0 1 50-50h20" stroke="#d6d6d6"/>
+  <circle class="orange" cx="142" cy="20" r="18" stroke="#efefef"/>
+  <circle class="red" cx="142" cy="88" r="18" stroke="#d6d6d6"/>
+  <circle class="red" cx="58" cy="180" r="18" stroke="#d6d6d6" stroke-width="14.999"/>
+ </g>
+</svg>

static/svg/gitea.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="9.912"><path d="M2.833 0C2.207 0 1.479.22.916.724c-.564.503-.958 1.29-.912 2.4C.075 4.85.906 5.81 1.873 6.328c.943.505 2.01.598 2.643.615.047.173.16.412.319.688.175.302.406.644.668.97.522.653 1.159 1.248 1.74 1.31h4.76c.747-.055 1.424-.707 2.005-1.632.58-.926 1.065-2.136 1.412-3.34.347-1.203.556-2.4.578-3.305.011-.452-.023-.83-.115-1.106a.842.842 0 00-.186-.331.429.429 0 00-.298-.132h-.004c-2.614.138-4.162.208-5.49.22v3.02l-.414-.206L9.488.286c-1.523 0-2.863-.08-5.411-.22L4.075.064h-.001C3.762.065 3.315.002 2.833 0zm.173 1.337h.087c.17 1.68.447 2.705.987 4.197-.682-.098-1.307-.264-1.788-.602-.506-.355-.862-.897-.974-1.77-.059-.462.016-.928.293-1.271.259-.322.697-.545 1.395-.554zm5.65 1.657c.102 0 .205.023.304.071l.495.24-.355.728a.444.444 0 00-.16.026.444.444 0 00-.267.569.444.444 0 00.073.129l-.612 1.254a.444.444 0 00-.147.026.444.444 0 00-.267.568.444.444 0 00.568.267.444.444 0 00.267-.568.444.444 0 00-.104-.163l.597-1.222a.444.444 0 00.193-.024.444.444 0 00.141-.083c.233.11.418.197.554.272.204.114.276.189.298.271.022.083-.002.24-.117.517-.088.21-.222.485-.396.842a.444.444 0 00-.166.026.444.444 0 00-.268.569.444.444 0 00.568.267.444.444 0 00.268-.568.444.444 0 00-.09-.15c.171-.353.306-.628.4-.854.124-.298.19-.521.133-.736-.057-.215-.232-.354-.463-.483-.153-.085-.34-.172-.57-.28a.444.444 0 00-.024-.178.444.444 0 00-.097-.155l.35-.716 1.933.939a.7.7 0 01.324.937L10.69 8.066a.7.7 0 01-.936.324L7.018 7.062a.7.7 0 01-.324-.937L8.023 3.39a.7.7 0 01.633-.395z" fill="#efefef"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="9.91"><path d="M2.83 0C2.21 0 1.48.22.92.72c-.57.5-.96 1.3-.92 2.4.07 1.73.9 2.69 1.87 3.2.95.51 2.01.6 2.65.62.04.18.16.42.32.7.17.3.4.64.66.96.53.65 1.16 1.25 1.74 1.31H12c.75-.05 1.43-.7 2-1.63.59-.93 1.07-2.14 1.42-3.34.35-1.2.56-2.4.58-3.3a3.4 3.4 0 0 0-.12-1.11.84.84 0 0 0-.18-.33.43.43 0 0 0-.3-.13c-2.62.13-4.17.2-5.5.22V3.3l-.4-.21L9.48.29C7.96.29 6.62.2 4.08.07 3.75.06 3.3 0 2.82 0zm.18 1.34h.08c.17 1.68.45 2.7.99 4.2-.68-.1-1.3-.27-1.79-.6-.5-.36-.86-.9-.97-1.78-.06-.46.01-.93.3-1.27.25-.32.69-.54 1.39-.55zm5.65 1.65c.1 0 .2.03.3.07l.5.24-.36.73a.44.44 0 0 0-.16.03.44.44 0 0 0-.27.57.44.44 0 0 0 .08.13L8.13 6a.44.44 0 0 0-.14.03.44.44 0 0 0-.27.56.44.44 0 0 0 .57.27.44.44 0 0 0 .27-.57.44.44 0 0 0-.1-.16l.59-1.22a.44.44 0 0 0 .2-.03.44.44 0 0 0 .13-.08l.56.27c.2.12.27.2.3.27.02.09 0 .24-.12.52l-.4.84a.44.44 0 0 0-.17.03.44.44 0 0 0-.26.57.44.44 0 0 0 .56.27.44.44 0 0 0 .27-.57.44.44 0 0 0-.09-.15l.4-.86c.13-.3.2-.52.14-.73-.06-.22-.24-.36-.47-.49l-.57-.28a.44.44 0 0 0-.02-.17.44.44 0 0 0-.1-.16l.35-.71 1.94.93a.7.7 0 0 1 .32.94l-1.33 2.74a.7.7 0 0 1-.94.32L7.02 7.06a.7.7 0 0 1-.33-.93l1.33-2.74a.7.7 0 0 1 .64-.4z" fill="#efefef"/></svg>

static/svg/github.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15.607"><path d="M8 0a8.002 8.002 0 012.531 15.594c-.406.073-.552-.177-.552-.386 0-.26.01-1.125.01-2.198 0-.75-.25-1.229-.541-1.479 1.781-.198 3.656-.875 3.656-3.948 0-.875-.312-1.583-.823-2.146.084-.208.354-1.02-.083-2.125-.667-.208-2.198.823-2.198.823a7.531 7.531 0 00-4 0s-1.531-1.03-2.198-.823c-.437 1.105-.167 1.917-.083 2.126a3.099 3.099 0 00-.823 2.145c0 3.063 1.864 3.75 3.646 3.948-.23.209-.438.563-.51 1.073-.46.209-1.626.563-2.324-.666-.437-.76-1.229-.823-1.229-.823-.781-.01-.052.49-.052.49.52.239.886 1.166.886 1.166.468 1.427 2.697.948 2.697.948 0 .666.01 1.291.01 1.49 0 .208-.145.458-.551.385A8.002 8.002 0 018 0zM3.031 11.49c.021-.042-.01-.094-.073-.125-.062-.021-.114-.01-.135.02-.02.043.01.095.073.126.052.03.114.02.135-.021zm.323.354c.042-.031.031-.104-.02-.167-.053-.052-.126-.073-.167-.03-.042.03-.032.103.02.166.053.052.126.073.167.03zm.313.469c.052-.043.052-.126 0-.198-.042-.073-.125-.105-.177-.062-.052.03-.052.114 0 .187s.135.104.177.073zm.437.437c.042-.042.021-.135-.042-.198-.072-.073-.166-.083-.208-.03-.052.041-.031.135.042.197.073.073.167.083.208.031zm.594.26c.02-.062-.042-.135-.136-.166-.083-.021-.177.01-.197.073-.021.062.041.135.135.156.083.031.177 0 .198-.062zm.656.052c0-.073-.083-.125-.177-.114-.094 0-.167.052-.167.114 0 .073.073.125.178.115.093 0 .166-.052.166-.115zm.604-.104c-.01-.062-.093-.104-.187-.094-.094.021-.156.083-.146.156.01.062.094.105.188.083.093-.02.156-.083.145-.145z" fill="#efefef"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15.61"><path d="M8 0a8 8 0 0 1 2.53 15.6c-.4.07-.55-.18-.55-.4v-2.19c0-.75-.24-1.23-.53-1.48 1.78-.2 3.65-.87 3.65-3.95a3.1 3.1 0 0 0-.82-2.14 2.9 2.9 0 0 0-.08-2.13c-.67-.2-2.2.82-2.2.82a7.53 7.53 0 0 0-4 0S4.47 3.1 3.8 3.31a2.9 2.9 0 0 0-.08 2.13 3.1 3.1 0 0 0-.82 2.14c0 3.07 1.86 3.75 3.64 3.95-.23.21-.44.56-.5 1.07-.47.21-1.63.57-2.33-.66-.44-.76-1.23-.83-1.23-.83-.78 0-.05.5-.05.5.52.23.88 1.16.88 1.16.47 1.43 2.7.95 2.7.95l.01 1.49c0 .2-.14.46-.55.38A8 8 0 0 1 8 0zM3.03 11.49c.02-.04 0-.1-.07-.13-.06-.02-.12 0-.14.03-.02.04.01.09.08.12.05.03.11.02.13-.02zm.32.35c.05-.03.04-.1-.02-.16-.05-.06-.12-.08-.16-.03-.04.03-.03.1.02.16s.12.08.16.03zm.32.47c.05-.04.05-.12 0-.2-.04-.07-.13-.1-.18-.06-.05.03-.05.12 0 .19s.14.1.18.07zm.43.44c.05-.04.03-.14-.04-.2-.07-.07-.16-.08-.2-.03-.06.04-.04.14.04.2.07.07.16.08.2.03zm.6.26c.02-.06-.04-.14-.14-.17-.08-.02-.17.01-.2.08-.02.06.05.13.14.15.08.03.18 0 .2-.06zm.65.05c0-.07-.08-.12-.17-.11-.1 0-.17.05-.17.11 0 .07.07.13.18.12.1 0 .16-.06.16-.12zm.6-.1c0-.06-.08-.1-.18-.1-.1.02-.15.09-.14.16 0 .06.09.1.18.08.1-.02.16-.08.15-.14z" fill="#efefef"/></svg>

static/svg/instagram.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M10.666 8A2.672 2.672 0 008 5.334 2.672 2.672 0 005.334 8 2.672 2.672 0 008 10.666 2.672 2.672 0 0010.666 8zm1.438 0A4.099 4.099 0 018 12.104 4.099 4.099 0 013.896 8 4.099 4.099 0 018 3.896 4.099 4.099 0 0112.104 8zm1.125-4.27a.956.956 0 01-.959.958.956.956 0 01-.958-.958c0-.532.427-.959.958-.959.532 0 .959.427.959.959zM8 1.438c-1.167 0-3.666-.094-4.718.323a2.558 2.558 0 00-.917.604 2.559 2.559 0 00-.604.917C1.344 4.334 1.438 6.833 1.438 8c0 1.167-.094 3.666.323 4.718.146.365.323.636.604.917.281.281.552.458.917.604 1.052.417 3.551.323 4.718.323 1.167 0 3.666.094 4.718-.323.365-.146.636-.323.917-.604.281-.281.458-.552.604-.917.417-1.052.323-3.551.323-4.718 0-1.167.094-3.666-.323-4.718a2.559 2.559 0 00-.604-.917 2.558 2.558 0 00-.917-.604C11.666 1.344 9.167 1.438 8 1.438zM16 8c0 1.104.01 2.198-.053 3.302-.062 1.281-.354 2.416-1.291 3.354-.938.937-2.073 1.229-3.354 1.291C10.198 16.01 9.104 16 8 16s-2.198.011-3.302-.052c-1.281-.062-2.416-.354-3.354-1.291-.937-.938-1.229-2.073-1.291-3.354C-.01 10.198 0 9.104 0 8s-.01-2.198.052-3.302c.062-1.281.354-2.416 1.291-3.354C2.282.407 3.417.115 4.698.053 5.802-.01 6.896 0 8 0s2.198-.011 3.302.052c1.281.062 2.416.354 3.354 1.291.937.938 1.229 2.073 1.291 3.354C16.01 5.802 16 6.896 16 8z" fill="#efefef"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M10.67 8A2.67 2.67 0 0 0 8 5.33 2.67 2.67 0 0 0 5.33 8 2.67 2.67 0 0 0 8 10.67 2.67 2.67 0 0 0 10.67 8zm1.43 0A4.1 4.1 0 0 1 8 12.1 4.1 4.1 0 0 1 3.9 8 4.1 4.1 0 0 1 8 3.9 4.1 4.1 0 0 1 12.1 8zm1.13-4.27a.96.96 0 0 1-.96.96.96.96 0 0 1-.96-.96c0-.53.43-.96.96-.96s.96.43.96.96zM8 1.43c-1.17 0-3.67-.09-4.72.33a2.56 2.56 0 0 0-.91.6 2.56 2.56 0 0 0-.6.92C1.33 4.33 1.43 6.83 1.43 8s-.1 3.67.32 4.72c.15.36.32.63.6.91.29.29.56.46.92.6 1.05.43 3.55.33 4.72.33s3.67.1 4.72-.32c.36-.15.63-.32.91-.6.29-.29.46-.56.6-.92.43-1.05.33-3.55.33-4.72s.1-3.67-.32-4.72a2.56 2.56 0 0 0-.6-.91 2.56 2.56 0 0 0-.92-.6c-1.05-.43-3.55-.33-4.72-.33zM16 8c0 1.1.01 2.2-.05 3.3a4.76 4.76 0 0 1-1.3 3.36 4.76 4.76 0 0 1-3.35 1.29C10.2 16 9.1 16 8 16s-2.2.01-3.3-.05a4.76 4.76 0 0 1-3.36-1.3A4.76 4.76 0 0 1 .05 11.3C0 10.2 0 9.1 0 8s-.01-2.2.05-3.3a4.76 4.76 0 0 1 1.3-3.36A4.76 4.76 0 0 1 4.7.05C5.8 0 6.9 0 8 0s2.2-.01 3.3.05c1.28.06 2.42.36 3.36 1.3a4.76 4.76 0 0 1 1.29 3.35C16 5.8 16 6.9 16 8z" fill="#efefef"/></svg>

static/svg/link.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="22"
+   viewBox="0 0 24 24"
+   width="22"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="link.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="32.681818"
+     inkscape:cx="11.015299"
+     inkscape:cy="11"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="M0 0h24v24H0z"
+     fill="none"
+     id="path2" />
+  <path
+     d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"
+     id="path4"
+     style="fill:#efefef;fill-opacity:1" />
+</svg>

static/svg/threema.svg

@@ -0,0 +1 @@
+<svg width="13.76" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M6.88 0C3.08 0 0 2.71 0 6.05c0 1.25.43 2.4 1.16 3.36l-.74 2.95 3.45-.86c.9.39 1.93.61 3.01.61 3.8 0 6.88-2.71 6.88-6.06C13.76 2.71 10.68 0 6.88 0zm0 2.82c1.08 0 1.95.88 1.95 1.95v.78h.08c.17 0 .31.14.31.32v2.75c0 .17-.14.31-.31.31H4.85a.31.31 0 0 1-.31-.31V5.87c0-.18.14-.32.31-.32h.08v-.78c0-1.07.87-1.95 1.95-1.95zm0 .78c-.65 0-1.17.53-1.17 1.17v.78h2.34v-.78c0-.64-.52-1.17-1.17-1.17zM2.66 13.66a1.17 1.17 0 1 0 0 2.34 1.17 1.17 0 0 0 0-2.34zm4.22 0a1.17 1.17 0 1 0 0 2.34 1.17 1.17 0 0 0 0-2.34zm4.22 0a1.17 1.17 0 1 0 0 2.34 1.17 1.17 0 0 0 0-2.34z" fill="#efefef" fill-rule="evenodd"/></svg>

static/svg/youtube.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13.232" height="16"><path d="M8.429 11.107v1.884c0 .402-.117.598-.349.598-.134 0-.268-.062-.401-.196v-2.688c.133-.134.267-.196.401-.196.232 0 .349.205.349.598zm3.017.01v.41h-.803v-.41c0-.402.134-.607.402-.607.267 0 .401.205.401.607zM2.821 9.171h.956v-.84H.99v.84h.938v5.08h.892zm2.572 5.08h.795v-4.41h-.795v3.374c-.179.25-.348.375-.51.375-.106 0-.169-.062-.187-.187-.008-.027-.008-.125-.008-.313V9.84h-.795v3.491c0 .313.027.518.071.652.072.223.26.33.518.33.286 0 .59-.178.91-.544zm3.83-1.321v-1.76c0-.41-.018-.705-.08-.883-.098-.33-.322-.5-.634-.5-.295 0-.572.16-.83.482V8.33h-.795v5.92h.795v-.429c.267.33.544.492.83.492.312 0 .536-.17.634-.492.062-.187.08-.482.08-.892zm3.018-.09v-.116h-.812c0 .322-.01.5-.018.545-.045.214-.161.322-.357.322-.277 0-.411-.206-.411-.616v-.777h1.598v-.92c0-.473-.08-.812-.241-1.036-.232-.303-.545-.455-.946-.455-.411 0-.724.152-.956.455-.17.224-.25.563-.25 1.036v1.545c0 .473.09.821.26 1.035.231.304.544.456.963.456.42 0 .75-.16.965-.473.098-.143.17-.304.187-.483.018-.08.018-.259.018-.517zM6.813 4.69V2.814c0-.41-.117-.616-.384-.616-.26 0-.384.205-.384.616v1.875c0 .41.125.625.384.625.267 0 .383-.214.383-.625zm6.42 6.705c0 1.027-.01 2.125-.233 3.125-.17.706-.741 1.223-1.429 1.295C9.93 16 8.268 16 6.616 16c-1.652 0-3.312 0-4.955-.188-.688-.07-1.268-.589-1.429-1.294C0 13.518 0 12.42 0 11.393c0-1.036.009-2.125.232-3.125.17-.706.741-1.223 1.438-1.304 1.634-.178 3.294-.178 4.946-.178 1.652 0 3.313 0 4.955.178A1.68 1.68 0 0113 8.268c.232 1 .232 2.09.232 3.125zM4.32 0h.911l-1.08 3.563v2.42h-.893v-2.42C3.179 3.124 3 2.5 2.714 1.67 2.518 1.116 2.321.554 2.134 0h.946l.634 2.348zm3.304 2.973v1.563c0 .473-.08.83-.25 1.053-.223.304-.536.456-.946.456-.402 0-.715-.152-.938-.456-.17-.232-.25-.58-.25-1.053V2.973c0-.473.08-.821.25-1.044.223-.304.536-.456.938-.456.41 0 .723.152.946.456.17.223.25.571.25 1.044zm2.991-1.446v4.455h-.812v-.49c-.322.374-.625.553-.92.553-.259 0-.447-.107-.527-.33-.044-.135-.071-.349-.071-.67V1.527h.812v3.277c0 .187 0 .294.01.312.017.125.08.196.187.196.16 0 .33-.125.509-.383V1.527z" fill="#efefef"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13.23" height="16"><path d="M8.43 11.1V13c0 .4-.12.59-.35.59-.13 0-.27-.06-.4-.2V10.7c.13-.13.27-.2.4-.2.23 0 .35.21.35.6zm3.02.02v.4h-.8v-.4c0-.4.13-.61.4-.61.26 0 .4.2.4.6zM2.82 9.17h.96v-.84H.99v.84h.94v5.08h.89zm2.57 5.08h.8v-4.4h-.8v3.36c-.18.25-.34.38-.5.38-.11 0-.18-.06-.2-.19V9.84h-.8v3.5c0 .3.03.5.07.64.08.23.26.33.52.33.29 0 .6-.18.91-.54zm3.83-1.32v-1.76c0-.41-.02-.7-.08-.88-.1-.33-.32-.5-.63-.5-.3 0-.57.16-.83.48V8.33h-.8v5.92h.8v-.43c.27.33.54.5.83.5.31 0 .53-.18.63-.5.06-.19.08-.48.08-.9zm3.02-.09v-.12h-.81c0 .33-.01.5-.02.55-.04.21-.16.32-.36.32-.27 0-.4-.2-.4-.62v-.77h1.6v-.92c0-.47-.09-.81-.25-1.04-.23-.3-.54-.45-.95-.45-.4 0-.72.15-.95.45-.17.23-.25.57-.25 1.04v1.54c0 .48.09.82.26 1.04.23.3.54.45.96.45a1.1 1.1 0 0 0 1.15-.95c.02-.08.02-.26.02-.52zM6.81 4.69V2.81c0-.4-.11-.61-.38-.61-.26 0-.39.2-.39.61V4.7c0 .4.13.62.39.62.27 0 .38-.21.38-.62zm6.42 6.7c0 1.03 0 2.13-.23 3.13-.17.7-.74 1.22-1.43 1.3-1.64.18-3.3.18-4.95.18-1.66 0-3.32 0-4.96-.19a1.66 1.66 0 0 1-1.43-1.3C0 13.52 0 12.43 0 11.4c0-1.03 0-2.12.23-3.12.17-.7.74-1.22 1.44-1.3 1.63-.18 3.3-.18 4.95-.18a46 46 0 0 1 4.95.17A1.68 1.68 0 0 1 13 8.26c.23 1 .23 2.1.23 3.13zM4.32 0h.91L4.15 3.56v2.42h-.9V3.56C3.19 3.12 3 2.5 2.72 1.67L2.13 0h.95l.63 2.35zm3.3 2.97v1.57c0 .47-.08.83-.25 1.05-.22.3-.53.45-.94.45-.4 0-.72-.15-.94-.45-.17-.23-.25-.58-.25-1.05V2.97c0-.47.08-.82.25-1.04.22-.3.54-.46.94-.46.4 0 .72.15.94.46.17.22.25.57.25 1.04zm3-1.44v4.45H9.8V5.5c-.32.38-.62.55-.92.55-.26 0-.44-.1-.52-.33a2.3 2.3 0 0 1-.07-.67V1.54h.8V4.8c0 .2 0 .3.02.32.01.12.08.2.18.2.16 0 .33-.13.51-.4v-3.4z" fill="#efefef"/></svg>