alina
/
alinamarquardt.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

srcsets for all images except bg

main
Alina Marquardt 2025-05-13 21:05:54 +02:00
parent a4a4c42c39
commit c81907a9df
7 changed files with 39 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public_html/img/album/lastfuture_-_dreamshifter_1x.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public_html/img/album/lastfuture_-_misinterpreter_1x.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
public_html/img/album/lastfuture_-_reverse_kill_1x.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
public_html/img/album/lastfuture_-_signal_to_noise_1x.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
public_html/img/head-music.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
public_html/img/head-music_1x.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

44
public_html/index.html
View File

@ -48,12 +48,28 @@
</section>
<section class="contentitem box maincontent" id="music">
<header class="blurgreen headlineshadow"><h1><em>music</em> releases<img class="icon" src="img/head-music.png" width="69" height="77" alt></h1>
<header class="blurgreen headlineshadow">
<h1><em>music</em> releases
<img
class="icon"
src="img/head-music.webp"
srcset="img/head-music.webpp 2x, img/head-music_1x.webp 1x"
width="69"
height="77"
alt
>
</h1>
</header>
<article class="opaque whitebg album">
<a href="https://lastfuture.bandcamp.com/track/misinterpreter-2" target="_blank">
<img class="albumcover" src="img/album/lastfuture_-_misinterpreter.webp" alt="album cover for the lastfuture track misinterpreter" width="120" height="120" />
<img
class="albumcover"
src="img/album/lastfuture_-_misinterpreter.webp"
srcset="img/album/lastfuture_-_misinterpreter.webp 2x, img/album/lastfuture_-_misinterpreter_1x.webp 1x"
alt="album cover for the lastfuture track misinterpreter"
width="120" height="120"
/>
<h2>lastfuture <em>misinterpreter</em></h2>
<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
</a>
@ -62,7 +78,13 @@
<div class="clearfix"></div>
<article class="opaque whitebg album">
<a href="https://lastfuture.bandcamp.com/album/signal-to-noise" target="_blank">
<img class="albumcover" src="img/album/lastfuture_-_signal_to_noise.webp" alt="album cover for the lastfuture album signal to noise" width="120" height="120" />
<img
class="albumcover"
src="img/album/lastfuture_-_signal_to_noise.webp"
srcset="img/album/lastfuture_-_signal_to_noise.webp 2x, img/album/lastfuture_-_signal_to_noise_1x.webp 1x"
alt="album cover for the lastfuture album signal to noise"
width="120" height="120"
/>
<h2>lastfuture <em>signal to noise</em></h2>
<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
</a>
@ -71,7 +93,13 @@
<div class="clearfix"></div>
<article class="opaque whitebg album">
<a href="https://lastfuture.bandcamp.com/album/dreamshifter" target="_blank">
<img class="albumcover" src="img/album/lastfuture_-_dreamshifter.webp" alt="album cover for the lastfuture album dreamshifter" width="120" height="120" />
<img
class="albumcover"
src="img/album/lastfuture_-_dreamshifter.webp"
srcset="img/album/lastfuture_-_dreamshifter.webp 2x, img/album/lastfuture_-_dreamshifter_1x.webp 1x"
alt="album cover for the lastfuture album dreamshifter"
width="120" height="120"
/>
<h2>lastfuture <em>dreamshifter</em></h2>
<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
</a>
@ -80,7 +108,13 @@
<div class="clearfix"></div>
<article class="opaque whitebg album">
<a href="https://lastfuture.bandcamp.com/album/reverse-kill" target="_blank">
<img class="albumcover" src="img/album/lastfuture_-_reverse_kill.webp" alt="album cover for the lastfuture album reverse kill" width="120" height="120" />
<img
class="albumcover"
src="img/album/lastfuture_-_reverse_kill.webp"
srcset="img/album/lastfuture_-_reverse_kill.webp 2x, img/album/lastfuture_-_reverse_kill_1x.webp 1x"
alt="album cover for the lastfuture album reverse kill"
width="120" height="120"
/>
<h2>lastfuture <em>reverse kill</em></h2>
<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
</a>