Update home, add pronouns

Author: bash

config.toml

@@ -13,6 +13,7 @@ highlight_themes_css = [
 extra_syntaxes_and_themes = ["syntaxes"]
 
 [extra]
+default_language = "en"
 menu = [
     { name = "Home", url = "/" },
     { name = "Blog", url = "/blog" },

content/_index.md

@@ -3,13 +3,12 @@ title = "Tau's Website"
 template = "introduction.html"
 +++
 
-I'm studying mathematics at the [University of Zurich][UZH].
+I'm passionate about programming, plants and solving puzzles.
+
 In my spare time I enjoy coding on one of my many side projects. I love playing
-video games, especially puzzle and story
-driven ones.
+video games, especially puzzle and story driven ones.
 
-Every month or so I organize a [game night]
-for my friends and acquaintances from uni.
+Every month or so I organize a fun and cozy [game night] for my friends.
 
 Visit my [GitHub profile] if you're interested
 in what I'm currently working on.
@@ -19,12 +18,15 @@ I very infrequently post things on [Mastodon].
 ## Contact
 
 I love getting email—from non-spammers that is ^^ \
-Send your messages to `public-inbox (at) tau.garden`. 
+Send your messages to <span id="email" class="_targetable">`public-inbox (at) tau.garden`</span>.
 
 Instead of opening a pull request on GitHub,
 you may also send patches to `patches (at) tau.garden`.
 
-[UZH]: https://uzh.ch
+---
+
+Not sure how to talk about me (i.e. what pronouns to use)? I put together a [helpful page](/pronouns).
+
 [game night]: https://game-night.tau.garden
 [GitHub profile]: https://github.com/bash
 [Mastodon]: https://hachyderm.io/@tautropfli

content/anrede.md

@@ -0,0 +1,33 @@
++++
+title = "Tau's Anrede & Pronomen"
+[extra]
+markdown_title = "Anrede & Pronomen"
+language = "de"
++++
+
+<small>Also available in [English](/pronouns).</small>
+
+Wow – danke, dass Du mich danach fragst! ☺️
+
+Bei den Pronomen stehen dir verschieden Optionen zur Wahl:
+
+Am einfachsten ist es, wenn du für mich keine Pronomen verwendest,
+also statt einem Pronomen immer meinen Vornamen *Tau* sagst.
+Also beispielsweise: «*Tau* hat sehr viel Arbeit in dieses Projekt gesteckt–*Tau* kann sehr stolz auf sich sein!»
+
+Falls Du magst, darfst Du natürlich gerne ein Neopronomen
+wie *dey* oder *hen* verwenden, um über mich zu sprechen.
+
+Menschen, die mich etwas besser kennen, dürfen auch gerne das sächliche Pronomen *es* verwenden. Also zum Beispiel:
+«Lass dich von den komischen Geräuschen bloss nicht irritieren: *Es* hat seinen Frühstückskaffee noch nicht getrunken.»
+
+In einer E-Mail oder einem Brief darfst du mich selbstverständlich mit meinem Vornamen ansprechen:
+*«Hi Tau»*, *«Hallo Tau»* oder *«Guten Tag Tau»* sind alles tolle Optionen.
+
+Falls es etwas höflicher sein soll, so sprich mich bitte nicht mit *«Herr»* oder *«Frau»* an.
+Verwende stattdessen meinem vollen Namen. *«Guten Tag Tau Gärtli»* ist die einfachste Möglichkeit.
+
+Bitte verwende keine männlichen Gruppenbezeichnungen wie *«Herren»* oder *«Jungs»*
+um über eine Gruppe zu sprechen, zu der ich dazu gehöre. Verwende stattdessen Alternativen wie z.B. *«Team»*, *«Leute»* oder *«Gruppe»*.
+
+[Schreib mir](/#email) einfach eine E-Mail falls du noch Fragen hast.

content/pronouns.md

@@ -0,0 +1,24 @@
++++
+title = "Tau's Pronouns"
+[extra]
+markdown_title = "Pronouns"
++++
+
+<small>Dies Seite gibt's auch auf [Deutsch](/anrede).</small>
+
+Thank you for asking, I appreciate it! ☺️
+
+The easiest way to refer to me is by my first name *Tau*
+or by using gender neutral pronouns such as *they/them* or *it*.
+
+In a formal setting, *they/them* works best. For example: \
+«*Tau* put a lot of work into this—*they* must be really proud of the result.»
+
+In a more informal setting, *they/them* or *it* both work equally well: \
+«Don't mind the weird noises—*it* hasn't had *its* morning coffee yet.»
+
+Please don't use group expressions such as *guys* or *men*
+when referring to a group that I'm a part of. There are many awesome
+alternatives available such as *team*, *folks*, *peeps*, *comrades*, and many more.
+
+If you have any questions, don't hesitate to [ask](/#email).

sass/main.scss

@@ -199,6 +199,13 @@ ul {
     margin-bottom: 0;
 }
 
+._targetable:target {
+    outline: 1px solid var(--accent-color);
+    text-shadow: var(--accent-color) 1px 0 10px;
+    border-radius: .2em;
+    margin: 0 .5ex;
+}
+
 .post-list {
     list-style-type: none;
     padding: 0;

templates/base.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="{% if page and page.extra.language %}{{page.extra.language}}{% else %}{{config.extra.default_language}}{% endif %}">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">

templates/introduction.html

@@ -8,7 +8,7 @@
     <section>
         <header>
             <h1>Hi, I’m Tau!</h1>
-            <p>I love coding schtuff and doing maths.</p>
+            <p>Welcome to my personal website.</p>
         </header>
 
         {{section.content | safe}}