initial commit

_pages/accessibility-statement.md

@@ -0,0 +1,33 @@
+---
+layout: default
+title: Accessibility Statement for muhh.lol
+permalink: /accessibility-statement/
+---
+
+This is an accessibility statement from Markus Heurung.
+
+## Measures to support accessibility
+
+Markus Heurung takes the following measures to ensure accessibility of muhh.lol:
+
+- Include accessibility as part of my mission statement.
+- Include accessibility throughout my internal policies.
+- Provide continual accessibility training for myself.
+
+## Conformance status
+
+The Web Content Accessibility Guidelines (WCAG) defines requirements for designers and developers to improve accessibility for people with disabilities. It defines three levels of conformance: Level A, Level AA, and Level AAA. muhh.lol is partially conformant with WCAG 2.1 level AA. Partially conformant means that some parts of the content do not fully conform to the accessibility standard.
+
+- I am aware that there is one color contrast violation on the front page.
+- I constantly experiment things on the site so it might not be fully conformant at all times.
+
+## Feedback
+
+I welcome all feedback on the accessibility of muhh.lol. Please let me know if you encounter accessibility barriers on the site.
+
+To report, [write me an email](mailto:{{ site.email }}) or [message me on Mastodon]({{ site.mastodon }}), and I will try to respond with 2 weeks.
+
+## Date
+
+This statement was created on 19 February 2024 using [the W3C Accessibility Statement Generator Tool](https://www.w3.org/WAI/planning/statements/generator/) and copied fro [Mu-An Chiou's accessibility statement](https://muan.co/accessibility-statement).
+

_pages/banners.md

@@ -0,0 +1,32 @@
+---
+layout: default
+title: Banners
+permalink: banners/
+---
+
+## People's banners
+
+Make one. Tell me.
+
+## My banners
+
+{% comment %}
+<div class="text"><img loading="lazy" src="/images/banner.svg" width="88" height="31" alt="An animated banner with one short line, one medium line, one long line, a symbol resembling the tilde, each being drawn in order."></div><div class="text"><img loading="lazy" src="/images/banner.gif" width="88" height="31" alt="An animated banner with one short line, one medium line, one long line, a symbol resembling the tilde, each being drawn in order."></div><div class="text"><img loading="lazy" src="/images/banner.png" width="88" height="31" alt="An banner with one short line, one medium line, one long line, and then a symbol resembling the tilde."></div>
+{% endcomment %}
+
+Not yet.
+
+<hr class="hr">
+
+1. Recommended. SVG. This includes dark and light mode and `prefers-reduced-motion`.
+2. Plain old GIF. Actually 176&times;62. Please set the dimensions accordingly.
+3. Static PNG. Actually 176&times;62. Please set the dimensions accordingly.
+
+I suggest that you hotlink my banner and keep a copy as backup, so that when I update them you get the latest. That is if you trust me enough.
+
+## References
+
+- [Wikipedia: Link exchange](https://en.wikipedia.org/wiki/Link_exchange). 
+- [Remembering Powered By and 88×31](https://tekeye.uk/computer_history/powered-by).
+- [The 88x31 GIF Collection](http://cyber.dabamos.de/88x31/).
+

_pages/blogroll.md

@@ -0,0 +1,16 @@
+---
+layout: default
+title: Blogroll
+permalink: /blogroll/
+---
+
+<a href="/blogroll.xml" class="">RSS</a>
+
+This page is under construction and by far not everything I read and enjoy.  
+
+The order is randomized on build.
+
+{% assign links = site.data.blogroll | sort: "title" | sample: site.data.blogroll.size %}
+{%- for item in links %}
+- [{{ item.title }}]({{ item.url }})
+{%- endfor %}

_pages/colophon.md

@@ -0,0 +1,12 @@
+---
+layout: default
+title: Colophon
+permalink: /colophon/
+---
+
+This website is run by Jekyll and hosted on an OpenBSD server that I built on Hetzner
+cloud so I don't have to maintain that thing all the time. It's still a hobby.
+
+The site is heavily based on [muan's website](https://muan.co), she built a great one. I plan to adapt it more and more to my wants and needs.
+
+There will be more details soon.

_pages/defaults.md

@@ -0,0 +1,7 @@
+---
+layout: default
+title: Defaults
+permalink: /defaults/
+---
+
+

_pages/imprint_gdpr.md

@@ -0,0 +1,44 @@
+---
+layout: default
+title: Impressum / Datenschutzerklärung
+permalink: /imprint_gdpr/
+---
+
+This is for all my websites, domains including subdomains and other things:
+
+- byzero.de
+- muhh.lol
+- hammelblog.de
+- heurung.net
+- markusheurung.de
+
+## Impressum
+
+Markus Heurung  
+
+Persönliche Textsammlung. Impressumfrei nach § 55 RStV.
+
+## Contact
+
+Email: {{ site.email }}
+
+## Datenschutzerklärung (DSGVO)
+
+Auf dieser Webseite werden keine personenbezogenen Daten erhoben, gespeichert oder verarbeitet. Es werden keine Cookies verwendet.
+
+## Data Protection Policy (GDPR)
+
+This website does not collect, store or process Personally Identifiable Information (PII). This website does not require the use of cookies.
+
+## Verweis auf Dritte
+
+Die Websites byzero.de und hammelblog.de wird auf micro.blog ([Datenschutzerklärung](https://help.micro.blog/t/privacy-policy/114)) gehostet und schließen Daten von dort ein.   
+Die Website omg.muhh.lol, bin.muhh.lol, status.muhh.lol und markusheurung.de werden alle bei omg.lol ([Datenschutzerklärung](https://home.omg.lol/info/legal#privacy-policy)) gehostet.  
+Die Website muhh.lol wird von mir selbst auf einem gemietetem Server betrieben. Ich halte nur einfache Logfiles ohne PII vor.
+
+## Third Party Inclusion
+
+The websites byzero.de and hammelblog.de are hosted on micro.blog ([privacy policy](https://help.micro.blog/t/privacy-policy/114)) and include data from there.  
+The websites omg.muhh.lol, bin.muhh.lol, status.muhh.lol and markusheurung.de are all hosted at omg.lol ([privacy policy](https://home.omg.lol/info/legal#privacy-policy)).  
+The website muhh.lol is hosted by myself on a rented server. I only keep simple log files without PII.
+

_pages/qna.md

@@ -0,0 +1,38 @@
+---
+layout: default
+title: Questions & answers
+permalink: /qna/
+---
+
+## How do you preferred to be called?
+
+Markus, or muhh (only as a username, _never_ capitalized). 
+
+## Why muhh?
+
+My first username was "heure" or "l'Heure", which was an old nickname based on my 
+surname. But that didn't stick and I used the uncreative thing and used my initials.
+Yes, I have three first names. It's a traditional thing where kids get piled on 
+names of their godparents. I like it.
+
+## How is your name pronounced?
+
+Phonetic spelling:  ˈmaʁkʊs
+
+<audio src="/assets/name.m4a" controls></audio>
+
+The muhh sounds like a cows moooo. Go figure.
+
+## What are your pronouns?
+
+He/him.
+
+## Where are you from?
+
+I am from [Hammelburg, Germany](https://www.openstreetmap.org/#map=15/50.1195/9.8850).
+
+{% comment %}
+## Are you OK?
+
+[I am tired of my own thoughts.](https://muan.co/notes/2023-09-06-uu)
+{% endcomment %}

_pages/uses.md

@@ -0,0 +1,8 @@
+---
+layout: default
+title: Uses
+permalink: /uses/
+---
+
+Jekyll  
+kitty