Compare commits
2 Commits
eaece534d5
...
e36501a6fd
| Author | SHA1 | Date | |
|---|---|---|---|
 marco
|
e36501a6fd | ||
|
marco
|
bb81f6f2a0 |
+11
-1
@@ -17,7 +17,7 @@ index:
|
|||||||
Will this website win a beauty contest? No.<br>
|
Will this website win a beauty contest? No.<br>
|
||||||
But at least there's a human behind it."
|
But at least there's a human behind it."
|
||||||
de:
|
de:
|
||||||
page-title: "Persönliche Webseite"
|
page-title: "Marco's Homepage"
|
||||||
introduction-heading: "Hi, ich bin Marco"
|
introduction-heading: "Hi, ich bin Marco"
|
||||||
introduction-subheading: "und das ist meine Webseite"
|
introduction-subheading: "und das ist meine Webseite"
|
||||||
about-paragraph: "Ich bin Softwareentwickler aus Deutschland.<br>
|
about-paragraph: "Ich bin Softwareentwickler aus Deutschland.<br>
|
||||||
@@ -36,6 +36,16 @@ index:
|
|||||||
|
|
||||||
music:
|
music:
|
||||||
en:
|
en:
|
||||||
|
page-title: "Marco's music taste"
|
||||||
music-heading: "my taste in music"
|
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:
|
de:
|
||||||
music-heading: "mein Musikgeschmack"
|
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."
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
+34
-1
@@ -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 {
|
body {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #222222;
|
background-color: #221826;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
@@ -9,6 +20,7 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
p {
|
p {
|
||||||
|
font-family: ubuntuSansMono;
|
||||||
color: #DDDDEE
|
color: #DDDDEE
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -62,3 +74,24 @@ a {
|
|||||||
a:hover {
|
a:hover {
|
||||||
color: #D0A7DF
|
color: #D0A7DF
|
||||||
}
|
}
|
||||||
|
|
||||||
|
iframe {
|
||||||
|
border: none;
|
||||||
|
overflow: hidden
|
||||||
|
}
|
||||||
|
|
||||||
|
#nowplayingwidget {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 15px;
|
||||||
|
left: 15px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*colors:
|
||||||
|
#221826
|
||||||
|
#51324A
|
||||||
|
#804C6E
|
||||||
|
#DD7FB6
|
||||||
|
#D0A7DF
|
||||||
|
#DDDDEE
|
||||||
|
*/
|
||||||
+10
-1
@@ -6,8 +6,8 @@
|
|||||||
<link rel="stylesheet" href="../styles.css">
|
<link rel="stylesheet" href="../styles.css">
|
||||||
<title>{{page-title}}</title>
|
<title>{{page-title}}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
|
|
||||||
|
<body>
|
||||||
<div id="language">
|
<div id="language">
|
||||||
{{language-switcher}}
|
{{language-switcher}}
|
||||||
</div>
|
</div>
|
||||||
@@ -19,7 +19,16 @@
|
|||||||
|
|
||||||
<header id="about">
|
<header id="about">
|
||||||
<h1>{{music-heading}}</h1>
|
<h1>{{music-heading}}</h1>
|
||||||
|
<p>{{music-paragraph}}</p>
|
||||||
</header>
|
</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>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user