Compare commits
3 Commits
d27974f1d2
...
a98a0927d3
| Author | SHA1 | Date | |
|---|---|---|---|
 marco
|
a98a0927d3 | ||
|
marco
|
a29c03c18e | ||
|
marco
|
7ef9cd6e13 |
@@ -31,7 +31,7 @@ for page_name, translations in content.items():
|
||||
continue
|
||||
|
||||
label = LANG_LABELS.get(other_lang, other_lang)
|
||||
link = f'<a class="navbar" href="/{other_lang}/{page_name}.html">{label}</a>'
|
||||
link = f'<a class="navbar" href="../{other_lang}/{page_name}.html">{label}</a>'
|
||||
links.append(link)
|
||||
|
||||
language_switcher = " ".join(links)
|
||||
|
||||
@@ -3,6 +3,11 @@ index:
|
||||
page-title: "Personal Website"
|
||||
introduction-heading: "Hi, I'm Marco"
|
||||
introduction-subheading: "and this is my website"
|
||||
about-paragraph: "I'm a software developer from Germany.<br>
|
||||
My hobbies include bouldering, gaming, hiking and cooking.<br>
|
||||
I'm interested in music (mostly metal), visiting concerts, FOSS-Projects and Data-Sovereignty.<br>
|
||||
People I value the most are those with firm ideals and own opinions! I'd love to hear yours.<br>
|
||||
On this page I'll post whatever is on my mind and it will have no structure, so bear with me."
|
||||
why-heading: "Why?"
|
||||
why-paragraph: "In times of AI-slop, a little humanity goes a long way.<br>
|
||||
I love reading blogs and posts made by humans, so I decided to create my own.<br>
|
||||
@@ -15,6 +20,11 @@ index:
|
||||
page-title: "Persönliche Webseite"
|
||||
introduction-heading: "Hi, ich bin Marco"
|
||||
introduction-subheading: "und das ist meine Webseite"
|
||||
about-paragraph: "Ich bin Softwareentwickler aus Deutschland.<br>
|
||||
Zu meinen Hobbys gehören Bouldern, Gaming, Wandern und Kochen.<br>
|
||||
Ich interessiere mich für Musik (vor allem Metal), Konzertbesuche, FOSS-Projekte und Datenhoheit.<br>
|
||||
Menschen, die feste Ideale und eigene Meinungen haben, schätze ich am meisten! Ich würde mich freuen, deine zu hören.<br>
|
||||
Auf dieser Seite werde ich alles posten, was mir gerade durch den Kopf geht, und es wird keine feste Struktur geben, also habt bitte etwas Nachsicht."
|
||||
why-heading: "Wieso?"
|
||||
why-paragraph: "In Zeiten von KI-'Slop' bewirkt ein wenig meschlichkeit sehr viel.<br>
|
||||
Ich lese gerne blogs und posts die von Menschen geschrieben werden, also wollte ich meinen eigenen schreiben.<br>
|
||||
|
||||
+11
-2
@@ -9,11 +9,20 @@
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<a class="navbar" href="/en/index.html">English</a>
|
||||
<a class="navbar" href="../en/index.html">English</a>
|
||||
</nav>
|
||||
<div id="navbar-outer">
|
||||
<div id="navbar">
|
||||
<a href="#about">About</a>
|
||||
<a href="#why">Why</a>
|
||||
</div>
|
||||
</div>
|
||||
<header id="about">
|
||||
<h1>Hi, ich bin Marco</h1>
|
||||
<p>und das ist meine Webseite</p>
|
||||
<h2>Wieso?</h2>
|
||||
</header>
|
||||
<p>Ich bin Softwareentwickler aus Deutschland.<br> Zu meinen Hobbys gehören Bouldern, Gaming, Wandern und Kochen.<br> Ich interessiere mich für Musik (vor allem Metal), Konzertbesuche, FOSS-Projekte und Datenhoheit.<br> Menschen, die feste Ideale und eigene Meinungen haben, schätze ich am meisten! Ich würde mich freuen, deine zu hören.<br> Auf dieser Seite werde ich alles posten, was mir gerade durch den Kopf geht, und es wird keine feste Struktur geben, also habt bitte etwas Nachsicht.</p>
|
||||
<h2 id="why">Wieso?</h2>
|
||||
<p>In Zeiten von KI-'Slop' bewirkt ein wenig meschlichkeit sehr viel.<br> Ich lese gerne blogs und posts die von Menschen geschrieben werden, also wollte ich meinen eigenen schreiben.<br> Suchmaschinen wie Kagi, die einen das 'small-web' durchsuchen lassen, werden immer populärer. Die kreativen Websites von anderen Leuten zu sehen hat mich ebenso inspiriert<br> und meine HTML und CSS Fähigkeiten aufzufrischen schadet auch nicht.<br> Wird diese Website einen Schönheitswettbewerb gewinnen? Nein.<br> Doch wenigstens ist sie handgemacht.</p>
|
||||
</body>
|
||||
|
||||
|
||||
+11
-2
@@ -9,11 +9,20 @@
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<a class="navbar" href="/de/index.html">Deutsch</a>
|
||||
<a class="navbar" href="../de/index.html">Deutsch</a>
|
||||
</nav>
|
||||
<div id="navbar-outer">
|
||||
<div id="navbar">
|
||||
<a href="#about">About</a>
|
||||
<a href="#why">Why</a>
|
||||
</div>
|
||||
</div>
|
||||
<header id="about">
|
||||
<h1>Hi, I'm Marco</h1>
|
||||
<p>and this is my website</p>
|
||||
<h2>Why?</h2>
|
||||
</header>
|
||||
<p>I'm a software developer from Germany.<br> My hobbies include bouldering, gaming, hiking and cooking.<br> I'm interested in music (mostly metal), visiting concerts, FOSS-Projects and Data-Sovereignty.<br> People I value the most are those with firm ideals and own opinions! I'd love to hear yours.<br> On this page I'll post whatever is on my mind and it will have no structure, so bear with me.</p>
|
||||
<h2 id="why">Why?</h2>
|
||||
<p>In times of AI-slop, a little humanity goes a long way.<br> I love reading blogs and posts made by humans, so I decided to create my own.<br> Search-engines like Kagi, that allow you to search the 'small web', grow more popular.<br> Seeing other people's creative websites inspired me as well and on top of that:<br> I'm refreshing some HTML and CSS skills!<br> Will this website win a beauty contest? No.<br> But at least there's a human behind it.</p>
|
||||
</body>
|
||||
|
||||
|
||||
+23
-1
@@ -7,8 +7,30 @@ h1, h2, h3, h4, h5, p {
|
||||
color: #DDDDEE
|
||||
}
|
||||
|
||||
a.navbar {
|
||||
a {
|
||||
color: #DD7FB6;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
#navbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#navbar a {
|
||||
float: right;
|
||||
display: block;
|
||||
text-align: end;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#navbar a:hover {
|
||||
color: #D0A7DF
|
||||
}
|
||||
|
||||
|
||||
+8
-1
@@ -11,9 +11,16 @@
|
||||
<nav>
|
||||
{{language-switcher}}
|
||||
</nav>
|
||||
<div id="navbar">
|
||||
<a href="#about">About</a>
|
||||
<a href="#why">Why</a>
|
||||
</div>
|
||||
<header id="about">
|
||||
<h1>{{introduction-heading}}</h1>
|
||||
<p>{{introduction-subheading}}</p>
|
||||
<h2>{{why-heading}}</h2>
|
||||
</header>
|
||||
<p>{{about-paragraph}}</p>
|
||||
<h2 id="why">{{why-heading}}</h2>
|
||||
<p>{{why-paragraph}}</p>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user