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

Compare commits

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

2 Commits
eaece534d5 ... e36501a6fd

Author SHA1 Message Date
marco e36501a6fd added fonts
Deploy static site / deploy (push) Successful in 28s
Details
2026-04-24 02:13:22 +02:00
marco bb81f6f2a0 added music stats to site 2026-04-24 02:07:08 +02:00
5 changed files with 56 additions and 4 deletions
Expand all files Collapse all files
content.yaml
+11 -1
View File
@@ -17,7 +17,7 @@ index:
Will this website win a beauty contest? No.<br>
But at least there's a human behind it."
de:
page-title: "Persönliche Webseite"
page-title: "Marco's Homepage"
introduction-heading: "Hi, ich bin Marco"
introduction-subheading: "und das ist meine Webseite"
about-paragraph: "Ich bin Softwareentwickler aus Deutschland.<br>
@@ -36,6 +36,16 @@ index:
music:
en:
page-title: "Marco's music taste"
music-heading: "my taste in music"
lang-short: en
music-paragraph: "I mostly listen to metal, more specifically djent, progressive, death, black and core.
Outside of metal I like post-hardcore, post-rock, shoegaze, (german) indie pop and some songs from lots of other genres.
On this page I'll list some Bands, Albums and Songs that I like, as well as display some music stats."
de:
music-heading: "mein Musikgeschmack"
page-title: "Marco's musikgeschmack"
lang-short: de
music-paragraph: "I mostly listen to metal, more specifically djent, progressive, death, black and core.
Outside of metal I like post-hardcore, post-rock, shoegaze, (german) indie pop and some songs from lots of other genres.
On this page I'll list some Bands, Albums and Songs that I like, as well as display some music stats."
public/fonts/ComicMono.ttf
BIN
View File
Binary file not shown.
public/fonts/UbuntuSansMono-VariableFont_wght.ttf
BIN
View File
Binary file not shown.
public/styles.css
+34 -1
View File
@@ -1,6 +1,17 @@
@font-face {
font-family: ubuntuSansMono;
src: url(fonts/UbuntuSansMono-VariableFont_wght.ttf);
}
@font-face {
font-family: comicMono;
src: url(fonts/ComicMono.ttf);
}
body {
text-align: center;
background-color: #222222;
background-color: #221826;
}
h1,
@@ -9,6 +20,7 @@ h3,
h4,
h5,
p {
font-family: ubuntuSansMono;
color: #DDDDEE
}
@@ -62,3 +74,24 @@ a {
a:hover {
color: #D0A7DF
}
iframe {
border: none;
overflow: hidden
}
#nowplayingwidget {
position: fixed;
bottom: 15px;
left: 15px;
float: left;
}
/*colors:
#221826
#51324A
#804C6E
#DD7FB6
#D0A7DF
#DDDDEE
*/
template-music.html
+10 -1
View File
@@ -6,8 +6,8 @@
<link rel="stylesheet" href="../styles.css">
<title>{{page-title}}</title>
</head>
<body>
<body>
<div id="language">
{{language-switcher}}
</div>
@@ -19,7 +19,16 @@
<header id="about">
<h1>{{music-heading}}</h1>
<p>{{music-paragraph}}</p>
</header>
<div id="nowplayingwidget">
<iframe height="160" title="last.fm now playing widget" src="https://lastfm-embed.vercel.app/api/currently-playing?user=havulinnaan&lang={{lang-short}}&theme=catppuccinMocha&borderSize=0&borderRadius=16&showTitle=false&bgColor=%2351324A&textColor=%23DDDDEE&urlColor=%23DD7FB6&scrobbleColor=%23DD7FB6"></iframe>
</div>
<h2>some music stats</h2>
<iframe width="600" height="700" title="last.fm top songs 7 days" src="https://lastfm-embed.vercel.app/api/top-tracks?user=havulinnaan&lang={{lang-short}}&theme=catppuccinMocha&borderSize=0&borderRadius=16&showTitle=true&bgColor=%2351324A&textColor=%23DDDDEE&urlColor=%23DD7FB6&scrobbleColor=%23DD7FB6&limit=12&period=7day&layout=vertical&rows=0&columns=2"></iframe>
<iframe width="600" height="700" title="last.fm top artists last month" src="https://lastfm-embed.vercel.app/api/top-artists?user=havulinnaan&lang={{lang-short}}&theme=catppuccinMocha&borderSize=0&borderRadius=16&showTitle=true&bgColor=%2351324A&textColor=%23DDDDEE&urlColor=%23DD7FB6&scrobbleColor=%23DD7FB6&limit=12&period=1month&layout=vertical&rows=6&columns=2&usePlaceholderImage=false"></iframe>
<iframe width="600" title="last.fm top artists last month" src="https://lastfm-embed.vercel.app/api/stats?user=havulinnaan&lang={{lang-short}}&theme=catppuccinMocha&borderSize=0&borderRadius=16&showTitle=false&bgColor=%2351324A&textColor=%23DDDDEE&urlColor=%23DD7FB6&scrobbleColor=%23DD7FB6&numberFormat=periods"></iframe>
</body>
</html>