Compare commits
No commits in common. "b9ef05f53d779882f9ba5394d40494d391525a6e" and "3da57e78e8edb0a945c4d30bc83feb9bb0138037" have entirely different histories.
b9ef05f53d
...
3da57e78e8
6 changed files with 50 additions and 197 deletions
|
|
@ -1,44 +0,0 @@
|
||||||
+++
|
|
||||||
title = "About me"
|
|
||||||
description = "Here's where I introduce myself."
|
|
||||||
date = "2022-02-06 00:00:00+01:00"
|
|
||||||
updated = "2023-03-01T23:10:47+01:00"
|
|
||||||
draft = true
|
|
||||||
+++
|
|
||||||
|
|
||||||
Hello visitor,
|
|
||||||
|
|
||||||
I am Jonas (Tobias) Hopusch, usually known online as by my username "jotoho".
|
|
||||||
|
|
||||||
I am male, German, currently <span id="age-display">*javascript failed*</span> years old
|
|
||||||
and a student of computer science at the [South Westphalia University of Applied
|
|
||||||
Sciences](https://fh-swf.de) working towards earning a Bachelor degree.
|
|
||||||
|
|
||||||
### Why I chose to work with computers
|
|
||||||
|
|
||||||
### My Hobbies
|
|
||||||
|
|
||||||
In my free time I usually watch videos on the Internet,
|
|
||||||
read fiction stories online or on my eReader,
|
|
||||||
play some videogames or
|
|
||||||
learn about topics that interest me.
|
|
||||||
|
|
||||||
When I don't need my ears for something else, I usually
|
|
||||||
have music playing or listen to something else.
|
|
||||||
|
|
||||||
I like to listen to multiple kinds of music
|
|
||||||
that are very different to each other, so I have
|
|
||||||
trouble concretely defining the genres I listen to.
|
|
||||||
|
|
||||||
### My Desktop-PC
|
|
||||||
|
|
||||||
|PC Part|Installed Component|
|
|
||||||
|:-|:-:|
|
|
||||||
|CPU|[AMD Ryzen 7 5800X (8 cores, 16 threads)](https://www.amd.com/en/products/cpu/amd-ryzen-7-5800x)|
|
|
||||||
|Motherboard|[ASRock X570M Pro4](https://www.asrock.com/MB/AMD/X570M%20Pro4/)|
|
|
||||||
|Graphics Card|[ASUS Dual Radeon RX 6750XT 12GB OC Edition](https://www.asus.com/motherboards-components/graphics-cards/dual/dual-rx6750xt-o12g/)|
|
|
||||||
|Memory|20GiB (2*8G+4G) DDR4 2133MHz|
|
|
||||||
|Monitors|2 1920x1080 32" 60Hz screens|
|
|
||||||
|Storage|1TB SATA-SSD + 1TB SATA-HDD|
|
|
||||||
|
|
||||||
<script style="display: none;" src="/scripts/calcage.js" defer></script>
|
|
||||||
|
|
@ -4,48 +4,23 @@
|
||||||
border: none;
|
border: none;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow-wrap: anywhere;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
html, body {
|
body {
|
||||||
max-width: 100%;
|
|
||||||
overflow-x: clip;
|
|
||||||
}
|
|
||||||
|
|
||||||
#root {
|
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
display: flex;
|
max-width: 100vw;
|
||||||
flex-direction: column;
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
#root > * {
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
header, footer {
|
header, footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header-title {
|
header {
|
||||||
display: block;
|
padding-bottom: 1rem;
|
||||||
padding: 0.5rem 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
padding-top: 0.5rem;
|
padding-top: 1rem;
|
||||||
}
|
|
||||||
|
|
||||||
#header-delimiter {
|
|
||||||
padding-top: 0;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer-delimiter {
|
|
||||||
padding-bottom: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.globalnav{
|
.globalnav{
|
||||||
|
|
@ -53,8 +28,7 @@ footer {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
gap: 2px;
|
gap: max(1px, 0.1rem);
|
||||||
height: max-content;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.globalnav-element {
|
.globalnav-element {
|
||||||
|
|
@ -64,8 +38,8 @@ footer {
|
||||||
flex-basis: 0;
|
flex-basis: 0;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
min-width: fit-content;
|
min-width: fit-content;
|
||||||
padding-top: 0.5rem;
|
min-height: fit-content;
|
||||||
padding-bottom: 0.5rem;
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Code Blocks */
|
/* Code Blocks */
|
||||||
|
|
@ -75,8 +49,9 @@ pre {
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
width: fit-content;
|
width: 100%;
|
||||||
overflow-x: auto;
|
max-width: max-content;
|
||||||
|
overflow-y: auto;
|
||||||
line-break: strict;
|
line-break: strict;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -88,8 +63,7 @@ code {
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-top: 0.5rem;
|
padding: 0.5rem;
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
article {
|
article {
|
||||||
|
|
@ -102,14 +76,9 @@ h2 {
|
||||||
}
|
}
|
||||||
|
|
||||||
#mainarticle {
|
#mainarticle {
|
||||||
width: fit-content;
|
width: max-content;
|
||||||
max-width: min(100%, 60rem);
|
max-width: min(80rem, 100%);
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#mainarticle h3 {
|
|
||||||
margin: 1rem 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
li, ul, ol {
|
li, ul, ol {
|
||||||
|
|
@ -126,13 +95,9 @@ table {
|
||||||
display: block;
|
display: block;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
margin: 1rem auto;
|
margin: 1rem auto;
|
||||||
width: fit-content;
|
width: max-content;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
overflow-x: auto;
|
overflow-y: auto;
|
||||||
}
|
|
||||||
|
|
||||||
tr {
|
|
||||||
width: fit-content;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
td, th {
|
td, th {
|
||||||
|
|
@ -149,12 +114,10 @@ td, th {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
#article-missinglicense {
|
@media (max-width: 20rem), (max-width: 300px) {
|
||||||
font-size: small;
|
* {
|
||||||
}
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
#last-article-metadata {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
"use strict";
|
|
||||||
|
|
||||||
{
|
|
||||||
// Month index must be two because counting begins at 0 (for January)
|
|
||||||
const myBirthDate = new Date(2001, 2, 29);
|
|
||||||
const today = new Date();
|
|
||||||
|
|
||||||
let yearsSinceBirth = today.getFullYear() - myBirthDate.getFullYear();
|
|
||||||
|
|
||||||
// Correct yearsSinceBirth if between New Year and my birthday
|
|
||||||
if (today.getMonth() < myBirthDate.getMonth())
|
|
||||||
yearsSinceBirth--;
|
|
||||||
else if (today.getMonth() == myBirthDate.getMonth()
|
|
||||||
&& today.getDate() < myBirthDate.getDate())
|
|
||||||
yearsSinceBirth--;
|
|
||||||
|
|
||||||
document.getElementById('age-display').innerText = yearsSinceBirth.toString();
|
|
||||||
}
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
"use strict";
|
|
||||||
|
|
||||||
{
|
|
||||||
const copyrightYearElement = document.getElementById("footer-copyrightyear");
|
|
||||||
|
|
||||||
if (copyrightYearElement) {
|
|
||||||
const currentYearAsStr = new Date().getFullYear().toString();
|
|
||||||
|
|
||||||
copyrightYearElement.innerText = currentYearAsStr;
|
|
||||||
copyrightYearElement.dateTime = currentYearAsStr;
|
|
||||||
}
|
|
||||||
else
|
|
||||||
console.error("Could not find the footer entry for the year of the copyright notice.");
|
|
||||||
}
|
|
||||||
|
|
@ -20,49 +20,49 @@
|
||||||
/>
|
/>
|
||||||
<!--Mastodon account ownership verification-->
|
<!--Mastodon account ownership verification-->
|
||||||
<link rel="me" href="https://ruhr.social/@jotoho" />
|
<link rel="me" href="https://ruhr.social/@jotoho" />
|
||||||
<script defer src="/scripts/updatecopyrightyear.js"></script>
|
|
||||||
<title>jotoho.de - A personal website</title>
|
<title>jotoho.de - A personal website</title>
|
||||||
{% block metadata %} {% endblock %}
|
{% block metadata %} {% endblock %}
|
||||||
</head>
|
</head>
|
||||||
<body id="root">
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<a id="header-title"
|
<div>
|
||||||
href="{{ config.base_url }}">
|
<a href="{{ config.base_url }}"
|
||||||
<h1>jotoho.de - My personal website</h1>
|
><h1>jotoho.de - My personal website</h1></a
|
||||||
</a>
|
|
||||||
<nav class="globalnav">
|
|
||||||
<!--<a class="globalnav-element" href="{{ get_url(path='@/blog/_index.md') }}"> Blog </a>-->
|
|
||||||
<a
|
|
||||||
class="globalnav-element"
|
|
||||||
href="{{ get_url(path='@/servers/index.md') }}"
|
|
||||||
>
|
>
|
||||||
Servers
|
</div>
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
class="globalnav-element"
|
|
||||||
href="{{ get_url(path='@/profiles/index.md') }}"
|
|
||||||
>
|
|
||||||
Profiles
|
|
||||||
</a>
|
|
||||||
</nav>
|
|
||||||
</header>
|
</header>
|
||||||
<hr id="header-delimiter" />
|
<nav class="globalnav">
|
||||||
|
<!--<a class="globalnav-element" href="{{ get_url(path='@/blog/_index.md') }}"> Blog </a>-->
|
||||||
|
<a
|
||||||
|
class="globalnav-element"
|
||||||
|
href="{{ get_url(path='@/servers/index.md') }}"
|
||||||
|
>
|
||||||
|
Servers
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
class="globalnav-element"
|
||||||
|
href="{{ get_url(path='@/profiles/index.md') }}"
|
||||||
|
>
|
||||||
|
Profiles
|
||||||
|
</a>
|
||||||
|
</nav>
|
||||||
|
<hr />
|
||||||
|
|
||||||
<article id="mainarticle">{% block content %} {% endblock %}</article>
|
<article id="mainarticle">{% block content %} {% endblock %}</article>
|
||||||
|
|
||||||
<hr id="footer-delimiter" />
|
<hr />
|
||||||
<footer>
|
<footer>
|
||||||
<p>
|
<p>
|
||||||
<!--{% set current_year = now() | date(format="%Y",
|
<!--{% set current_year = now() | date(format="%Y",
|
||||||
timezone="Europe/Berlin") %} -->
|
timezone="Europe/Berlin") %} -->
|
||||||
|
|
||||||
Copyright
|
Copyright
|
||||||
<time id="footer-copyrightyear"
|
<time datetime="{{ current_year }}">{{ current_year }}</time>
|
||||||
datetime="{{ current_year }}">
|
Jonas Tobias Hopusch (<a
|
||||||
{{ current_year }}
|
rel="noreferer"
|
||||||
</time>
|
href="https://gitlab.com/jotoho"
|
||||||
Jonas Tobias Hopusch (@jotoho)
|
>@jotoho</a
|
||||||
<!--
|
>)
|
||||||
<br />
|
<br />
|
||||||
Licensed under
|
Licensed under
|
||||||
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/"
|
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/"
|
||||||
|
|
@ -73,7 +73,6 @@
|
||||||
src="/images/copyright/cc-by-nc-nd-4.0-small.svg"
|
src="/images/copyright/cc-by-nc-nd-4.0-small.svg"
|
||||||
/></a>
|
/></a>
|
||||||
(unless otherwise specified)
|
(unless otherwise specified)
|
||||||
-->
|
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://gitea.jotoho.de/jotoho/my-website"
|
<a href="https://gitea.jotoho.de/jotoho/my-website"
|
||||||
|
|
@ -82,9 +81,8 @@
|
||||||
is being served using
|
is being served using
|
||||||
<a rel="noreferer" href="https://caddyserver.com/">Caddy</a>
|
<a rel="noreferer" href="https://caddyserver.com/">Caddy</a>
|
||||||
and was generated using
|
and was generated using
|
||||||
<a rel="noreferer" href="https://www.getzola.org/">Zola</a>.
|
<a rel="noreferer" href="https://www.getzola.org/">Zola</a>. You
|
||||||
<br />
|
may contact me via
|
||||||
You may contact me via
|
|
||||||
<a href="mailto:webmaster@jotoho.de">email</a>
|
<a href="mailto:webmaster@jotoho.de">email</a>
|
||||||
regarding any issues with this website.
|
regarding any issues with this website.
|
||||||
</p>
|
</p>
|
||||||
|
|
|
||||||
|
|
@ -25,37 +25,5 @@
|
||||||
>
|
>
|
||||||
</p>
|
</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if page.extra.author and page.extra.author != "" %}
|
|
||||||
<p>
|
|
||||||
<em>
|
|
||||||
<strong>Author(s)</strong>:
|
|
||||||
{{page.extra.author}}
|
|
||||||
</em>
|
|
||||||
</p>
|
|
||||||
{% else %}
|
|
||||||
<p>
|
|
||||||
<em>
|
|
||||||
<strong>Author</strong>:
|
|
||||||
Jonas Tobias Hopusch
|
|
||||||
</em>
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
{% if page.extra.license and page.extra.license != "" %}
|
|
||||||
<p id="article-license">
|
|
||||||
<em>
|
|
||||||
<strong>Article is provided under the following license</strong>:
|
|
||||||
{{page.extra.license}}
|
|
||||||
</em>
|
|
||||||
</p>
|
|
||||||
{% else %}
|
|
||||||
<p id="article-missinglicense">
|
|
||||||
<em>
|
|
||||||
This article is copyright-protected
|
|
||||||
and may not be used or replicated without permission.
|
|
||||||
(All rights reserved)
|
|
||||||
</em>
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
<hr id="last-article-metadata" />
|
|
||||||
<div>{{ page.content | safe }}</div>
|
<div>{{ page.content | safe }}</div>
|
||||||
{% endblock content %}
|
{% endblock content %}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue