website

commit 30a3b3b6a29f4b3cb15617c2172b2fcad4c2a963
parent 5e7f392ae45484aa01886c447ecb6f1cc9deabd0
Author: linus <mail@linus-behrens.de>
Date:   Thu, 31 Jul 2025 21:09:58 +0200

new css (code)

Diffstat:
M
css/print.css
 | 
14
+++++++-------
M
css/style.css
 | 
18
+++++++++---------
A
css/typeface.css
 | 
63
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
M
output/dwl.html
 | 
8
++++----
M
output/linux.html
 | 
8
++++----
M
output/mario-kart.html
 | 
8
++++----
M
output/markdown.html
 | 
8
++++----
M
output/pgp-yubikey.html
 | 
8
++++----
M
output/print.css
 | 
14
+++++++-------
M
output/style.css
 | 
18
+++++++++---------
A
output/typeface.css
 | 
63
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
M
output/typst.html
 | 
8
++++----
M
templates/page/header.html
 | 
8
++++----

13 files changed, 186 insertions(+), 60 deletions(-)
diff --git a/css/print.css b/css/print.css
@@ -22,10 +22,10 @@ table tr td {
 pre {
 	margin: 0;
 }
-code {
-	border: 3px solid #aaa;
-	display: block;
-	overflow-x: auto;
-	padding: 5px;
-	word-wrap: normal;
-}
+/* code { */
+/* 	border: 3px solid #aaa; */
+/* 	display: block; */
+/* 	overflow-x: auto; */
+/* 	padding: 5px; */
+/* 	word-wrap: normal; */
+/* } */
diff --git a/css/style.css b/css/style.css
@@ -55,15 +55,15 @@ table tr td {
 pre {
 	margin: 0;
 }
-code {
-	background-color: #eee;
-	border: 3px solid #aaa;
-	display: block;
-	font-family: monospace;
-	overflow-x: auto;
-	padding: 5px;
-	word-wrap: normal;
-}
+/* code { */
+/* 	background-color: #eee; */
+/* 	border: 3px solid #aaa; */
+/* 	display: block; */
+/* 	font-family: monospace; */
+/* 	overflow-x: auto; */
+/* 	padding: 5px; */
+/* 	word-wrap: normal; */
+/* } */
 #menu td {
 	padding: 1ex 0;
 }
diff --git a/css/typeface.css b/css/typeface.css
@@ -0,0 +1,63 @@
+:root {
+  font-family: Inter, sans-serif;
+  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
+}
+@supports (font-variation-settings: normal) {
+  :root { font-family: InterVariable, sans-serif; }
+}
+
+.noto-sans-mono-<uniquifier> {
+  font-family: "Noto Sans Mono", monospace;
+  font-optical-sizing: auto;
+  font-weight: <weight>;
+  font-style: normal;
+  font-variation-settings:
+    "wdth" 100;
+}
+
+* {
+    font-family: 'Inter', 'Helvetica', sans-serif;
+    color: #ddd;
+    overflow: visible;
+}
+
+
+a {
+    text-decoration-style: dotted;
+}
+.mastodon {
+    display: none;
+}
+
+code > span > span > * , code > span > * , code > * {
+  background: #ffffff00;
+  font-family: 'Noto Sans Mono';
+  font-size: 14px;
+}
+code {
+  background: #ffffff55;
+  font-family: 'Noto Sans Mono';
+  font-size: 14px;
+}
+
+/* body { */
+/*   background-color: #111; */
+/*   color: #333; */
+/*   line-height: 1.5; */
+/*   max-width: 45rem; */
+/*   padding: 1rem; */
+/*   margin: 0 auto; */
+/*   overflow: visible; */
+/* } */
+
+/* .content { */
+/*   margin-bottom: 2rem; */
+/* } */
+
+img {
+    width: 100%;
+}
+img.rss {
+    width: 16px;
+    height: 16px;
+}
diff --git a/output/dwl.html b/output/dwl.html
@@ -21,13 +21,13 @@
 		<tr>
 			<td id="links" align="left">
 				<a href="index.html">Blog</a> |
-				<a href="/git/" title="Git repository with some of my projects">Git</a> |
-				<a href="/releases/">Releases</a> |
-				<a href="gopher://codemadness.org">Gopherhole</a>
+				<a href="/git/" title="Git repository with some of my projects">Git</a> <!-- | -->
+				<!-- <a href="/releases/">Releases</a> | -->
+				<!-- <a href="gopher://codemadness.org">Gopherhole</a> -->
 			</td>
 			<td id="links-contact" align="right">
 				<span class="hidden"> | </span>
-				<a href="feeds.html">Feeds</a> |
+				<!-- <a href="feeds.html">Feeds</a> | -->
 				<a href="pgp.asc">PGP</a> |
 				<a href="mailto:mail@linus-behrens.de">Mail</a>
 			</td>
diff --git a/output/linux.html b/output/linux.html
@@ -21,13 +21,13 @@
 		<tr>
 			<td id="links" align="left">
 				<a href="index.html">Blog</a> |
-				<a href="/git/" title="Git repository with some of my projects">Git</a> |
-				<a href="/releases/">Releases</a> |
-				<a href="gopher://codemadness.org">Gopherhole</a>
+				<a href="/git/" title="Git repository with some of my projects">Git</a> <!-- | -->
+				<!-- <a href="/releases/">Releases</a> | -->
+				<!-- <a href="gopher://codemadness.org">Gopherhole</a> -->
 			</td>
 			<td id="links-contact" align="right">
 				<span class="hidden"> | </span>
-				<a href="feeds.html">Feeds</a> |
+				<!-- <a href="feeds.html">Feeds</a> | -->
 				<a href="pgp.asc">PGP</a> |
 				<a href="mailto:mail@linus-behrens.de">Mail</a>
 			</td>
diff --git a/output/mario-kart.html b/output/mario-kart.html
@@ -21,13 +21,13 @@
 		<tr>
 			<td id="links" align="left">
 				<a href="index.html">Blog</a> |
-				<a href="/git/" title="Git repository with some of my projects">Git</a> |
-				<a href="/releases/">Releases</a> |
-				<a href="gopher://codemadness.org">Gopherhole</a>
+				<a href="/git/" title="Git repository with some of my projects">Git</a> <!-- | -->
+				<!-- <a href="/releases/">Releases</a> | -->
+				<!-- <a href="gopher://codemadness.org">Gopherhole</a> -->
 			</td>
 			<td id="links-contact" align="right">
 				<span class="hidden"> | </span>
-				<a href="feeds.html">Feeds</a> |
+				<!-- <a href="feeds.html">Feeds</a> | -->
 				<a href="pgp.asc">PGP</a> |
 				<a href="mailto:mail@linus-behrens.de">Mail</a>
 			</td>
diff --git a/output/markdown.html b/output/markdown.html
@@ -21,13 +21,13 @@
 		<tr>
 			<td id="links" align="left">
 				<a href="index.html">Blog</a> |
-				<a href="/git/" title="Git repository with some of my projects">Git</a> |
-				<a href="/releases/">Releases</a> |
-				<a href="gopher://codemadness.org">Gopherhole</a>
+				<a href="/git/" title="Git repository with some of my projects">Git</a> <!-- | -->
+				<!-- <a href="/releases/">Releases</a> | -->
+				<!-- <a href="gopher://codemadness.org">Gopherhole</a> -->
 			</td>
 			<td id="links-contact" align="right">
 				<span class="hidden"> | </span>
-				<a href="feeds.html">Feeds</a> |
+				<!-- <a href="feeds.html">Feeds</a> | -->
 				<a href="pgp.asc">PGP</a> |
 				<a href="mailto:mail@linus-behrens.de">Mail</a>
 			</td>
diff --git a/output/pgp-yubikey.html b/output/pgp-yubikey.html
@@ -21,13 +21,13 @@
 		<tr>
 			<td id="links" align="left">
 				<a href="index.html">Blog</a> |
-				<a href="/git/" title="Git repository with some of my projects">Git</a> |
-				<a href="/releases/">Releases</a> |
-				<a href="gopher://codemadness.org">Gopherhole</a>
+				<a href="/git/" title="Git repository with some of my projects">Git</a> <!-- | -->
+				<!-- <a href="/releases/">Releases</a> | -->
+				<!-- <a href="gopher://codemadness.org">Gopherhole</a> -->
 			</td>
 			<td id="links-contact" align="right">
 				<span class="hidden"> | </span>
-				<a href="feeds.html">Feeds</a> |
+				<!-- <a href="feeds.html">Feeds</a> | -->
 				<a href="pgp.asc">PGP</a> |
 				<a href="mailto:mail@linus-behrens.de">Mail</a>
 			</td>
diff --git a/output/print.css b/output/print.css
@@ -22,10 +22,10 @@ table tr td {
 pre {
 	margin: 0;
 }
-code {
-	border: 3px solid #aaa;
-	display: block;
-	overflow-x: auto;
-	padding: 5px;
-	word-wrap: normal;
-}
+/* code { */
+/* 	border: 3px solid #aaa; */
+/* 	display: block; */
+/* 	overflow-x: auto; */
+/* 	padding: 5px; */
+/* 	word-wrap: normal; */
+/* } */
diff --git a/output/style.css b/output/style.css
@@ -55,15 +55,15 @@ table tr td {
 pre {
 	margin: 0;
 }
-code {
-	background-color: #eee;
-	border: 3px solid #aaa;
-	display: block;
-	font-family: monospace;
-	overflow-x: auto;
-	padding: 5px;
-	word-wrap: normal;
-}
+/* code { */
+/* 	background-color: #eee; */
+/* 	border: 3px solid #aaa; */
+/* 	display: block; */
+/* 	font-family: monospace; */
+/* 	overflow-x: auto; */
+/* 	padding: 5px; */
+/* 	word-wrap: normal; */
+/* } */
 #menu td {
 	padding: 1ex 0;
 }
diff --git a/output/typeface.css b/output/typeface.css
@@ -0,0 +1,63 @@
+:root {
+  font-family: Inter, sans-serif;
+  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
+}
+@supports (font-variation-settings: normal) {
+  :root { font-family: InterVariable, sans-serif; }
+}
+
+.noto-sans-mono-<uniquifier> {
+  font-family: "Noto Sans Mono", monospace;
+  font-optical-sizing: auto;
+  font-weight: <weight>;
+  font-style: normal;
+  font-variation-settings:
+    "wdth" 100;
+}
+
+* {
+    font-family: 'Inter', 'Helvetica', sans-serif;
+    color: #ddd;
+    overflow: visible;
+}
+
+
+a {
+    text-decoration-style: dotted;
+}
+.mastodon {
+    display: none;
+}
+
+code > span > span > * , code > span > * , code > * {
+  background: #ffffff00;
+  font-family: 'Noto Sans Mono';
+  font-size: 14px;
+}
+code {
+  background: #ffffff55;
+  font-family: 'Noto Sans Mono';
+  font-size: 14px;
+}
+
+/* body { */
+/*   background-color: #111; */
+/*   color: #333; */
+/*   line-height: 1.5; */
+/*   max-width: 45rem; */
+/*   padding: 1rem; */
+/*   margin: 0 auto; */
+/*   overflow: visible; */
+/* } */
+
+/* .content { */
+/*   margin-bottom: 2rem; */
+/* } */
+
+img {
+    width: 100%;
+}
+img.rss {
+    width: 16px;
+    height: 16px;
+}
diff --git a/output/typst.html b/output/typst.html
@@ -21,13 +21,13 @@
 		<tr>
 			<td id="links" align="left">
 				<a href="index.html">Blog</a> |
-				<a href="/git/" title="Git repository with some of my projects">Git</a> |
-				<a href="/releases/">Releases</a> |
-				<a href="gopher://codemadness.org">Gopherhole</a>
+				<a href="/git/" title="Git repository with some of my projects">Git</a> <!-- | -->
+				<!-- <a href="/releases/">Releases</a> | -->
+				<!-- <a href="gopher://codemadness.org">Gopherhole</a> -->
 			</td>
 			<td id="links-contact" align="right">
 				<span class="hidden"> | </span>
-				<a href="feeds.html">Feeds</a> |
+				<!-- <a href="feeds.html">Feeds</a> | -->
 				<a href="pgp.asc">PGP</a> |
 				<a href="mailto:mail@linus-behrens.de">Mail</a>
 			</td>
diff --git a/templates/page/header.html b/templates/page/header.html
@@ -21,13 +21,13 @@
 		<tr>
 			<td id="links" align="left">
 				<a href="index.html">Blog</a> |
-				<a href="/git/" title="Git repository with some of my projects">Git</a> |
-				<a href="/releases/">Releases</a> |
-				<a href="gopher://codemadness.org">Gopherhole</a>
+				<a href="/git/" title="Git repository with some of my projects">Git</a> <!-- | -->
+				<!-- <a href="/releases/">Releases</a> | -->
+				<!-- <a href="gopher://codemadness.org">Gopherhole</a> -->
 			</td>
 			<td id="links-contact" align="right">
 				<span class="hidden"> | </span>
-				<a href="feeds.html">Feeds</a> |
+				<!-- <a href="feeds.html">Feeds</a> | -->
 				<a href="pgp.asc">PGP</a> |
 				<a href="mailto:${sitemail}">Mail</a>
 			</td>