Compare commits

...

2 Commits

  1. 19
      content/about/index.md
  2. 4
      static/css/general.css
  3. 9
      static/scripts/calcage.js
  4. 1
      templates/page.html

@ -0,0 +1,19 @@
+++
title = "About me / Über mich"
description = "Here's where I introduce myself. Hier stelle ich mich selbst vor."
date = "2022-02-06 00:00:00+01:00"
draft = true
+++
### Über mich
Hallo,
mein Name ist Jonas Hopusch, im Internet normalerweise bekannt als "jotoho".
Ich bin <span class="age-display">x</span> Jahre alt.
-----
### About me
<script style="display: none;" src="/scripts/calcage.js" async></script>

@ -114,6 +114,10 @@ td, th {
display: inline;
}
#last-article-metadata {
margin-bottom: 1rem;
}
@media (max-width: 20rem), (max-width: 300px) {
* {
word-wrap: break-word;

@ -0,0 +1,9 @@
(() => {
"use strict";
let ageElements = document.getElementsByClassName("age-display")
for (let i = 0; i < ageElements.length; i++) {
ageElements[i].innerText = (Math.floor(((new Date()).getTime() - (new Date(2001, 3, 29)).getTime())
/ 1000 / 60 / 60 / 24 / 365))
.toString()
}
})()

@ -25,5 +25,6 @@
>
</p>
{% endif %}
<hr id="last-article-metadata" />
<div>{{ page.content | safe }}</div>
{% endblock content %}

Loading…
Cancel
Save