commit e696c1e8083d7f753e77367b2d058c0c7b65a5b8
parent 9808abbc409eac0f0f02cc3980a57c9207795665
Author: Katja Ramona Sophie Kwast (zaphyra) <git@zaphyra.eu>
Date: Mon, 10 Aug 2026 14:16:37 +0200
parent 9808abbc409eac0f0f02cc3980a57c9207795665
Author: Katja Ramona Sophie Kwast (zaphyra) <git@zaphyra.eu>
Date: Mon, 10 Aug 2026 14:16:37 +0200
redesign, who dis?
47 files changed, 788 insertions(+), 363 deletions(-)
D
|
161
-------------------------------------------------------------------------------
A
|
83
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
diff --git a/.gitignore b/.gitignore @@ -1,2 +1 @@ result -public
diff --git a/Makefile b/Makefile @@ -1,44 +0,0 @@ -PREFIX ?= ./public -tmpdir ?= /tmp -all = $(addprefix ${PREFIX}/, $(addsuffix .html, $(basename $(wildcard *.md)))) -files = $(addprefix ${PREFIX}/, gpg_pubkey.asc ssh_pubkey.asc $(wildcard assets/*)) - -install: ${all} ${files} - -show: - @echo ${all} - @echo ${static} - -${PREFIX}: - mkdir -p ${PREFIX} - -${PREFIX}/assets: - mkdir -p ${PREFIX}/assets - -${PREFIX}/%.html: %.md template.html ${PREFIX} - pandoc --standalone --template template.html $< -o $@ - -${PREFIX}/gpg_pubkey.asc: files/gpg_pubkey.asc - cp files/gpg_pubkey.asc ${PREFIX}/gpg_pubkey.asc - mkdir -p ${PREFIX}/.well-known/openpgpkey/hu - touch ${PREFIX}/.well-known/openpgpkey/policy - cp files/gpg_pubkey.bin ${PREFIX}/.well-known/openpgpkey/hu/176e173fg4xct9nu5ssw5jdthru761dj - -${PREFIX}/ssh_pubkey.asc: files/ssh_pubkey.asc - cp files/ssh_pubkey.asc ${PREFIX}/ssh_pubkey.asc - -${PREFIX}/assets/%: assets/% ${PREFIX}/assets - cp $< $@ - -${PREFIX}/%: ${tmpdir}/% ${PREFIX} - cp $< $@ - -clean: - rm -r ${PREFIX} ${tmpdir} - -start: ${all} - { php -S 127.0.0.1:8123 -t ${PREFIX} & \ - echo $$! > ${tmpdir}/php.pid; } - -stop: - kill `cat ${tmpdir}/php.pid`
diff --git a/assets/avatar.jpg b/assets/avatar.jpg Binary files differ.
diff --git a/assets/style.css b/assets/style.css @@ -1,161 +0,0 @@ -@media screen { - :root { - color-scheme: normal; - --body-background: white; - --body-color: black; - --header-color: black; - --pre-background: #ddd; - --pre-color: #212529; - --link-color: black; - --nav-active-background: #ccc; - --nav-active-color: #777; - --nav-color: #777; - } -} - -@media screen and (prefers-color-scheme: dark) { - :root { - color-scheme: dark; - --body-background: #222; - --body-color: #9e9e9e; - --header-color: #9e9e9e; - --pre-background: #333; - --pre-color: #fff; - --link-color: #87ab63; - --nav-active-background: #87ab63; - --nav-active-color: #222; - --nav-color: #9e9e9e; - } -} - - -* { - font-family: monospace; - line-height: 1.25; -} - -*, ::after, ::before { - box-sizing: border-box; -} - -body { - margin: 0 auto; - max-width: 800px; - background: var(--body-background); - color: var(--body-color); -} - -a { - color: var(--link-color); - text-decoration: none; -} - -a:hover { - text-decoration: underline; -} - -header { - margin: 10px; -} - -header h1 { - color: var(--header-color); - font-size: 2em; - font-weight: bold; - margin-bottom: 0; -} - -header p { - color: #777; - margin-top: 0; -} - -nav { - margin-top: 2em; - padding: 0px 1em; - vertical-align: bottom; -} - -nav a { - color: var(--nav-color); - text-decoration: none; - padding: 2px 0.75em; - font-size: 110%; -} - -nav a.active { - color: var(--nav-active-color); - background: var(--nav-active-background); -} - -nav a.right { - float: right; -} - -main { - padding: 1em; -} - -main { - padding: 2em; - text-align: center; -} - -main ul h2 { - margin: .3em 0; -} - -main ul { - display: grid; - grid-template-columns: auto; - grid-gap: 1em; - text-align: center; - list-style: none; - padding: 0; -} - -.avatar { - margin-left: auto; - margin-right: auto; - border-radius: 100%; -} - -@media (min-width: 600px) { - main ul { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} - -div.flags { - text-align: center; - margin: 15px; -} - -div.flag { - margin: 0 1em; - display: inline-block; - width: 100px; - height: 10px; -} - -div.flag div { - display: inline-block; - height: 100%; -} - -div.flag div:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -div.flag div:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -footer { - margin-top: 0; - text-align: center; - font-size: 1em; - color: #ccc; -}
diff --git a/avatar.jpg b/avatar.jpg Binary files differ.
diff --git a/badges/adhd.png b/badges/adhd.png Binary files differ.
diff --git a/badges/css-is-difficult.gif b/badges/css-is-difficult.gif Binary files differ.
diff --git a/badges/firefox.gif b/badges/firefox.gif Binary files differ.
diff --git a/badges/made-with-my-paws.gif b/badges/made-with-my-paws.gif Binary files differ.
diff --git a/badges/matrix.png b/badges/matrix.png Binary files differ.
diff --git a/badges/piracy.gif b/badges/piracy.gif Binary files differ.
diff --git a/badges/powered-by-estrogen.gif b/badges/powered-by-estrogen.gif Binary files differ.
diff --git a/badges/powered-by-nixos.png b/badges/powered-by-nixos.png Binary files differ.
diff --git a/badges/progress_pride.png b/badges/progress_pride.png Binary files differ.
diff --git a/badges/trans-rights.png b/badges/trans-rights.png Binary files differ.
diff --git a/badges/transbian.png b/badges/transbian.png Binary files differ.
diff --git a/badges/ublock.png b/badges/ublock.png Binary files differ.
diff --git a/badges/xmpp.gif b/badges/xmpp.gif Binary files differ.
diff --git a/contact.html b/contact.html @@ -0,0 +1,65 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title>contact - zaphyra.eu</title> + + <link href="style.css" rel="stylesheet"> + </head> + <body> + <article> + <p><a href="./index.html">zaphyra.eu</a>› ./contact.html</p> + <section> + <h2 id="contact">Contact</h2> + <p>These are a few ways to contact me:</p> + <dl> + <dt><img class="emoji" width="14" src="./emojis/xmpp.png"> XMPP:</dt> + <dd><a href="xmpp:katja@zaphyra.eu">katja@zaphyra.eu</a></dd> + + <dt><img class="emoji" width="14" src="./emojis/gotosocial.png"> Fediverse:</dt> + <dd><a href="https://gts.zaphyra.eu/@katja">@katja@zaphyra.eu</a></dd> + + <dt><img class="emoji" width="14" src="./emojis/matrix.png"> Matrix:</dt> + <dd><a href="https://matrix.to/#/@katja:temporary.katja.wtf">@katja:temporary.katja.wtf</a></dt> + + <dt><img class="emoji" width="14" src="./emojis/mail.png"> Email:</dt> + <dd><a href="mailto:katja@zaphyra.eu">katja@zaphyra.eu</a></dd> + + <dt><img class="emoji" width="14" src="./emojis/signal.svg"> Signal:</dt> + <dd><a href="https://signal.me/#p/zaphyra.1312">zaphyra.1312</a></li> + + <dt><img class="emoji" width="14" src="./emojis/meshcore.svg"> MeshCore:</dt> + <dd><a href="meshcore://contact/add?name=zaphyra%20%F0%9F%A6%8A%202%EF%B8%8F%E2%83%A3&public_key=FC9F3A1DAA960EC54D76F907FBC9C63B77F8AABE5410050749BB325D46E6D43F&type=1">zaphyra 🦊️</a></dd> + + <dt><img class="emoji" width="14" src="./emojis/banknote.svg"> Wire Transfer:</dt> + <dd><a href="http://bunq.me/zaphyra">DE79 3701 9000 1010 2255 54</a></dd> + </dl> + + <h2>Crypto<small> (the good one)</small></h2> + <p>If you wish to encrypt your messages using PGP or for some reason want to know my ssh-key, here they are:</p> + <dl> + <dt>🔒 GPG Key:</dt> + <dd><a href="./gpg_pubkey.asc">gpg_pubkey<small> (BFE6 386C 8D66 BCD4 DAE1 4FC8 95F0 FE7C D7E6 A022)</small></a></dd> + + <dt>🔐 SSH Key:</dt> + <dd><a href="./ssh_pubkey">ssh_pubkey<small> (SHA256:lny8uJzu2FzJAy6rlSzh/xuM8qdzFOWfgJytJTeFKrA)</small></a></dd> + </dl> + </section> + <footer> + <p><a href="imprint.html">./imprint.html</a></p> + <div class="badges"> + <img src="./badges/matrix.png"> + <img src="./badges/xmpp.gif"> + </div> + </footer> + </article> + + <div class="flags"> + <div class="disability" title="disability flag"></div> + <div class="trans" title="transgender flag"></div> + <div class="sapphic" title="sapphic flag"></div> + </div> + </body> +</html>
diff --git a/contact.md b/contact.md @@ -1,28 +0,0 @@ ---- -title: zaphyra's web-corner -subtitle: -page-contact: true ---- - -# Contact - -You can contact me via one of these platforms: - -- ## XMPP - [katja@zaphyra.eu](xmpp:katja@zaphyra.eu) -- ## Fediverse - [@katja@zaphyra.eu](https://gts.zaphyra.eu/@katja) -- ## Matrix - [\@katja:zaphyra.eu](https://matrix.to/#/@katja:zaphyra.eu) -- ## Email - [katja@zaphyra.eu](mailto:katja@zaphyra.eu) -- ## Signal - [zaphyra.1312](https://signal.me/#p/zaphyra.1312) -- ## SimpleX - [Connect on `SimpleX`](https://smp19.simplex.im/a#obzi97VTejGw20ihZ-YpFtouRkc6lkE5AZcnxBz6baY) - -<br> - -If you wish to encrypt your messages using PGP, use the key with the following fingerprint 🔒: -<br> -[Katja Kwast (BFE6 386C 8D66 BCD4 DAE1 4FC8 95F0 FE7C D7E6 A022)](gpg_pubkey.asc)
diff --git a/develop.sh b/develop.sh @@ -1,19 +0,0 @@ -#!/usr/bin/env bash - -cd "$(dirname "$0")" - -make -make start -trap "make stop;" EXIT - -inotifywait -qrm -e modify -e create -e move -e delete --format '%w%f' $PWD | grep --line-buffered -v 'public\|.swp$\|~$' | ( - while true - do - timeout 1 cat /dev/stdin | sort -u - done | \ - while read l - do - echo files changed: $l - make - done -)
diff --git a/emojis/anarchy-nixos.png b/emojis/anarchy-nixos.png Binary files differ.
diff --git a/emojis/banknote.svg b/emojis/banknote.svg @@ -0,0 +1,83 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Layer_4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve"> +<g> + <g> + <path style="fill:#E0E0E0;" d="M56.48,35.92c0.6-2.69,0.14-1.41-3.73-7.07c-3.48-5.08-2.76-12.3-6.88-15.89 + c-2.53-2.2-5.7-4.67-17.51,1.27c-4.1,2.06-12.29,8.85-21.57,11.96c-7.47,2.5-3.33,5.52-1.74,6.08c5.66,1.99,13.15-2.31,13.15-2.31 + s-10.74,7.02-4.43,8.68c5.12,1.35,11.57-4.8,11.57-4.8s-6.32,6.7-1.15,8.42c3.55,1.18,10.6-5.56,10.6-5.56s-4.93,6.85-2.55,8.3 + c3.62,2.2,9.55-3.47,9.55-3.47s-4.71,6.88-2.25,8c3.68,1.68,9.14-3.04,9.14-3.04S55.4,40.73,56.48,35.92z"/> + </g> + <path style="fill:#BDBDBD;" d="M35.68,13.76c0,0-6.44,3.78-8.79,6.82c-0.31,0.4-2.24,2.33-0.54,3.44c0.43,0.28,1.71,0.1,2.47-0.36 + c3.46-2.1,9.58-7.08,10.25-6.82c0.67,0.26-5.47,4.3-7.45,9.19c-0.74,1.84,0.7,3.16,4.45,0.95c4.08-2.4,7.59-6.63,8.18-6.61 + c0,0-1.64,2.86-3.74,5.12c-2.14,2.31-3.65,4.66-2.07,5.4c1.99,0.94,6.29-1.61,6.29-1.61s-2.74,3.32-6.29,4.07 + c-1.25,0.27-2.23,0.1-2.83-0.58c-0.91-1.04-0.56-2.64-0.56-2.64c-1.89,0.75-5.15,1.97-7.09,0.33c-1.51-1.28,0.55-5.03,0.55-5.03 + s-3.65,2.02-5.73,1.41c-1.08-0.32-2.73-1.88-0.32-5.19C26.26,16.48,35.68,13.76,35.68,13.76z"/> + <path style="fill:#BDBDBD;" d="M43.38,50.13c4.17-5.42,8.34-10.83,12.51-16.25l-0.36-1.56c-0.18-0.55-1.82-0.62-4.09,0.69 + c-1.52,0.88-4.31,4.04-6.1,2.3c-1.24-1.2,2.32-5.49,2.32-5.49c-0.49,0.01-4.44,2.65-5.07,5.3c-0.54,2.25-0.02,4.89,5.06,2.32 + c0.15-0.08,0.31-0.17,0.46-0.26c-0.64,1.01-1.22,2.07-1.71,3.15C44.98,43.45,44.14,46.79,43.38,50.13z"/> + + <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="47.7173" y1="25.5155" x2="47.7173" y2="25.5155" gradientTransform="matrix(0.8038 0.5949 -0.5949 0.8038 58.2507 -37.7388)"> + <stop offset="0" style="stop-color:#43A047"/> + <stop offset="0.9992" style="stop-color:#66BB6A"/> + </linearGradient> + <line style="fill:url(#SVGID_1_);" x1="81.39" y1="11.13" x2="81.46" y2="11.18"/> + <path style="fill:#66BB6A;" d="M87.13,70.83c-10.05,15.06-18.5,31.65-37.72,36.73c-0.2,0.05-0.41-0.01-0.55-0.16L17.46,72.75 + c-0.93-1.03-0.47-2.66,0.85-3.09c12.91-4.24,20.97-14.34,28.15-25.11c9.9-14.83,18.38-31.15,36.99-36.5 + c0.71-0.27,1.54-0.1,2.08,0.49c0,0,0,0,0,0l0,0c4.17,4.6,35.62,34.54,35.67,34.6C121.22,43.15,94.84,59.27,87.13,70.83z"/> + <g> + <g> + <path style="fill:#FFFFFF;" d="M58.11,77.71c-0.68-0.68-1.49-1.02-2.43-1.01s-2.16,0.39-3.67,1.14c-2.05,1.09-3.83,1.6-5.32,1.55 + c-1.49-0.06-2.83-0.68-4.01-1.87c-1.21-1.21-1.85-2.56-1.91-4.04c-0.07-1.48,0.44-2.91,1.53-4.29l-1.91-1.92 + c-0.28-0.28-0.28-0.74,0-1.03l0.62-0.62c0.28-0.28,0.74-0.28,1.03,0l1.92,1.93c1.41-1.07,2.9-1.51,4.46-1.33 + c1.4,0.17,2.78,0.86,4.13,2.1c0.26,0.24,0.26,0.66,0.01,0.91l-1.14,1.14c-0.24,0.24-0.63,0.24-0.88,0.01 + c-0.9-0.78-1.83-1.23-2.78-1.33c-1.11-0.12-2.09,0.24-2.93,1.08c-0.88,0.88-1.33,1.78-1.34,2.69c-0.01,0.92,0.39,1.79,1.2,2.6 + c0.75,0.76,1.6,1.11,2.54,1.07c0.94-0.04,2.15-0.44,3.65-1.2s2.77-1.23,3.85-1.42c1.07-0.19,2.05-0.14,2.93,0.14 + c0.88,0.29,1.71,0.82,2.49,1.6c1.24,1.25,1.87,2.63,1.88,4.14c0.01,1.51-0.59,3.01-1.81,4.5l1.6,1.6c0.28,0.28,0.28,0.74,0,1.03 + l-0.61,0.61c-0.28,0.28-0.74,0.28-1.03,0l-1.6-1.6c-1.5,1.24-3.07,1.83-4.7,1.75c-1.45-0.07-2.84-0.69-4.16-1.86 + c-0.27-0.24-0.27-0.66-0.01-0.91l1.16-1.15c0.23-0.23,0.6-0.25,0.85-0.04c0.89,0.77,1.81,1.16,2.76,1.18 + c1.09,0.02,2.13-0.47,3.12-1.46c0.97-0.96,1.5-1.96,1.59-2.97C59.26,79.42,58.91,78.51,58.11,77.71z"/> + </g> + <polygon style="fill:#FFFFFF;" points="60.67,84.74 58.57,85.91 42.34,69.25 41.79,68.69 43.96,67.56 60.19,84.26 "/> + </g> + <circle style="opacity:0.5;fill:#2E7D32;" cx="75.88" cy="45.55" r="14.42"/> + <path style="fill:#2E7D32;" d="M92.16,78.42c-5.15,7.72-12.57,22.45-22.79,30.55c-9.38,7.44-21.21,11.11-21.21,11.11 + c0,0-32.55-38.12-32.55-38.12l1.35-10.46l31.92,35.91c0.13,0.14,0.33,0.21,0.52,0.16c19.23-5.08,27.68-21.67,37.73-36.73 + c7.71-11.56,19.24-23.88,34.08-27.68c1.18,1.3,0.66,12.2-0.63,12.63C107.43,60.15,99.36,67.61,92.16,78.42z"/> + <path style="fill:#FFC06C;" d="M78.85,83.52l3.02,11.15c0,0,9.2-13.46,10.69-16.72L89.22,67.9C84.76,73.45,78.85,83.52,78.85,83.52 + z"/> + <g> + <path style="fill:#2E7D32;" d="M78.07,17.01c0.77,1.11,2.12,2.26,4.29,2.93c0.77,0.24,1.58,0.36,2.39,0.36 + c1.72,0,3.16-0.53,4.13-1.02c2.43,2.44,5.47,5.41,8.41,8.29c2.88,2.82,5.84,5.72,8.25,8.13c-0.78,1.19-1.4,2.99-1.14,5.42 + c0.12,1.12,0.91,2.26,1.75,3.19c-5.32,3.42-15.53,11.02-26,24.42c-2.21,2.83-4.37,5.97-6.45,9c-5.18,7.54-10.53,15.32-17.65,20.08 + c-0.84-1.37-2.39-3.03-5.16-3.72c-0.67-0.17-1.33-0.25-1.96-0.25c-1.78,0-3.18,0.66-4.18,1.44l-15.1-17.36 + c1.27-0.99,2.46-2.68,2.58-5.29c0.06-1.22-0.59-2.33-1.33-3.17c7.36-5.45,15.13-14.14,19.31-20.38c0.61-0.91,1.24-1.86,1.89-2.84 + C58.64,36.37,67.5,23.05,78.07,17.01 M78.86,14.67c-12.72,6.3-22.85,22.71-30.06,33.45c-4.72,7.03-13.25,16.2-20.6,21.15 + c0,0,2.41,1.71,2.33,3.26c-0.2,4.16-3.58,4.86-3.58,4.86l17.75,20.4c0,0,1.3-2.28,4.22-2.28c0.47,0,0.99,0.06,1.55,0.2 + c4.02,1,4.83,4.54,4.83,4.54c11.34-6.6,18.19-20.27,26.17-30.5c10.83-13.87,21.6-21.73,27.43-25.18c0,0-2.68-2.17-2.83-3.65 + c-0.41-3.89,1.79-5.29,1.79-5.29c-5.15-5.21-13.61-13.32-18.73-18.51c0,0-1.86,1.46-4.39,1.46c-0.6,0-1.24-0.08-1.89-0.28 + C79.17,17.19,78.86,14.67,78.86,14.67L78.86,14.67z"/> + </g> + <path style="fill:#FFECB3;" d="M53.82,33.32l-9.73,14.71l34.76,35.49c0,0,5.68-8.98,10.36-15.62L53.82,33.32z"/> + <path style="opacity:0.68;fill:#D69136;" d="M90.62,72.12c0,0-6.86,3.49-8.73,14.13c-0.71,4.02-0.01,8.42-0.01,8.42l5.66-8.71 + l4.05-12.11L90.62,72.12z"/> + <g> + <path style="fill:#E0E0E0;" d="M88.65,74.43c1.99-1.91,2.65-2.5,8.87-2.95c6.14-0.45,8.96-3.14,16.72-1.53 + c3.28,0.68,8.48,3.68,7.16,15.64c-0.5,4.56-0.38,15.1,1.77,24.65c1.73,7.68-3,5.71-4.3,4.64c-4.64-3.81-4.84-12.44-4.84-12.44 + s-0.44,12.82-5.13,8.29c-3.8-3.68-1.89-12.38-1.89-12.38s-2.46,8.88-6.61,5.34c-2.85-2.43-0.73-11.95-0.73-11.95 + s-3.31,7.77-5.77,6.48c-3.76-1.96-1.98-9.97-1.98-9.97s-3.44,7.59-5.68,6.06c-3.34-2.28-2.13-9.39-2.13-9.39 + S85.09,77.84,88.65,74.43z"/> + </g> + <path style="fill:#BDBDBD;" d="M118.34,79.28c0,0,0.48,6.18,0.05,9.87c-0.27,2.29-0.39,4.39-2.49,4.08 + c-0.51-0.08-1.7-1.07-1.91-4.88c-0.22-4.04,0.62-9.38,0.03-9.78c-0.59-0.41-0.62,6.6-3.54,10.99c-1.1,1.65-2.95,1.83-3.24-2.52 + c-0.32-4.73,2.13-10.33,1.78-10.81c0,0-2.07,2.55-3.27,6.16c-1.2,3.61-1.73,5.31-3.14,4.27c-2.53-1.86,1.18-9.27,1.18-9.27 + s-2.72,2.43-3.9,5.83c-0.75,2.16-0.34,5.71,1.58,6.61c2.26,1.06,3.58-0.83,3.58-0.83s0.48,6.05,3.43,5.92 + c2.83-0.13,3.55-3.32,3.55-3.32s-0.12,3.08,2.74,5.19c1.39,1.03,4.62,1.2,5.02-2.88C120.44,87.29,118.34,79.28,118.34,79.28z"/> + <path style="fill:#BDBDBD;" d="M95.07,77.11c-0.61-0.15-1.49,2.6-2.59,4.15c-0.42,0.58-1.32,1.77-2.7,1.67 + c-1.38-0.1-0.29-4.16-0.61-3.94c-0.32,0.22-1.61,2.39-1.1,4.91c0.14,0.7,0.85,1.53,1.55,1.64c2.62,0.42,3.77-2.8,3.77-2.8 + s-0.39,3.85,2.2,4.25c3.13,0.48,3.77-4.45,3.49-4.63c-0.28-0.18-1.29,3.1-3.52,1.7C93.73,82.9,95.68,77.27,95.07,77.11z"/> + <path style="fill:#206022;" d="M15.61,81.95l32.43,37.99c0,0,1.45-2.15,1.78-5.5c0.29-2.92-0.73-6.8-0.73-6.8L16.96,71.49 + L15.61,81.95z"/> +</g> +</svg>
diff --git a/emojis/franzbroetchen.png b/emojis/franzbroetchen.png Binary files differ.
diff --git a/emojis/gotosocial.png b/emojis/gotosocial.png Binary files differ.
diff --git a/emojis/mail.png b/emojis/mail.png Binary files differ.
diff --git a/emojis/matrix.png b/emojis/matrix.png Binary files differ.
diff --git a/emojis/meshcore.svg b/emojis/meshcore.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="m325.1 292.5-2.5 13.6c-.5 2.5-2.9 4.5-5.4 4.5h-33.6c-.6 0-.9-.5-.8-1l3.7-20.6c.1-.6.6-1 1.2-1h33.6c2.6 0 4.2 2 3.8 4.5m-110-4h-39.6c-1.7 0-3.3 1.4-3.6 3l-6.9 38c-.3 1.7.8 3 2.5 3h39.6c1.7 0 3.3-1.4 3.6-3l6.9-38c.3-1.7-.8-3-2.5-3M512 34.3v443.4c0 19-15.4 34.3-34.3 34.3H34.3C15.4 512 0 496.6 0 477.7V34.3C0 15.4 15.4 0 34.3 0h443.4C496.6 0 512 15.4 512 34.3M181.4 160.7l-14.9 82.1c-.5 2.8 1.4 5.1 4.3 5.1H249c1.7 0 3.4-1.4 3.7-3.1l3.3-18.1c.3-1.7-.8-3.1-2.6-3.1h-54.3c-.6 0-1-.5-.9-1l1.6-8.9c.1-.6.7-1 1.2-1h43.7c1.7 0 3.4-1.4 3.7-3.1l2.9-16c.3-1.7-.8-3.1-2.6-3.1H205c-.6 0-1-.5-.9-1l1.7-9.5c.1-.6.7-1 1.2-1h54.3c1.7 0 3.4-1.4 3.7-3.1l3.2-17.4c.3-1.7-.9-3.1-2.6-3.1h-78.1c-2.8.2-5.6 2.5-6.1 5.3M38.8 248h15.8c2.9 0 5.7-2.3 6.2-5.1l5.9-32.6L77.5 245c.5 1.8 2.2 3 4.2 3h20.9c2 0 4.1-1.2 5.3-3l23.5-34.9-6 32.8c-.5 2.8 1.4 5.1 4.3 5.1h15.8c2.9 0 5.7-2.3 6.2-5.1l14.9-81.9c.5-2.8-1.4-5.1-4.3-5.1H142c-2 0-4.1 1.2-5.3 3l-38.5 57.5c-.6.9-2.1.7-2.4-.4L80 158.9c-.5-1.8-2.2-3-4.2-3H55.6c-2.9 0-5.7 2.3-6.2 5.1l-14.9 81.9c-.5 2.8 1.4 5.1 4.3 5.1m96.9 35.6 2.4-13.5c.5-2.8-1.4-5.1-4.2-5.1H83.4c-13.3 0-26.1 10.6-28.5 23.7l-8.1 43.8c-2.4 13.1 6.5 23.8 19.9 23.8h50.5c2.8 0 5.6-2.3 6.1-5.1l2.5-13.8c.5-2.8-1.4-5.1-4.2-5.1H77.8c-1.7 0-2.8-1.4-2.5-3l6.9-37.8c.3-1.7 1.9-3 3.6-3h43.9c2.7.1 5.5-2.1 6-4.9m90.2-18.7h-52.6c-13.4 0-26.1 10.7-28.5 23.8l-7.9 43.9c-2.4 13.1 6.5 23.8 19.9 23.8h52.6c13.4 0 26.1-10.7 28.5-23.8l7.9-43.9c2.3-13.1-6.6-23.8-19.9-23.8m107.5.2h-65c-2.8 0-5.6 2.3-6.1 5.1l-14.7 81.1c-.5 2.8 1.4 5.1 4.2 5.1H269c2.8 0 5.6-2.3 6.1-5.1l3-16.8c.1-.6.6-1 1.2-1h20.8c1 0 1.9.5 2.3 1.3l9.8 19.1c1.1 2.3 3.2 2.5 9.5 2.4 3.7 0 9.2-.2 18.2-.2 2.9 0 4.6-3 3.2-5.5L332.5 332c-.3-.5 0-1.2.6-1.5 8.3-4 14.8-11.8 16.5-20.8l3.7-20.7c2.4-13.2-6.5-23.9-19.9-23.9m29-41.2 1.6-8.6c2.4-13.3-6.7-24.1-20.2-24.1h-41.9c-1.7 0-2.9-1.4-2.6-3.1l1.1-5.8c.3-1.7 2-3.1 3.7-3.1h56.6c2.9 0 5.7-2.3 6.2-5.1l2.4-13.2c.5-2.8-1.4-5.1-4.3-5.1h-61.9c-13.6 0-26.6 10.8-29 24.1l-1.7 9.4c-2.4 13.3 6.6 24.1 20.2 24.1h41.9c1.7 0 2.9 1.4 2.6 3.1l-.8 4.4c-.3 1.7-2 3.1-3.7 3.1h-58.2c-2.9 0-5.7 2.3-6.2 5.1l-2.5 13.9c-.5 2.8 1.4 5.1 4.3 5.1h63.4c13.6-.1 26.6-10.9 29-24.2m90.6 41.2h-76.8c-2.8 0-5.6 2.3-6.1 5.1l-14.7 81.2c-.5 2.8 1.4 5.1 4.3 5.1h76.8c1.7 0 3.3-1.4 3.6-3l3.2-17.8c.3-1.7-.8-3-2.5-3h-53.4c-.6 0-.9-.5-.8-1l1.6-8.8c.1-.6.6-1 1.2-1h42.9c1.7 0 3.3-1.4 3.6-3l2.9-15.8c.3-1.7-.8-3-2.5-3h-42.9c-.6 0-.9-.5-.8-1l1.7-9.4c.1-.6.6-1 1.2-1h53.4c1.7 0 3.3-1.4 3.6-3.1l3.1-17.2c.3-2-.9-3.3-2.6-3.3m20.2-109.3h-17.5c-2.9 0-5.7 2.3-6.2 5.1l-5.2 28.7c-.1.6-.7 1-1.2 1h-33.9c-.6 0-1-.5-.9-1l5.2-28.7c.5-2.8-1.4-5.1-4.3-5.1h-17.5c-2.9 0-5.7 2.3-6.2 5.1l-14.9 82c-.5 2.8 1.4 5.1 4.3 5.1h17.5c2.9 0 5.7-2.3 6.2-5.1l5.3-29.2c.1-.6.7-1 1.2-1H439c.6 0 1 .5.9 1l-5.3 29.2c-.5 2.8 1.4 5.1 4.3 5.1h17.5c2.9 0 5.7-2.3 6.2-5.1l14.9-82c.5-2.8-1.4-5.1-4.3-5.1"/></svg>+ \ No newline at end of file
diff --git a/emojis/neofox_transbian_enjoyer_bot.png b/emojis/neofox_transbian_enjoyer_bot.png Binary files differ.
diff --git a/emojis/omya_db.png b/emojis/omya_db.png Binary files differ.
diff --git a/emojis/signal.svg b/emojis/signal.svg @@ -0,0 +1 @@ +<svg fill="none" height="160" viewBox="0 0 160 160" width="160" xmlns="http://www.w3.org/2000/svg"><g fill="#3b45fd"><path d="m80 0c4.1505 0 8.2271.31607 12.2072.925452l-1.1444 7.413248c-3.6069-.55226-7.3014-.8387-11.0628-.8387-3.7612 0-7.4555.28641-11.0623.83862l-1.1444-7.413245c3.9799-.609332 8.0564-.925375 12.2067-.925375z"/><path d="m98.9849 2.26619-1.7798 7.28755c7.3099 1.77896 14.1849 4.66606 20.4389 8.47306l3.895-6.411c-6.901-4.20091-14.488-7.38658-22.5541-9.34961z"/><path d="m127.279 15.4591-4.432 6.0507c5.977 4.3861 11.257 9.6664 15.643 15.6437l6.051-4.4324c-4.84-6.5957-10.666-12.4222-17.262-17.262z"/><path d="m148.384 38.4618-6.411 3.8942c3.807 6.2541 6.694 13.1299 8.473 20.4395l7.288-1.7798c-1.963-8.0657-5.149-15.6528-9.35-22.5539z"/><path d="m159.075 67.7934-7.414 1.1444c.553 3.6067.839 7.301.839 11.0622 0 3.7614-.286 7.4559-.839 11.0628l7.414 1.1444c.609-3.9801.925-8.0567.925-12.2072 0-4.1503-.316-8.2267-.925-12.2066z"/><path d="m141.973 117.645c3.807-6.255 6.694-13.13 8.473-20.44l7.288 1.7798c-1.963 8.0662-5.149 15.6532-9.35 22.5542z"/><path d="m138.49 122.847 6.051 4.432c-4.84 6.596-10.666 12.422-17.262 17.262l-4.433-6.051c5.978-4.386 11.258-9.666 15.644-15.643z"/><path d="m117.644 141.973 3.894 6.411c-6.901 4.201-14.488 7.387-22.5537 9.35l-1.7798-7.288c7.3095-1.779 14.1855-4.666 20.4395-8.473z"/><path d="m91.0622 151.661 1.1445 7.414c-3.9799.609-8.0564.925-12.2067.925-4.1505 0-8.2272-.316-12.2073-.925l1.1442-7.413c3.6054.552 7.2997.838 11.0631.838 3.7612 0 7.4555-.286 11.0622-.839z"/><path d="m62.7945 150.448-1.7794 7.286c-6.0589-1.475-11.8477-3.639-17.2785-6.406l-7.5927 1.772-1.7042-7.304 10.2604-2.394 2.4408 1.243c4.9187 2.506 10.1623 4.467 15.6536 5.803z"/><path d="m28.1097 147.273 1.7042 7.304-13.0145 3.036c-8.66079 2.021-16.433718-5.752-14.41286-14.412l3.03673-13.015 7.30383 1.704-3.03675 13.015c-.75782 3.248 2.15705 6.162 5.40485 5.405z"/><path d="m14.2041 125.56-7.30383-1.704 1.77163-7.593c-2.76664-5.431-4.93123-11.22-6.40585-17.2787l7.28586-1.7794c1.33599 5.4911 3.29709 10.7351 5.80279 15.6541l1.2435 2.441z"/><path d="m8.33759 91.0624-7.412228 1.1442c-.609324-3.9799-.925362-8.0563-.925362-12.2066 0-4.1505.316067-8.2271.925446-12.2072l7.413244 1.1444c-.55225 3.607-.83869 7.3014-.83869 11.0628 0 3.7631.28613 7.4572.83759 11.0624z"/><path d="m9.55373 62.795-7.28755-1.7798c1.96302-8.0657 5.1487-15.6528 9.34962-22.5539l6.411 3.8942c-3.807 6.2541-6.6941 13.1299-8.47307 20.4395z"/><path d="m21.5098 37.1531-6.0507-4.4324c4.8398-6.5957 10.6663-12.4221 17.262-17.2619l4.4324 6.0507c-5.9773 4.3861-11.2576 9.6663-15.6437 15.6436z"/><path d="m42.356 18.0266-3.8943-6.4111c6.9011-4.20082 14.4882-7.38645 22.554-9.34944l1.7798 7.28755c-7.3096 1.77899-14.1854 4.66589-20.4395 8.47299z"/><path d="m145 80c0 35.899-29.101 65-65 65-11.3866 0-22.0893-2.928-31.3965-8.072-.8961-.495-1.9417-.658-2.9389-.426l-28.9134 6.747 6.7465-28.914c.2326-.997.0692-2.043-.426-2.939-5.1439-9.307-8.0717-20.0095-8.0717-31.396 0-35.8985 29.1015-65 65-65 35.899 0 65 29.1015 65 65z"/></g></svg>+ \ No newline at end of file
diff --git a/emojis/xmpp.png b/emojis/xmpp.png Binary files differ.
diff --git a/files/gpg_pubkey.bin b/files/gpg_pubkey.bin Binary files differ.
diff --git a/flake.lock b/flake.lock @@ -2,16 +2,16 @@ "nodes": { "nixpkgs": { "locked": { - "lastModified": 1690927903, - "narHash": "sha256-D5gCaCROnjEKDOel//8TO/pOP87pAEtT0uT8X+0Bj/U=", + "lastModified": 1786313170, + "narHash": "sha256-9BG7OgUWdu0ONDO5X2q6+K4bsuBITkX/3W4nNJu1Ito=", "owner": "NixOS", "repo": "nixpkgs", - "rev": "bd836ac5e5a7358dea73cb74a013ca32864ccb86", + "rev": "fcb8fcd6bf2d0adecae5bd491afaaaf8311b758d", "type": "github" }, "original": { "owner": "NixOS", - "ref": "nixos-23.05", + "ref": "nixos-26.05", "repo": "nixpkgs", "type": "github" }
diff --git a/flake.nix b/flake.nix @@ -2,7 +2,7 @@ description = "ctucx.website"; - inputs.nixpkgs.url = "github:NixOS/nixpkgs/nixos-23.05"; + inputs.nixpkgs.url = "github:NixOS/nixpkgs/nixos-26.05"; outputs = inputs:
diff --git a/imprint.html b/imprint.html @@ -0,0 +1,91 @@ +<!DOCTYPE html> +<html lang="de"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title>imprint - zaphyra.eu</title> + + <link href="style.css" rel="stylesheet"> + </head> + <body> + <article> + <p><a href="./index.html">zaphyra.eu</a>› ./imprint.html</p> + <section> + <h2 id="impressum">Impressum</h2> + <p> + Person verantwortlich gemäß §5 Telemediengesetz (TMG) und verantwortlich + für den Inhalt gemäß 55 Abs. 2 RStV (Rundfunkstaatsvertrag): + </p> + + <code> + Katja Kwast<br> + c/o Chaos Computer Club Darmstadt e.V.<br> + Wilhelminenstraße 17<br> + 64283 Darmstadt<br> + Deutschland + </code> + + <p> + E-Mail: <code>imprint@zaphyra.eu</code><br> + Tel.: <code>+49 (0) 15678 340513</code> + </p> + + <p> + Dieses Impressum ist gültig für die folgenden Domains: + <ul id="domains"> + <li>zaphyra.eu (inklusive aller Subdomains)</li> + <li>zaphyra.de (inklusive aller Subdomains)</li> + <li>katja.wtf (inklusive aller Subdomains)</li> + <li>fc9f.de (inklusive aller Subdomains)</li> + </li> + </p> + </section> + </article> + + <article> + <p class="sub"><a href="./index.html">zaphyra.eu</a>› ./imprint.html</p> + <section> + <h2 id="haftungsausschluss-für-ausgehende-links"> + Haftungsausschluss für ausgehende Links + </h2> + <p> + Diese Webpräsenz enthält, so wie viele andere Webseiten ebenfalls, so + genannte Links auf andere, fremde Webpräsenzen und Inhalte. Das wird als + Urgedanke des Internets und des weltweiten Informationsaustauschs als + gang und gäbe angesehen. Rechtlich und technisch gesehen haben wir als + Betreiber unserer Webseite keinen Einfluss auf die Gestaltung sowie den + Inhalt der verlinkten Webpräsenzen. Aus diesem Grund können wir zu + keinem Zeitpunkt für diese Webpräsenzen in irgendeiner Art und Weise + Haftung oder Gewähr übernehmen, da diese im Verantwortungsbereich des + jeweiligen Betreibers angesiedelt ist. + </p> + <p> + Zum Zeitpunkt der Verlinkung wurden die fremden Inhalte auf + Funktionalität, rechtswidrige Inhalte sowie uns möglich auf + Schadsoftware überprüft. Als Indiz finden Sie bei einigen Links einen + Datumsstempel der auf den Zeitpunkt der gesetzten Verlinkung hinweist. + Nichts desto trotz sind wir bemüht unsere Besucher vor rechtswidrigen + Inhalten und Schadsoftware zu schützen weshalb wir stichprobenartig die + gesetzten Links in wiederkehrenden Intervallen untersuchen. Bei etwaigen + Rechtsverletzungen werden die gesetzten Links selbstverständlich + umgehend entfernt. + </p> + <p> + Sollten Sie einen derartigen Link vor unserer Überprüfung gefunden + haben, so bitten wir um umgehende Benachrichtigung an die im Impressum + angezeigten Kontaktdaten. Bitte übermitteln Sie uns dabei den Link + unserer Webseite die den fragwürdigen Verweis enthält, sowie die Art der + Kennzeichnung (a) rechtwidriger Inhalt, b) Schadsoftware oder c) + inaktiver Inhalt bzw. Verweis). + </p> + </section> + </article> + + <div class="flags"> + <div class="disability" title="disability flag"></div> + <div class="trans" title="transgender flag"></div> + <div class="sapphic" title="sapphic flag"></div> + </div> + </body> +</html>
diff --git a/imprint.md b/imprint.md @@ -1,34 +0,0 @@ ---- -title: zaphyra's web-corner -subtitle: ---- - -# Impressum - -Person verantwortlich gemäß §5 Telemediengesetz (TMG) und verantwortlich -für den Inhalt gemäß 55 Abs. 2 RStV (Rundfunkstaatsvertrag): -``` -Katja Kwast -c/o Chaos Computer Club Darmstadt e.V. -Wilhelminenstraße 17 -64283 Darmstadt -Deutschland -``` - -E-Mail: `imprint@zaphyra.eu` -Tel.: `+49 (0) 15678 340513` - -``` -Dieses Impressum ist gültig für die folgenden Domains: - - zaphyra.eu (inklusive aller Subdomains) - - zaphyra.de (inklusive aller Subdomains) - - katja.wtf (inklusive aller Subdomains) -``` - -## Haftungsausschluss für ausgehende Links - -Diese Webpräsenz enthält, so wie viele andere Webseiten ebenfalls, so genannte Links auf andere, fremde Webpräsenzen und Inhalte. Das wird als Urgedanke des Internets und des weltweiten Informationsaustauschs als gang und gäbe angesehen. Rechtlich und technisch gesehen haben wir als Betreiber unserer Webseite keinen Einfluss auf die Gestaltung sowie den Inhalt der verlinkten Webpräsenzen. Aus diesem Grund können wir zu keinem Zeitpunkt für diese Webpräsenzen in irgendeiner Art und Weise Haftung oder Gewähr übernehmen, da diese im Verantwortungsbereich des jeweiligen Betreibers angesiedelt ist. - -Zum Zeitpunkt der Verlinkung wurden die fremden Inhalte auf Funktionalität, rechtswidrige Inhalte sowie uns möglich auf Schadsoftware überprüft. Als Indiz finden Sie bei einigen Links einen Datumsstempel der auf den Zeitpunkt der gesetzten Verlinkung hinweist. Nichts desto trotz sind wir bemüht unsere Besucher vor rechtswidrigen Inhalten und Schadsoftware zu schützen weshalb wir stichprobenartig die gesetzten Links in wiederkehrenden Intervallen untersuchen. Bei etwaigen Rechtsverletzungen werden die gesetzten Links selbstverständlich umgehend entfernt. - -Sollten Sie einen derartigen Link vor unserer Überprüfung gefunden haben, so bitten wir um umgehende Benachrichtigung an die im Impressum angezeigten Kontaktdaten. Bitte übermitteln Sie uns dabei den Link unserer Webseite die den fragwürdigen Verweis enthält, sowie die Art der Kennzeichnung (a) rechtwidriger Inhalt, b) Schadsoftware oder c) inaktiver Inhalt bzw. Verweis).
diff --git a/index.html b/index.html @@ -0,0 +1,67 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title>Hewwo! - zaphyra.eu</title> + + <link href="style.css" rel="stylesheet"> + </head> + <body> + <article> + <header> + <b>zaphyra.eu</b> + </header> + <section> + <h1>Hewwo!</h1> + <img class="avatar" width="175" src="avatar.jpg"> + <p> + My name is katja <small>(she/her)</small> also known as <i>zaphyra <small>(it/its, she/her)</small></i> + and i'm a <span class="queer">queer</span> computer-toucher. Which is just a nice way of saying that i + like <del>to suffer</del> maintain some infrastructure. + </p> + <p> + When it comes to computers... i am very passionate about doing things declaratively (i use nixos, btw), + like to selfhost things and prefer to use decentralized/federated protocols, absolutely hate + proprietary stuff. + </p> + <p> + Appart from that i sometimes thinker with electronics and really enjoy trains + <small>(as in the thing that moves <em>and</em> the infrastructure around that)</small>. + I also used to do a bit of photography in the past, but sadly had to stop doing that because + of <i>$reasons</i>... + </p> + <p> + It's possible to catch me in: <abbr title="i regularly visit: cccda, rzl, cccffm">some</abbr> + hackspaces, smaller chaos-events, demoparties or regional-trains in germany. + </p> + <p> + You also can have a look at some of my <a href="./projects.html">./projects.html</a> or find out how + to <a href="./contact.html">./contact.html</a> me. + </p> + </section> + <footer> + <p><a href="imprint.html">./imprint.html</a></p> + <div class="badges"> + <img src="./badges/made-with-my-paws.gif"> + <img src="./badges/css-is-difficult.gif"> + <img src="./badges/firefox.gif"> + <img src="./badges/ublock.png"> + <img src="./badges/powered-by-nixos.png"> + <img src="./badges/powered-by-estrogen.gif"> + <img src="./badges/trans-rights.png"> + <img src="./badges/transbian.png"> + <img src="./badges/adhd.png"> + <img src="./badges/piracy.gif"> + </div> + </footer> + </article> + + <div class="flags"> + <div class="disability" title="disability flag"></div> + <div class="trans" title="transgender flag"></div> + <div class="sapphic" title="sapphic flag"></div> + </div> + </body> +</html>+ \ No newline at end of file
diff --git a/index.md b/index.md @@ -1,11 +0,0 @@ ---- -title: zaphyra's web-corner -subtitle: -page-about: true ---- - -<img class="avatar" width="30%" src="assets/avatar.jpg"> - -## Hey I'm Katja -Also known as 'zaphyra' and this is my empty website. -oopsie.
diff --git a/package.nix b/package.nix @@ -1,6 +1,6 @@ { stdenvNoCC, - pandoc, + gnupg, }: stdenvNoCC.mkDerivation { @@ -9,5 +9,18 @@ stdenvNoCC.mkDerivation { makeFlags = [ "PREFIX=$(out)" ]; - buildInputs = [ pandoc ]; + nativeBuildInputs = [ + gnupg + ]; + + buildPhase = "true"; + + installPhase = '' + mkdir -p $out/.well-known/openpgpkey/hu + cp -r $src/. $out + touch $out/.well-known/openpgpkey/policy + gpg --dearmor < $out/gpg_pubkey.asc > $out/.well-known/openpgpkey/hu/176e173fg4xct9nu5ssw5jdthru761dj + rm $out/{flake.lock,flake.nix,package.nix} + ''; + }
diff --git a/projects.html b/projects.html @@ -0,0 +1,59 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title>projects - zaphyra.eu</title> + + <link href="style.css" rel="stylesheet"> + </head> + <body> + <article> + <p><a href="./index.html">zaphyra.eu</a>› ./projects.html</p> + <section> + <h2 id="projects">Projects</h2> + <p>Some projects of mine that you might <em>not</em> know.</p> + <ul> + <li> + <h3 id="nixfiles"><a href="https://git.zaphyra.eu/nixfiles">nixfiles</a></h3> + Nix-configs i’ve written to deploy my servers/desktops + </li> + <li> + <h3 id="oeffisearch"><a href="https://git.zaphyra.eu/oeffisearch">oeffisearch</a></h3> + Fast and simple tripplanner + </li> + <li> + <h3 id="mqtt-webui"><a href="https://git.zaphyra.eu/mqtt-webui">mqtt-webui</a></h3> + A generic webui that can be used to display and control data on a websocket-exposed mqtt-broker + </li> + <li> + <h3 id="gallery"><a href="https://git.zaphyra.eu/gallery">gallery</a></h3> + A static-site generator that generates a nice looking photo-gallery + </li> + <li> + <h3 id="sdm2mqtt"><a href="https://git.zaphyra.eu/sdm2mqtt">sdm2mqtt</a></h3> + Expose data from SDM120M meters via MQTT + </li> + <li> + <h3 id="travelynx2fedi"><a href="https://git.zaphyra.eu/travelynx2fedi">travelynx2fedi</a></h3> + Automaticly post travelynx checkins on the fediverse + </li> + </ul> + <p> + There are some smaller projects to look at on my + <a href="https://git.zaphyra.eu">stagit-instance</a>. + </p> + </section> + <footer> + <p><a href="imprint.html">./imprint.html</a></p> + </footer> + </article> + + <div class="flags"> + <div class="disability" title="disability flag"></div> + <div class="trans" title="transgender flag"></div> + <div class="sapphic" title="sapphic flag"></div> + </div> + </body> +</html>+ \ No newline at end of file
diff --git a/projects.md b/projects.md @@ -1,26 +0,0 @@ ---- -title: zaphyra's web-corner -subtitle: -page-projects: true ---- - -# Projects - -Some projects of mine that you might _not_ know. - -- ## [mqtt-webui](https://git.zaphyra.eu/mqtt-webui) - A generic webui that can be used to display and control data on a websocket-exposed mqtt-broker -- ## [oeffisearch](https://git.zaphyra.eu/oeffisearch) - Fast and simple tripplanner -- ## [gallery](https://git.zaphyra.eu/gallery) - A static-site generator that generates a nice looking photo-gallery -- ## [sdm2mqtt](https://git.zaphyra.eu/sdm2mqtt) - Expose data from SDM120M meters via MQTT -- ## [travelynx2fedi](https://git.zaphyra.eu/travelynx2fedi) - Automaticly post travelynx checkins on the fediverse -- ## [nixfiles](https://git.zaphyra.eu/nixfiles) - Nix-configs i've written to deploy my servers/desktops - -<br> - -There are some smaller projects to look at on my [stagit-instance](https://git.zaphyra.eu).
diff --git a/style.css b/style.css @@ -0,0 +1,397 @@ +:root { + color-scheme: dark; + --background: light-dark(rgb(212 212 215), rgb(42 42 46)); + --color: #1c1c1c; + --link-background: #d4d4d4; + --link-color: #435531; + --header-color: #9e9e9e; + --header-height: 27mm; + --article-background: #ddd; + --article-width: 210mm; + --article-height: 297mm; + --article-gap: 3vw; + --article-margin-top: 15mm; + --article-margin-left: 25mm; + --article-margin-right: 20mm; + --article-margin-bottom: 15mm; +} + +article { + --margin-top: var(--article-margin-top); + --margin-left: var(--article-margin-left); + --margin-right: var(--article-margin-right); + --margin-bottom: var(--article-margin-bottom); + --background-image: + radial-gradient(circle 3mm at 11mm calc((var(--article-height)/2) - 40mm), #d3d3d3 97%, transparent), + radial-gradient(circle 3mm at 11mm calc((var(--article-height)/2) + 40mm), #d3d3d3 97%, transparent); +} + +@container page (width < 209mm) { + article { + --margin-top: 7vw; + --margin-left: auto; + --margin-right: auto; + --margin-bottom: 7vw; + --background-image: unset; + } +} + +@container page (width < 175mm) { + article { + --margin-left: 3vw; + --margin-right: 2vw; + } +} + +@font-face { + font-family: 'Syne Mono'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(./syne-mono.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +* { + font-family: "Syne Mono", monospace; + box-sizing: border-box; +} + +html { + font-size: 1.1rem; + line-height: 1.5; + color: var(--color); + background-color: var(--background); +} + +body { + container-name: page; + container-type: inline-size; + display: grid; + gap: var(--article-gap); + max-width: var(--article-width); + margin: var(--article-gap) auto; +} + +a { + color: var(--link-color); + text-decoration: none; + padding: 0 .1rem; + background: var(--link-background); + border-radius: 2px; + + &:hover { + text-decoration: underline dashed; + } +} + +article { + display: flex; + flex-direction: column; + min-height: var(--article-height); + max-width: var(--article-width); + background-color: var(--article-background); + background-image: var(--background-image); + box-shadow: + 0 0.25px 0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), + 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); + + > *:not(header):not(footer) { + max-width: calc(var(--article-width) - var(--article-margin-left) - var(--article-margin-right)); + margin: 0 var(--margin-right) 0 var(--margin-left); + } + + > :first-child:not(header) { + margin-top: var(--margin-top); + } + + > :last-child, + &::after { + margin-bottom: var(--margin-bottom); + } + + > header { + height: var(--header-height); + display: flex; + align-items: center; + justify-content: center; + + b { + letter-spacing: 0.15em; + } + } + + > p:first-child { + font-weight: bold; + width: -moz-available; + width: -webkit-fill-available; + } + + > header, + > p:first-child { + a { + background: unset; + } + } + + > header > b::before, + > p:first-child::before { + content: ""; + display: inline-block; + background-image: url(./emojis/neofox_transbian_enjoyer_bot.png); + background-size: contain; + background-repeat: no-repeat; + background-position: center; + width: 1.4em; + height: 1.4em; + margin: -0.4em 0.25em 0; + vertical-align: middle; + } + + section { + h1 { + font-size: 1.4rem; + margin: 1.5rem 0 0.5rem; + + a { + color: inherit; + text-decoration: none; + } + } + + h2 { + font-size: 1.3rem; + margin: 1.5rem 0 -.5rem; + } + + h3 { + font-size: 1.1rem; + margin: 1rem 0 -.5rem; + } + + p { + margin: 1rem 0; + } + + abbr { + cursor: help; + } + + ul { + list-style-type: disclosure-closed; + } + + dl { + display: grid; + grid-template-columns: max-content 1fr; + gap: 0.2rem 1.5rem; + + dt { + text-transform: uppercase; + } + + dd { + margin: 0; + } + } + + pre, code { + font-size: .9rem; + } + + pre { + white-space: pre-line; + } + + .queer { + padding: 0 .1rem; + display: inline-block; + transform: rotateY(180deg); + background-image: linear-gradient( + 180deg, + #5bcffa calc(100%/5*1), + #f5abb9 calc(100%/5*1) calc(100%/5*2), + #f2f2f2 calc(100%/5*2) calc(100%/5*3), + #f5abb9 calc(100%/5*3) calc(100%/5*4), + #5bcffa calc(100%/4*1) + ); + } + + .avatar { + float: right; + max-width: 40mm; + margin: .5rem 0 .25rem .25rem; + border-radius: 5%; + } + + #domains { + margin: -.7rem 0 0 0; + padding-left: 1.75rem; + list-style-type: "-> "; + } + } + + header + section { + h1:first-child { + margin-top: 0; + } + } + + footer, + &::after { + text-align: center; + margin-top: auto; + + > * { + margin-top: 1rem; + } + + a { + font-size: 0.85rem; + } + } +} + +body:has(> article:nth-child(2)) { + article { + counter-increment: pagenum; + + &::after { + display: block; + content: "— " counter(pagenum) " —"; + } + + &:has(footer)::after { + margin-top: unset; + } + > :last-child { + margin-bottom: unset; + } + } +} + +.emoji { + width: 1.4em; + height: 1.4em; + margin: -0.2em 0.02em 0; + object-fit: contain; + vertical-align: middle; +} + +.badges, +.flags { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + margin: 0 auto; +} + +.badges { + gap: 5px; + max-width: calc((5px * 4) + (88px * 5)); + + img { + image-rendering: pixelated; + } +} + +.flags { + gap: 2rem; + + > div { + width: 100px; + height: 10px; + border-radius: 3px; + } + + .disability { + background: linear-gradient( + 90deg, + #5a5a5a calc(100%/7*1), + #f17e7e calc(100%/7*1) calc(100%/7*2), + #f8e17f calc(100%/7*2) calc(100%/7*3), + #f2f2f2 calc(100%/7*3) calc(100%/7*4), + #a1d0ff calc(100%/7*4) calc(100%/7*5), + #65b567 calc(100%/7*5) calc(100%/7*6), + #5a5a5a calc(100%/7*6) + ); + } + + .trans { + background: linear-gradient( + 90deg, + #5bcffa calc(100%/5*1), + #f5abb9 calc(100%/5*1) calc(100%/5*2), + #f2f2f2 calc(100%/5*2) calc(100%/5*3), + #f5abb9 calc(100%/5*3) calc(100%/5*4), + #5bcffa calc(100%/4*1) + ); + } + + .sapphic { + background: linear-gradient( + 90deg, + #ba70f8 calc(100%/4*1), + #f8708c calc(100%/4*1) calc(100%/4*2), + #f7db64 calc(100%/4*2) calc(100%/4*3), + #77b961 calc(100%/4*3) + ); + } + +} + +@media print { + html { + background-color: white; + } + + body { + print-color-adjust: exact !important; + margin: 0 auto; + } + + a, article { + background: none; + } + + a { + color: var(--color); + text-decoration: underline dashed; + } + + article { + box-shadow: none; + break-after: page; + + > :first-child { + a { + text-decoration: none; + } + } + + section { + abbr { + text-decoration: none; + + &::after{ + content: " (" attr(title) ") "; + font-size: small; + } + } + } + + footer { + margin-top: auto; + } + } + + .flags { + display: none !important; + } + + @page { + size: A4; + margin: 0; + } +}
diff --git a/syne-mono.woff2 b/syne-mono.woff2 Binary files differ.
diff --git a/template.html b/template.html @@ -1,32 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <title>$title$</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link href="/assets/style.css" rel="stylesheet" /> - </head> - <body> - <header> - <h1>$title$</h1> - <p>$subtitle$</p> - </header> - <nav> - <a href="/"$if(page-about)$ class="active" $endif$>home</a> - <a href="/projects.html"$if(page-projects)$ class="active" $endif$>projects</a> - <a href="/contact.html"$if(page-contact)$ class="active" $endif$>contact</a> - <a class="right" href="https://photos.zaphyra.eu/">photos</a> - <a class="right" href="https://git.zaphyra.eu/">git</a> - </nav> - <main> - $body$ - </main> - <footer><a href="/imprint.html">Imprint</a></footer> - <div class="flags"> - <div class="flag"><div style="background:#5a5a5a; width:14.28%;"></div><div style="background:#f17e7e; width:14.28%;"></div><div style="background:#f8e17f; width:14.28%;"></div><div style="background:#f2f2f2; width:14.28%;"></div><div style="background:#a1d0ff; width:14.28%;"></div><div style="background:#65b567; width:14.28%;"></div><div style="background:#5a5a5a; width:14.28%;"></div></div> - <div class="flag"><div style="background:#5bcffa; width:20%;"></div><div style="background:#f5abb9; width:20%;"></div><div style="background:#f2f2f2; width:20%;"></div><div style="background:#f5abb9; width:20%;"></div><div style="background:#5bcffa; width:20%;"></div></div> - <div class="flag"><div style="background:#197e51; width:20%;"></div><div style="background:#3da645; width:20%;"></div><div style="background:#f2f2f2; width:20%;"></div><div style="background:#6d0070; width:20%;"></div><div style="background:#470348; width:20%;"></div></div> - <div class="flag"><div style="background:#ba70f8; width:25%;"></div><div style="background:#f8708c; width:25%;"></div><div style="background:#f7db64; width:25%;"></div><div style="background:#77b961; width:25%;"></div></div> - </div> - </body> -</html>