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

lazyloading and js cleanup

Browse Source
This commit is contained in:
Alina Marquardt
2025-05-16 10:46:31 +02:00
parent e0d5deb9c9
commit 445f42cce8
2 changed files with 54 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public_html/index.html
View File

@@ -143,7 +143,7 @@
<div class="paused-animation" style="aspect-ratio: 900 / 528;">
<div class="play-btn"></div>
<img class="poster-frame" src="img/experiments/lf-poster.webp" width="680" height="400" alt="LF 3d animation poster-frame" />
<img class="anim" src="img/experiments/lf-anim.gif" width="680" height="400" alt="LF 3d animation" />
<img class="anim" src="img/experiments/lf-anim.gif" width="680" height="400" alt="LF 3d animation" loading="lazy" />
</div>
<p>a specific animation style I had in mind for my music persona lastfuture required objects with transparent flat faces, integer snapping, controlled image noise and visual artefacts. to solve this I wrote the tiny 3d engine <span class="nowrap">“<a href="https://git.broken.graphics/alina/3d-simple/" target="_blank">3d simple</a>”</span> that can create this animation style then render it out as a gif.</p>
</article>