marco/personal-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: marco/personal-website:31232ec925daa7e64ee3fd8887f9933e51b9cd49
Branches Tags
marco/personal-website:main
..
compare: marco/personal-website:eaece534d54753df46b6a3c8ee6822f6e2d91ce9
Branches Tags
marco/personal-website:main

3 Commits
31232ec925 .. eaece534d5

Author SHA1 Message Date
marco eaece534d5 created a 'music' page
Deploy static site / deploy (push) Successful in 23s
Details
2026-04-24 00:54:42 +02:00
marco c1ed7fe998 reworked sidebar, navbar and language chooser 2026-04-24 00:54:17 +02:00
marco 14caf8c3fa lowercase names for english and deutsch 2026-04-24 00:43:30 +02:00
5 changed files with 78 additions and 15 deletions
Expand all files Collapse all files
build.py
+2 -2
View File
@@ -2,8 +2,8 @@ import yaml
import os import os
LANG_LABELS = { LANG_LABELS = {
"en": "English", "en": "english",
"de": "Deutsch", "de": "deutsch",
} }
with open("content.yaml", "r") as f: with open("content.yaml", "r") as f:
content.yaml
+8 -2
View File
@@ -1,6 +1,6 @@
index: index:
en: en:
page-title: "Personal Website" page-title: "Marco's Homepage"
introduction-heading: "Hi, I'm Marco" introduction-heading: "Hi, I'm Marco"
introduction-subheading: "and this is my website" introduction-subheading: "and this is my website"
about-paragraph: "I'm a software developer from Germany.<br> about-paragraph: "I'm a software developer from Germany.<br>
@@ -32,4 +32,10 @@ index:
Die kreativen Websites von anderen Leuten zu sehen hat mich ebenso inspiriert<br> 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> und meine HTML und CSS Fähigkeiten aufzufrischen schadet auch nicht.<br>
Wird diese Website einen Schönheitswettbewerb gewinnen? Nein.<br> Wird diese Website einen Schönheitswettbewerb gewinnen? Nein.<br>
Doch wenigstens ist sie handgemacht." Doch wenigstens ist sie handgemacht."
music:
en:
music-heading: "my taste in music"
de:
music-heading: "mein Musikgeschmack"
public/styles.css
+33 -5
View File
@@ -3,7 +3,12 @@ body {
background-color: #222222; background-color: #222222;
} }
h1, h2, h3, h4, h5, p { h1,
h2,
h3,
h4,
h5,
p {
color: #DDDDEE color: #DDDDEE
} }
@@ -13,6 +18,28 @@ a {
} }
#navbar { #navbar {
position: sticky;
top: 0;
overflow: hidden;
display: block;
}
#navbar a {
padding: 5px;
display: inline-block;
font-size: larger;
}
#language {
position: fixed;
bottom: 0;
right: 0;
float: right;
padding: 15px;
font-size: larger;
}
#sidebar {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
@@ -20,17 +47,18 @@ a {
flex-direction: column; flex-direction: column;
display: flex; display: flex;
float: right; float: right;
padding: 15px;
} }
#navbar a { #sidebar a {
float: right; float: right;
display: block; display: block;
text-align: end; text-align: end;
padding: 5px; padding: 5px;
text-decoration: none; text-decoration: none;
font-size: larger;
} }
#navbar a:hover { a:hover {
color: #D0A7DF color: #D0A7DF
} }
template-index.html
+10 -6
View File
@@ -8,13 +8,17 @@
</head> </head>
<body> <body>
<nav> <div id="language">
{{language-switcher}} {{language-switcher}}
</nav> </div>
<div id="navbar"> <div id="navbar">
<a href="#about">About</a> <a href="index.html">home</a>
<a href="#why">Why</a> <a href="music.html">music</a>
</div> </div>
<div id="sidebar">
<a href="#about">about</a>
<a href="#why">why</a>
</div>
<header id="about"> <header id="about">
<h1>{{introduction-heading}}</h1> <h1>{{introduction-heading}}</h1>
<p>{{introduction-subheading}}</p> <p>{{introduction-subheading}}</p>
template-music.html
+25
View File
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="{{lang}}">
<head>
<meta name="robots" content="noindex nofollow">
<link rel="stylesheet" href="../styles.css">
<title>{{page-title}}</title>
</head>
<body>
<div id="language">
{{language-switcher}}
</div>
<div id="navbar">
<a href="index.html">home</a>
<a href="music.html">music</a>
</div>
<header id="about">
<h1>{{music-heading}}</h1>
</header>
</body>
</html>