Compare commits
3 Commits
31232ec925
...
eaece534d5
| Author | SHA1 | Date | |
|---|---|---|---|
 marco
|
eaece534d5 | ||
|
marco
|
c1ed7fe998 | ||
|
marco
|
14caf8c3fa |
@@ -2,8 +2,8 @@ import yaml
|
||||
import os
|
||||
|
||||
LANG_LABELS = {
|
||||
"en": "English",
|
||||
"de": "Deutsch",
|
||||
"en": "english",
|
||||
"de": "deutsch",
|
||||
}
|
||||
|
||||
with open("content.yaml", "r") as f:
|
||||
|
||||
+8
-2
@@ -1,6 +1,6 @@
|
||||
index:
|
||||
en:
|
||||
page-title: "Personal Website"
|
||||
page-title: "Marco's Homepage"
|
||||
introduction-heading: "Hi, I'm Marco"
|
||||
introduction-subheading: "and this is my website"
|
||||
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>
|
||||
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."
|
||||
Doch wenigstens ist sie handgemacht."
|
||||
|
||||
music:
|
||||
en:
|
||||
music-heading: "my taste in music"
|
||||
de:
|
||||
music-heading: "mein Musikgeschmack"
|
||||
|
||||
+33
-5
@@ -3,7 +3,12 @@ body {
|
||||
background-color: #222222;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, p {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
p {
|
||||
color: #DDDDEE
|
||||
}
|
||||
|
||||
@@ -13,6 +18,28 @@ a {
|
||||
}
|
||||
|
||||
#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;
|
||||
top: 0;
|
||||
right: 0;
|
||||
@@ -20,17 +47,18 @@ a {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
float: right;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#navbar a {
|
||||
#sidebar a {
|
||||
float: right;
|
||||
display: block;
|
||||
text-align: end;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
font-size: larger;
|
||||
}
|
||||
|
||||
#navbar a:hover {
|
||||
a:hover {
|
||||
color: #D0A7DF
|
||||
}
|
||||
|
||||
}
|
||||
+10
-6
@@ -8,13 +8,17 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<div id="language">
|
||||
{{language-switcher}}
|
||||
</nav>
|
||||
<div id="navbar">
|
||||
<a href="#about">About</a>
|
||||
<a href="#why">Why</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="navbar">
|
||||
<a href="index.html">home</a>
|
||||
<a href="music.html">music</a>
|
||||
</div>
|
||||
<div id="sidebar">
|
||||
<a href="#about">about</a>
|
||||
<a href="#why">why</a>
|
||||
</div>
|
||||
<header id="about">
|
||||
<h1>{{introduction-heading}}</h1>
|
||||
<p>{{introduction-subheading}}</p>
|
||||
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user