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

fixed alignment of titles
Deploy static site / deploy (push) Successful in 1m1s
Details

Browse Source
This commit is contained in:
marco
2026-05-05 14:33:58 +02:00
parent dcdc7d2d7a
commit f7226473c9
2 changed files with 32 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles.css
+1
View File
@@ -98,6 +98,7 @@ div.audiocard {
text-align: left;
padding: 15px;
border-radius: 15px;
height: fit-content;
}
div.audiocard-floating-left {
template-music.html
+31 -26
View File
@@ -28,40 +28,45 @@
<h2 id="djent">djent</h2>
<div class="audiocard audiocard-floating-left">
<img class="albumcoversmall"
src="https://archive.org/download/mbid-b0aba2a0-c210-4201-992e-0c5cc4069321/mbid-b0aba2a0-c210-4201-992e-0c5cc4069321-28191981668_thumb250.jpg"
alt="Album cover of Periphery's Juggernaut: Alpha">
<div class="audioinner">
<p>Periphery - Rainbow Gravity</p>
<a href="https://sumerianrecords.bandcamp.com/album/juggernaut-alpha">Juggernaut: Alpha</a>
<audio controls>
<source src="../music/Periphery - Juggernnaut Alpha.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<div style="display: flex;">
<div class="audiocard audiocard-floating-left">
<img class="albumcoversmall"
src="https://archive.org/download/mbid-b0aba2a0-c210-4201-992e-0c5cc4069321/mbid-b0aba2a0-c210-4201-992e-0c5cc4069321-28191981668_thumb250.jpg"
alt="Album cover of Periphery's Juggernaut: Alpha">
<div class="audioinner">
<p>Periphery - Rainbow Gravity</p>
<a href="https://sumerianrecords.bandcamp.com/album/juggernaut-alpha">Juggernaut: Alpha</a>
<audio controls>
<source src="../music/Periphery - Juggernnaut Alpha.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
<p>{{djent-paragraph}}</p>
<p>{{djent-paragraph}}</p>
</div>
<h2 id="metalcore">metalcore</h2>
<div class="audiocard audiocard-floating-right">
<img class="albumcoversmall"
src="https://archive.org/download/mbid-886f742e-0bb9-4aad-992b-f43b39f6e054/mbid-886f742e-0bb9-4aad-992b-f43b39f6e054-26050116040_thumb250.jpg"
alt="Album cover of Invent Animate's Greyview">
<div class="audioinner">
<p>Invent Animate - Cloud Cascade</p>
<a href="https://inventanimate.bandcamp.com/album/greyview">Greyview</a>
<audio controls>
<source src="../music/Invent Animate - Cloud Cascade.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<div style="display: flex;">
<p>{{metalcore-paragraph}}</p>
<div class="audiocard audiocard-floating-right">
<img class="albumcoversmall"
src="https://archive.org/download/mbid-886f742e-0bb9-4aad-992b-f43b39f6e054/mbid-886f742e-0bb9-4aad-992b-f43b39f6e054-26050116040_thumb250.jpg"
alt="Album cover of Invent Animate's Greyview">
<div class="audioinner">
<p>Invent Animate - Cloud Cascade</p>
<a href="https://inventanimate.bandcamp.com/album/greyview">Greyview</a>
<audio controls>
<source src="../music/Invent Animate - Cloud Cascade.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
<p>{{metalcore-paragraph}}</p>
<h3>invent animate</h3>
<p>{{invent-animate-paragraph}}</p>