Update website

2 years ago · adef81ca0b
parent 6ea46440e8
commit adef81ca0b
20 changed files with 454 additions and 111 deletions
--- a/infra/libkookie/configuration/workstation/chat/default.nix
+++ b/infra/libkookie/configuration/workstation/chat/default.nix
@ -20,5 +20,6 @@ in
        element-desktop
        signal-desktop
        tdesktop
+        retroshare
      ];
 }
--- a/infra/libkookie/configuration/workstation/devel/cad.nix
+++ b/infra/libkookie/configuration/workstation/devel/cad.nix
@ -1,4 +1,4 @@
 { pkgs, ... }:
 {
-  home.packages = with pkgs; [ solvespace kicad ];
+  home.packages = with pkgs; [ solvespace /* kicad */ ];
 }
--- a/infra/libkookie/overlays/default.nix
+++ b/infra/libkookie/overlays/default.nix
@ -21,7 +21,7 @@ self: super: {
  
  ## Override packages from nixpkgs
  cgit = self.callPackage ./patches/cgit { inherit (super) cgit; };
-  htop = self.callPackage ./patches/htop { inherit (super) htop; };
+  # htop = self.callPackage ./patches/htop { inherit (super) htop; };
  iosevka = self.callPackage ./patches/iosevka { inherit (super) iosevka; };
  any-nix-shell = self.callPackage ./patches/any-nix-shell { inherit (super) any-nix-shell; };

--- a/infra/website/content/pages/whoami.md
+++ b/infra/website/content/pages/whoami.md
@ -4,11 +4,11 @@ URL: /
 Save_As: index.html
 Template: home

-**Hi –** Welcome to my dusty corner of the internet.
+**Hi —** Welcome to my dusty corner of the internet.

-My name is **Katharina Fey** and I'm a software researcher from Berlin.
-I like taking photos, making music, and having way too many projects.
-You can find some of my work below.
+My name is **Katharina Fey** and I'm a distributed software researcher
+and musician from Berlin.  I do a lot of different things on a lot of
+different platforms.  You can find some of my work below.

 <div class="icons">
    <a href="https://twitter.com/spacekookie" id="wiggle" class="hblue"><i class="fab fa-twitter"></i></a>
@ -17,19 +17,20 @@ You can find some of my work below.
    <a href="https://octodon.social/@spacekookie" id="wiggle" class="hblue"><i class="fab fa-mastodon"></i></a>
    <a href="https://breadmachine.itch.io" id="wiggle" class="hgreen"><i class="fab fa-itch-io"></i></a>
    <a href="/keys/" id="wiggle" class="hyellow"><i class="fab fa-keycdn"></i></a>
-    <a href="https://pixelfed.de/spacekookie" id="wiggle" class="hlila"><i class="fa-solid fa-camera-retro"></i></a>
+    <a href="https://pixelfed.de/spacekookie" id="wiggle" class="hlila"><span></span></a>
    <a href="https://github.com/spacekookie" id="wiggle" class="hred"><i class="fab fa-github"></i></a>
    <a href="https://soundcloud.com/0xbreadmachine" id="wiggle" class="horange"><i class="fab fa-soundcloud"></i></a>
-    <a href="https://diode.zone/a/spacekookie" id="wiggle" class="hyellow"><i class="fas fa-film"></i></a>
+    <a href="https://diode.zone/a/spacekookie" id="wiggle" class="hyellow"><span></span></a>
    <a> </a>
-    <a href="https://dev.spacekookie.de/kookie/nomicon/" id="wiggle" class="hbrown"><i class="fa-solid fa-cookie"></i></a>
+    <a href="https://dev.spacekookie.de/kookie/nomicon/" id="wiggle" class="hbrown"><span></span></a>
    <a href="https://lists.sr.ht/~spacekookie/public-inbox" id="wiggle" class="hteal"><i class="fas fa-inbox"></i></a>
    <a> </a>
    <a> </a>
-    
 </div>

-To get in touch with me, you can also send an e-mail to <a href="mailto:kookie@spacekookie.de" id="email"><b>kookie@spacekookie.de</b></a>
+To get in touch with me, you can send me an e-mail to 
+<a href="mailto:kookie@spacekookie.de" id="email"><b>kookie@spacekookie.de</b></a>
+or to my <a href="">public inbox</a>.

 <div class="footer">
    <a href="/impressum/" id="legal"><i class="fa fa-gavel"></i> Impressum</a>
--- a/infra/website/crumbs/static/css/crumbs.css
+++ b/infra/website/crumbs/static/css/crumbs.css
@ -25,6 +25,14 @@
  src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(../fonts/Inconsolata-Regular.ttf) format('truetype');
 }

+@font-face {
+  font-family: 'spacekookie';
+  font-style: normal;
+  font-weight: 600;
+  src:url(../fonts/icomoon.ttf) format('truetype');
+}
+
+
 body {
    font-family: 'Montserrat', sans-serif;
    color: #EFEFEF;
--- a/infra/website/crumbs/static/css/home.css
+++ b/infra/website/crumbs/static/css/home.css
@ -35,8 +35,31 @@ a, a:visited a:hover, a:active, a:link {
    outline: 0;
 }

+.home-content {
+    display: flex;
+    flex-direction: column;
+}
+
 /*** Social media definitions ***/

+.icons { 
+    max-width: 600px;
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    align-self: center;
+    flex-wrap: wrap;
+}
+
+
+.icons h1 {
+    font-family: Inconsolata;
+    font-size: 42px;
+    line-height: 42px;
+    font-style: normal;
+    font-variant: normal;
+}
+
 .icons > a {
    display: block;
    font-family: Inconsolata;
@ -51,48 +74,45 @@ a, a:visited a:hover, a:active, a:link {
    background-color: #363636;
 }

-.hblue:hover, .hblue:focus { color: #6997c8; }
-.hred:hover, .hred:focus { color: #ef787b; }
-.hgreen:hover, .hgreen:focus { color: #99cb9b; }
-.hlila:hover, .hlila:focus { color: #ca98c9; }
-.hyellow:hover, .hyellow:focus { color: #e7d853; }
-.hteal:hover, .hteal:focus { color: #6ccaca; }
-.horange:hover, .horange:focus { color: #f6915f; }
-.hbrown:hover, .hbrown:focus { color: #be6b49; }
+.icons > a > img { max-width: 1em; }

-#wiggle:hover, #wiggle:focus {
+#wiggle:hover > .filter-brown { filter: brightness(0) saturate(100%) invert(49%) sepia(81%) saturate(350%) hue-rotate(332deg) brightness(83%) contrast(90%); }
+#wiggle:hover > .filter-lila { filter: brightness(0) saturate(100%) invert(90%) sepia(83%) saturate(5521%) hue-rotate(209deg) brightness(84%) contrast(84%); }
+#wiggle:hover > .filter-yellow { filter: brightness(0) saturate(100%) invert(98%) sepia(40%) saturate(2156%) hue-rotate(325deg) brightness(92%) contrast(97%); }
+
+.hblue:hover { color: #6997c8; }
+.hbrown:hover { color: #be6b49; }
+.hgreen:hover { color: #99cb9b; }
+.hlila:hover { color: #ca98c9; }
+.horange:hover { color: #f6915f; }
+.hred:hover { color: #ef787b; }
+.hteal:hover { color: #6ccaca; }
+.hyellow:hover { color: #e7d853; }
+
+#wiggle { font-family: 'spacekookie'; }
+
+#wiggle:hover {
    animation: .15s wiggle ease infinite;
    box-shadow: none;
 }

-#email:hover, #email:focus { color: #6ccaca; }
-
-.icons { 
-    padding: 1em 8em;
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    flex-wrap: wrap;
+/* Tone down the animation to avoid vestibular motion triggers like scaling or panning large objects. */
+@media (prefers-reduced-motion) {
+  #wiggle:hover { animation: none; }
 }


-.icons h1 {
-    font-family: Inconsolata;
-    font-size: 42px;
-    line-height: 42px;
-    font-style: normal;
-    font-variant: normal;
-}
+#email:hover, #email:focus { color: #6ccaca; }

@keyframes wiggle {
    0%  { transform: translate(0em, 0em); }
-    12.5% { transform: translate(.025em, -.0725em) rotateZ(2deg); }
-    25% { transform: translate(.125em, 0em) rotateZ(1.725deg);; }
-    37.5% { transform: translate(.025em, .025em) rotateZ(-1.725deg);; }
-    50% { transform: translate(0em, 0em) rotateZ(-1.725deg);; }
-    62.5% { transform: translate(-.025em, -.1em) rotateZ(-1.725deg);; }
-    75% { transform: translate(-.125em, 0em) rotateZ(-1.725deg);; }
-    87.5% { transform: translate(-.1em, .1em) rotateZ(1.725deg);; }
-    100% { transform: translate(0em, 0em) rotateZ(1.725deg);; }
+    12.5% { transform: translate(.025em, -.0525em) rotateZ(2deg); }
+    25% { transform: translate(.125em, 0em) rotateZ(2deg); }
+    37.5% { transform: translate(.025em, .025em) rotateZ(-2deg); }
+    50% { transform: translate(0em, 0em) rotateZ(-2deg); }
+    62.5% { transform: translate(-.025em, -.0525em) rotateZ(-2deg); }
+    75% { transform: translate(-.125em, 0em) rotateZ(-2deg); }
+    87.5% { transform: translate(-.1em, .1em) rotateZ(2deg); }
+    100% { transform: translate(0em, 0em) rotateZ(2deg); }
  }
-  
+  
--- a/infra/website/crumbs/static/fonts/icomoon.ttf
+++ b/infra/website/crumbs/static/fonts/icomoon.ttf
--- a/infra/website/crumbs/static/fonts/spacekookie.ttf
+++ b/infra/website/crumbs/static/fonts/spacekookie.ttf
--- a/infra/website/crumbs/static/img/irdest.svg
+++ b/infra/website/crumbs/static/img/irdest.svg
--- a/infra/website/crumbs/static/img/kookienomicon.svg
+++ b/infra/website/crumbs/static/img/kookienomicon.svg
@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 36 36"
+   version="1.1"
+   id="svg62"
+   sodipodi:docname="kookienomicon.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   inkscape:export-filename="/home/projects/kookienomicon/infra/website/crumbs/static/img/nomicon2x.png"
+   inkscape:export-xdpi="2730.6699"
+   inkscape:export-ydpi="2730.6699"
+   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"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata68">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs66" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="708"
+     inkscape:window-height="668"
+     id="namedview64"
+     showgrid="false"
+     inkscape:zoom="14.841745"
+     inkscape:cx="19.269971"
+     inkscape:cy="22.335649"
+     inkscape:window-x="652"
+     inkscape:window-y="72"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg-root-brown"
+     inkscape:pagecheckerboard="true" />
+  <g
+     style="display:inline;mix-blend-mode:normal;fill:#666666"
+     transform="matrix(0.2629678,-0.22652158,0.21050084,0.25542002,-59.90437,27.794291)"
+     id="svg-root-brown"
+     inkscape:groupmode="layer"
+     inkscape:label="svg-root-brown">
+    <path
+       id="path58"
+       style="display:inline;fill:#cccccc;stroke-width:2.95076"
+       d="m 216.62306,85.490556 c -0.61014,-0.540924 -1.25371,-1.02977 -1.94732,-1.436427 -2.85662,-1.676008 -6.18009,-2.047981 -9.21307,-3.085622 -3.08767,-1.054829 -5.9777,-3.067805 -9.15236,-3.46765 -1.19316,-0.150935 -2.38917,-0.04731 -3.58437,0.116898 l 9.88829,33.575475 15.15916,-0.29711 c -0.32832,-2.31441 0.95635,-4.57416 3.14399,-5.26372 1.52378,-0.48138 3.11561,-0.0906 4.28791,0.89702 0.70336,0.59258 1.25396,1.40438 1.55007,2.36877 0.15242,0.498 0.24768,1.13597 0.30634,1.81632 l 9.4115,-0.18706 c -0.28327,-1.6952 -0.64045,-3.36472 -1.39739,-4.87914 -3.47987,-5.59574 -8.10131,-10.493234 -13.17445,-14.773151 -1.89146,-1.67746 -3.44788,-3.761826 -5.2783,-5.384603 z m 20.27453,27.661404 -27.10307,18.45621 13.78798,37.41628 c 2.04328,-1.84649 3.9126,-3.94192 5.52413,-6.37214 4.02445,-5.25556 7.51786,-11.08221 9.93774,-17.19311 1.60372,-6.545 1.91398,-13.49054 1.21922,-20.23778 -0.30336,-3.35023 -1.92403,-6.42847 -2.84338,-9.679 -0.21996,-0.77709 -0.38179,-1.57922 -0.52262,-2.39046 z M 190.54286,77.960395 c -1.2791,0.24155 -2.55732,0.492624 -3.83195,0.593189 -6.44741,0.201716 -12.45374,2.069224 -17.97342,5.501506 -2.80393,1.502814 -6.1639,2.143625 -8.67989,4.246339 -6.09551,6.205468 -11.8351,13.716211 -14.12222,22.466961 l 8.4578,0.16002 c 1.64126,-2.53579 5.77966,-4.72891 8.24975,-5.06366 1.62903,-0.22508 3.20474,0.266 4.43527,1.24181 1.2214,0.96857 2.10116,2.4193 2.35687,4.1166 l 11.31599,0.2173 5.64565,-19.309669 c -1.19583,-0.281045 -2.18264,-1.290128 -2.41616,-2.632191 -0.30692,-1.763849 0.79533,-3.42045 2.47253,-3.710473 0.47448,-0.0797 1.11593,-0.04343 1.78449,0.05324 z m 25.3739,40.488165 -10.97256,0.003 2.33158,6.31936 z m -24.00297,-17.41802 -3.39522,10.43949 0.21903,-0.005 c 0.045,-0.41981 0.0965,-0.83384 0.17907,-1.17938 0.56176,-2.40176 2.36583,-4.09425 4.52086,-4.60848 z m 5.97747,18.30824 c -1.656,2.0488 -3.68715,3.57657 -5.44325,3.07931 -1.39352,-0.39219 -2.36138,-2.00048 -2.98158,-3.96712 l -3.21604,5e-5 -3.50652,10.79195 9.18345,6.67626 9.18321,-6.67514 z m 29.49935,27.04879 c 0.40992,0.32275 0.69403,0.70238 0.77122,1.14277 0.30914,1.76582 -2.81802,3.77161 -4.49562,4.05736 -1.67354,0.28544 -3.28187,-0.90657 -3.58879,-2.67041 -0.30691,-1.76385 0.79718,-3.42274 2.47254,-3.71048 1.25545,-0.21088 3.61088,0.21253 4.84065,1.18076 z m -48.68921,-27.93291 -10.77499,0.0254 8.87964,6.4527 z m 27.86419,27.57913 c -0.0644,0.11372 -0.12187,0.23363 -0.19207,0.34199 l 0.39351,0.28779 z m 16.04717,23.8588 -30.25455,-24.97338 -30.99414,24.44909 c 2.16773,1.58322 4.50174,2.925 6.97511,3.96074 8.53545,5.00925 17.84289,9.04645 27.6479,7.74289 9.41915,-1.91259 19.14946,-4.90353 26.62568,-11.17934 z m -36.62239,-29.66492 -5.58914,-3.77153 -3.29112,10.22595 z M 174.34065,132.37356 145.4521,112.8938 c -0.0322,0.16847 -0.0759,0.33354 -0.10547,0.5029 -2.89439,9.57778 -4.87926,19.87348 -1.85994,29.77851 0.91294,3.22528 3.371,5.91707 4.88244,8.94101 2.46893,6.61905 6.72955,12.41042 12.13844,16.61482 l 4.8127,-12.64635 c -3.08195,-0.11419 -6.72425,-1.18319 -7.32979,-3.43416 -0.83892,-3.10873 4.41675,-7.255 7.36008,-8.06259 1.43589,-0.39737 2.90244,-0.14874 4.12547,0.5618 z m 20.67755,26.3136 c 0.64399,0.54333 1.14967,1.28504 1.42005,2.16934 0.72285,2.35589 0.37331,7.67798 -1.85665,8.37826 -2.23507,0.71141 -5.49748,-3.46634 -6.21665,-5.82681 -0.72873,-2.35328 0.49163,-4.83846 2.72748,-5.54135 1.39348,-0.44033 2.8523,-0.0848 3.92577,0.82055 z" />
+    <path
+       id="path1968"
+       style="display:inline;fill:none;stroke:#cccccc;stroke-width:1;stroke-opacity:1"
+       d="m 240.87851,110.44274 -38.26428,0.75049 -10.93216,-37.124063 -10.93101,37.371293 -38.56101,-0.7438 32.1506,21.6769 -14.55039,38.2371 32.56795,-25.69145 32.10651,26.5011 -14.6702,-39.81215 z m -24.96175,8.00581 -8.64098,6.32252 -2.33158,-6.31936 z m -24.00297,-17.41801 3.37555,10.3039 -6.77077,0.13559 z m 5.6882,17.41702 3.50854,10.79653 -9.18321,6.67514 -9.18345,-6.67627 3.50652,-10.79194 z m 5.77727,17.77894 3.38777,10.43709 -8.67115,-6.2678 z m -24.67786,-17.77184 -1.89535,6.47813 -8.87964,-6.4527 z m 7.28897,21.77301 -8.88026,6.45441 3.29112,-10.22594 z"
+       inkscape:label="penta" />
+  </g>
+</svg>
--- a/infra/website/crumbs/static/img/nomicon.png
+++ b/infra/website/crumbs/static/img/nomicon.png
--- a/infra/website/crumbs/static/img/nomicon2x.png
+++ b/infra/website/crumbs/static/img/nomicon2x.png
--- a/infra/website/crumbs/static/img/peertube.png
+++ b/infra/website/crumbs/static/img/peertube.png
--- a/infra/website/crumbs/static/img/peertube.svg
+++ b/infra/website/crumbs/static/img/peertube.svg
@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="512"
+   viewBox="2799 -911 512 512.00001"
+   width="512"
+   version="1.1"
+   id="svg892"
+   sodipodi:docname="peertube.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   inkscape:export-filename="/home/projects/kookienomicon/infra/website/crumbs/static/img/peertube2x.png"
+   inkscape:export-xdpi="192"
+   inkscape:export-ydpi="192"
+   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="defs896" />
+  <sodipodi:namedview
+     id="namedview894"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.95156735"
+     inkscape:cx="233.2993"
+     inkscape:cy="339.96543"
+     inkscape:window-width="708"
+     inkscape:window-height="668"
+     inkscape:window-x="652"
+     inkscape:window-y="72"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g1077" />
+  <g
+     id="g1077">
+    <g
+       id="g1114"
+       transform="matrix(0.7292611,0,0,0.7292611,827.10734,-239.57204)">
+      <path
+         d="m 2799,-911 v 341.344 l 256,-170.656"
+         fill="#211f20"
+         id="path884"
+         style="fill:#cccccc;stroke-width:32" />
+      <path
+         d="m 2799,-569.656 v 341.344 l 256,-170.656"
+         fill="#737373"
+         id="path886"
+         style="fill:#cccccc;stroke-width:32" />
+      <path
+         d="M 3055,-740.344 V -399 l 256,-170.656"
+         fill="#f1680d"
+         id="path888"
+         style="fill:#cccccc;stroke-width:32" />
+    </g>
+  </g>
+</svg>
--- a/infra/website/crumbs/static/img/peertube2x.png
+++ b/infra/website/crumbs/static/img/peertube2x.png
--- a/infra/website/crumbs/static/img/pictureblog.png
+++ b/infra/website/crumbs/static/img/pictureblog.png
--- a/infra/website/crumbs/static/img/pictureblog.svg
+++ b/infra/website/crumbs/static/img/pictureblog.svg
@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512mm"
+   height="512mm"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1127"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="pictureblog.svg"
+   inkscape:export-filename="/home/projects/kookienomicon/infra/website/crumbs/static/img/pictureblog2x.png"
+   inkscape:export-xdpi="50.799999"
+   inkscape:export-ydpi="50.799999"
+   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">
+  <sodipodi:namedview
+     id="namedview1129"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.11985743"
+     inkscape:cx="976.15976"
+     inkscape:cy="1547.6721"
+     inkscape:window-width="1366"
+     inkscape:window-height="768"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1124">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath3883">
+      <g
+         id="g3903">
+        <g
+           id="g3889">
+          <path
+             id="path3885"
+             style="opacity:0.999667;fill:#ffffff;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             d="m 149.72552,201.89748 c -15.09566,0 -27.24855,12.15289 -27.24855,27.24855 v 111.69969 c 0,15.09566 12.15289,27.24855 27.24855,27.24855 h 176.48891 c 15.09567,0 27.24854,-12.15289 27.24854,-27.24855 V 229.14603 c 0,-15.09566 -12.15287,-27.24855 -27.24854,-27.24855 z m 11.45546,10.78777 h 153.57799 c 21.15244,0 25.32703,6.55659 25.32703,23.7112 v 97.19884 c 0,11.88807 -2.80031,15.61481 -8.53687,19.95656 l -50.50359,-87.22503 c -1.6914,-2.92962 -5.91601,-2.58912 -7.52507,0 l -42.19716,73.08775 -38.36622,-38.36622 c -5.29006,-5.29006 -7.97627,-4.28733 -11.55332,0 l -36.89298,52.58663 c -5.80065,-4.34039 -8.65737,-8.22864 -8.65737,-20.03969 v -97.19884 c 0,-16.91288 6.25068,-23.7112 25.32756,-23.7112 z"
+             sodipodi:nodetypes="sssssssssssssccccsccsss" />
+          <circle
+             style="opacity:0.999667;fill:#ffffff;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             id="circle3887"
+             cx="217.01196"
+             cy="246.16977"
+             r="15.911411" />
+        </g>
+        <g
+           id="g3895"
+           transform="translate(0,-170.39172)">
+          <path
+             id="path3891"
+             style="opacity:0.999667;fill:#ffffff;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             d="m 149.72552,201.89748 c -15.09566,0 -27.24855,12.15289 -27.24855,27.24855 v 111.69969 c 0,15.09566 12.15289,27.24855 27.24855,27.24855 h 176.48891 c 15.09567,0 27.24854,-12.15289 27.24854,-27.24855 V 229.14603 c 0,-15.09566 -12.15287,-27.24855 -27.24854,-27.24855 z m 11.45546,10.78777 h 153.57799 c 21.15244,0 25.32703,6.55659 25.32703,23.7112 v 97.19884 c 0,11.88807 -2.80031,15.61481 -8.53687,19.95656 l -50.50359,-87.22503 c -1.6914,-2.92962 -5.91601,-2.58912 -7.52507,0 l -42.19716,73.08775 -38.36622,-38.36622 c -5.29006,-5.29006 -7.97627,-4.28733 -11.55332,0 l -36.89298,52.58663 c -5.80065,-4.34039 -8.65737,-8.22864 -8.65737,-20.03969 v -97.19884 c 0,-16.91288 6.25068,-23.7112 25.32756,-23.7112 z"
+             sodipodi:nodetypes="sssssssssssssccccsccsss" />
+          <circle
+             style="opacity:0.999667;fill:#ffffff;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             id="circle3893"
+             cx="217.01196"
+             cy="246.16977"
+             r="15.911411" />
+        </g>
+        <g
+           id="g3901"
+           transform="translate(0,169.33338)">
+          <path
+             id="path3897"
+             style="opacity:0.999667;fill:#ffffff;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             d="m 149.72552,201.89748 c -15.09566,0 -27.24855,12.15289 -27.24855,27.24855 v 111.69969 c 0,15.09566 12.15289,27.24855 27.24855,27.24855 h 176.48891 c 15.09567,0 27.24854,-12.15289 27.24854,-27.24855 V 229.14603 c 0,-15.09566 -12.15287,-27.24855 -27.24854,-27.24855 z m 11.45546,10.78777 h 153.57799 c 21.15244,0 25.32703,6.55659 25.32703,23.7112 v 97.19884 c 0,11.88807 -2.80031,15.61481 -8.53687,19.95656 l -50.50359,-87.22503 c -1.6914,-2.92962 -5.91601,-2.58912 -7.52507,0 l -42.19716,73.08775 -38.36622,-38.36622 c -5.29006,-5.29006 -7.97627,-4.28733 -11.55332,0 l -36.89298,52.58663 c -5.80065,-4.34039 -8.65737,-8.22864 -8.65737,-20.03969 v -97.19884 c 0,-16.91288 6.25068,-23.7112 25.32756,-23.7112 z"
+             sodipodi:nodetypes="sssssssssssssccccsccsss" />
+          <circle
+             style="opacity:0.999667;fill:#ffffff;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             id="circle3899"
+             cx="217.01196"
+             cy="246.16977"
+             r="15.911411" />
+        </g>
+      </g>
+    </clipPath>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       id="path6544"
+       clip-path="url(#clipPath3883)"
+       style="display:inline;opacity:0.999667;fill:#cccccc;stroke-width:50;paint-order:markers fill stroke"
+       transform="matrix(-1.7295424,0,0,1.7295424,667.57916,-237.89873)"
+       d="m 150.76618,148.89505 h 176.78911 c 48.67869,0 87.86767,39.18898 87.86767,87.86767 v 97.60682 c 0,48.67869 -39.18898,87.86767 -87.86767,87.86767 H 150.76618 c -48.67869,0 -87.867666,-39.18898 -87.867666,-87.86767 v -97.60682 c 0,-48.67869 39.188976,-87.86767 87.867666,-87.86767 z" />
+  </g>
+</svg>
--- a/infra/website/crumbs/static/img/pictureblog2.svg
+++ b/infra/website/crumbs/static/img/pictureblog2.svg
@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 135.46666 135.46666"
+   version="1.1"
+   id="svg1127"
+   sodipodi:docname="pictureblog2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   inkscape:export-filename="/home/projects/kookienomicon/infra/website/crumbs/static/img/pictureblog.png"
+   inkscape:export-xdpi="96.000008"
+   inkscape:export-ydpi="96.000008"
+   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">
+  <sodipodi:namedview
+     id="namedview1129"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="1.3836949"
+     inkscape:cx="258.72756"
+     inkscape:cy="304.61918"
+     inkscape:window-width="954"
+     inkscape:window-height="980"
+     inkscape:window-x="960"
+     inkscape:window-y="72"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     units="px"
+     width="512px" />
+  <defs
+     id="defs1124">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath10523">
+      <g
+         id="g10543"
+         transform="matrix(0.25893943,0,0,0.25893943,1.4448393,0.97890454)"
+         style="fill:#cccccc">
+        <g
+           id="g10529"
+           transform="matrix(-1.5728192,0,0,1.5728192,630.28374,-191.4147)"
+           style="fill:#cccccc">
+          <path
+             id="path10525"
+             style="opacity:0.999667;fill:#cccccc;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             d="m 149.72552,201.89748 c -15.09566,0 -27.24855,12.15289 -27.24855,27.24855 v 111.69969 c 0,15.09566 12.15289,27.24855 27.24855,27.24855 h 176.48891 c 15.09567,0 27.24854,-12.15289 27.24854,-27.24855 V 229.14603 c 0,-15.09566 -12.15287,-27.24855 -27.24854,-27.24855 z m 11.45546,10.78777 h 153.57799 c 21.15244,0 25.32703,6.55659 25.32703,23.7112 v 97.19884 c 0,11.88807 -2.80031,15.61481 -8.53687,19.95656 l -50.50359,-87.22503 c -1.6914,-2.92962 -5.91601,-2.58912 -7.52507,0 l -42.19716,73.08775 -38.36622,-38.36622 c -5.29006,-5.29006 -7.97627,-4.28733 -11.55332,0 l -36.89298,52.58663 c -5.80065,-4.34039 -8.65737,-8.22864 -8.65737,-20.03969 v -97.19884 c 0,-16.91288 6.25068,-23.7112 25.32756,-23.7112 z"
+             sodipodi:nodetypes="sssssssssssssccccsccsss" />
+          <circle
+             style="opacity:0.999667;fill:#cccccc;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             id="circle10527"
+             cx="217.01196"
+             cy="246.16977"
+             r="15.911411" />
+        </g>
+        <g
+           id="g10535"
+           transform="matrix(1.5728192,0,0,1.5728192,-118.28374,-459.41006)"
+           style="fill:#cccccc">
+          <path
+             id="path10531"
+             style="opacity:0.999667;fill:#cccccc;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             d="m 149.72552,201.89748 c -15.09566,0 -27.24855,12.15289 -27.24855,27.24855 v 111.69969 c 0,15.09566 12.15289,27.24855 27.24855,27.24855 h 176.48891 c 15.09567,0 27.24854,-12.15289 27.24854,-27.24855 V 229.14603 c 0,-15.09566 -12.15287,-27.24855 -27.24854,-27.24855 z m 11.45546,10.78777 h 153.57799 c 21.15244,0 25.32703,6.55659 25.32703,23.7112 v 97.19884 c 0,11.88807 -2.80031,15.61481 -8.53687,19.95656 l -50.50359,-87.22503 c -1.6914,-2.92962 -5.91601,-2.58912 -7.52507,0 l -42.19716,73.08775 -38.36622,-38.36622 c -5.29006,-5.29006 -7.97627,-4.28733 -11.55332,0 l -36.89298,52.58663 c -5.80065,-4.34039 -8.65737,-8.22864 -8.65737,-20.03969 v -97.19884 c 0,-16.91288 6.25068,-23.7112 25.32756,-23.7112 z"
+             sodipodi:nodetypes="sssssssssssssccccsccsss" />
+          <circle
+             style="opacity:0.999667;fill:#cccccc;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             id="circle10533"
+             cx="217.01196"
+             cy="246.16977"
+             r="15.911411" />
+        </g>
+        <g
+           id="g10541"
+           transform="matrix(1.5728192,0,0,1.5728192,-118.28374,74.91609)"
+           style="fill:#cccccc">
+          <path
+             id="path10537"
+             style="opacity:0.999667;fill:#cccccc;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             d="m 149.72552,201.89748 c -15.09566,0 -27.24855,12.15289 -27.24855,27.24855 v 111.69969 c 0,15.09566 12.15289,27.24855 27.24855,27.24855 h 176.48891 c 15.09567,0 27.24854,-12.15289 27.24854,-27.24855 V 229.14603 c 0,-15.09566 -12.15287,-27.24855 -27.24854,-27.24855 z m 11.45546,10.78777 h 153.57799 c 21.15244,0 25.32703,6.55659 25.32703,23.7112 v 97.19884 c 0,11.88807 -2.80031,15.61481 -8.53687,19.95656 l -50.50359,-87.22503 c -1.6914,-2.92962 -5.91601,-2.58912 -7.52507,0 l -42.19716,73.08775 -38.36622,-38.36622 c -5.29006,-5.29006 -7.97627,-4.28733 -11.55332,0 l -36.89298,52.58663 c -5.80065,-4.34039 -8.65737,-8.22864 -8.65737,-20.03969 v -97.19884 c 0,-16.91288 6.25068,-23.7112 25.32756,-23.7112 z"
+             sodipodi:nodetypes="sssssssssssssccccsccsss" />
+          <circle
+             style="opacity:0.999667;fill:#cccccc;stroke:none;stroke-width:1.01818;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+             id="circle10539"
+             cx="217.01196"
+             cy="246.16977"
+             r="15.911411" />
+        </g>
+      </g>
+    </clipPath>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     id="layer1"
+     inkscape:groupmode="layer">
+    <rect
+       style="opacity:0.999667;fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:4.99999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+       id="rect10419"
+       width="120.24286"
+       height="120.24286"
+       x="7.6119037"
+       y="7.6119037"
+       ry="32.879379"
+       clip-path="url(#clipPath10523)"
+       transform="matrix(1.1357207,0,0,1.1357207,-9.1928155,-7.6053151)" />
+  </g>
+</svg>
--- a/infra/website/crumbs/static/img/pictureblog2x.png
+++ b/infra/website/crumbs/static/img/pictureblog2x.png
--- a/infra/website/crumbs/templates/home.html
+++ b/infra/website/crumbs/templates/home.html
@ -12,10 +12,41 @@
 {% include "components/title.html" %}
 {% include "components/gay.html" %}

-<div>
-{{ page.content }}
-</div>
+<div class="home-content">
+  <p><strong>Hi —</strong> Welcome to my dusty corner of the
+  internet.</p>
+
+  <p>My name is <strong>Katharina Fey</strong> and I'm a distributed
+  software researcher and musician from Berlin.  I do a lot of
+  different things on a lot of different platforms.  You can find some
+  of my work below.</p>
+
+  <div class="icons">
+    <a href="https://twitter.com/spacekookie" id="wiggle" class="hblue"><i class="fab fa-twitter"></i></a>
+    <a href="https://breadmachine.bandcamp.com" id="wiggle" class="horange"><i class="fab fa-bandcamp"></i></a>
+    <a href="https://git.irde.st/spacekookie" id="wiggle" class="hlila"><i class="fab fa-gitlab"></i></a>
+    <a href="https://octodon.social/@spacekookie" id="wiggle" class="hblue"><i class="fab fa-mastodon"></i></a>
+    <a href="https://breadmachine.itch.io" id="wiggle" class="hgreen"><i class="fab fa-itch-io"></i></a>
+    <a href="/keys/" id="wiggle" class="hyellow"><i class="fab fa-keycdn"></i></a>
+    <a href="https://pixelfed.de/spacekookie" id="wiggle" class="hlila"><img class="filter-lila" src="/theme/img/pictureblog.png" /></a>
+    <a href="https://github.com/spacekookie" id="wiggle" class="hred"><i class="fab fa-github"></i></a>
+    <a href="https://soundcloud.com/0xbreadmachine" id="wiggle" class="horange"><i class="fab fa-soundcloud"></i></a>
+    <a href="https://diode.zone/a/spacekookie" id="wiggle" class="hyellow"><img class="filter-yellow" src="/theme/img/peertube.png" /></a>
+    <a> </a>
+    <a href="https://dev.spacekookie.de/kookie/nomicon/" id="wiggle" class="hbrown"><img class="filter-brown" src="/theme/img/nomicon.png" /></a>
+    <a href="https://lists.sr.ht/~spacekookie/public-inbox" id="wiggle" class="hteal"><i class="fas fa-inbox"></i></a>
+    <a> </a>
+    <a> </a>
+  </div>

+  <p>To get in touch with me, you can send me an e-mail to
+  <a href="mailto:kookie@spacekookie.de" id="email"><b>kookie@spacekookie.de</b></a>
+  or to my <a href="">public inbox</a>.</p>
+
+  <div class="footer">
+    <a href="/impressum/" id="legal"><i class="fa fa-gavel"></i> Impressum</a>
+  </div>
+</div>
 {% endblock %}