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

added music stats to site

Browse Source
This commit is contained in:
marco
2026-04-24 02:07:08 +02:00
parent eaece534d5
commit bb81f6f2a0
3 changed files with 44 additions and 4 deletions
Download Patch File Download Diff File 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/styles.css
+23 -2
View File
@@ -1,6 +1,6 @@
body {
text-align: center;
background-color: #222222;
background-color: #221826;
}
h1,
@@ -61,4 +61,25 @@ 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>