.prettier & css compat

2025-01-16 21:03:00 +02:00 · 2025-01-16 21:03:00 +02:00 · bc6561f813
commit bc6561f813
parent 7dc80ca611
31 changed files with 80 additions and 135 deletions
--- a/404.html
+++ b/404.html
@ -19,7 +19,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="res/asset-sitewide-header-banner.avif"
            type="image/avif"
--- a/archive.html
+++ b/archive.html
@ -64,7 +64,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -77,7 +76,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
@ -152,7 +150,6 @@
              <h1>Artworks</h1>
              <h2>Selected works of my art-imagery</h2>
              <picture>
-                
                <source
                  srcset="res/img-artchive-artwork.avif"
                  type="image/avif"
@ -171,7 +168,6 @@
              <h1>Poetry</h1>
              <h2>My Word Art</h2>
              <picture>
-                
                <source
                  srcset="res/img-artchive-poetry.avif"
                  type="image/avif"
@ -190,7 +186,6 @@
              <h1 style="text-decoration: line-through">Mirror</h1>
              <h2>Currently unavailable</h2>
              <picture>
-                
                <source
                  srcset="res/img-artchive-mirror.avif"
                  type="image/avif"
--- a/artwork.html
+++ b/artwork.html
@ -61,7 +61,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -74,7 +73,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
@ -177,7 +175,6 @@
          <section class="ly-item ly-square">
            <h1>'faceshop'</h1>
            <picture>
-              
              <source
                srcset="res/img-artwork-faceshop.avif"
                type="image/avif"
--- a/blog/2024-08-18-review-redemption-tour-klein.html
+++ b/blog/2024-08-18-review-redemption-tour-klein.html
@ -71,7 +71,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -84,7 +83,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/blog/2024-09-28-about-me.html
+++ b/blog/2024-09-28-about-me.html
@ -65,7 +65,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -78,7 +77,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/blog/2025-01-12-2024-music-retrospective.html
+++ b/blog/2025-01-12-2024-music-retrospective.html
@ -69,7 +69,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -82,7 +81,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/blog/artist-style.css
+++ b/blog/artist-style.css
@ -1,6 +1,13 @@
 .ly-artist {
+  display: -webkit-box;
+  display: -ms-flexbox;
  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
  flex-direction: column;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
  justify-content: space-between;
  width: min(280px, 95%);
  text-align: center;
@ -29,11 +36,19 @@
  width: 280px;
  height: 280px;
  min-width: 100px;
+  -o-object-fit: contain;
  object-fit: contain;
 }
 .ly-artist nav {
+  display: -webkit-box;
+  display: -ms-flexbox;
  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
  flex-direction: row;
+  -webkit-box-pack: space-evenly;
+  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin-top: 5px;
  margin-bottom: 10px;
--- a/blog/blog-post-template.html
+++ b/blog/blog-post-template.html
@ -62,7 +62,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -75,7 +74,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/blog/index.html
+++ b/blog/index.html
@ -65,7 +65,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -78,7 +77,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/blog/music-recommendations.html
+++ b/blog/music-recommendations.html
@ -63,7 +63,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -76,7 +75,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/blog/music-review-template.html
+++ b/blog/music-review-template.html
@ -65,7 +65,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -78,7 +77,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/blog/pieces-of-me-in-magnetic-form.html
+++ b/blog/pieces-of-me-in-magnetic-form.html
@ -68,7 +68,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -81,7 +80,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/index.html
+++ b/index.html
@ -77,7 +77,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -90,7 +89,6 @@
        </picture>
        <a aria-label="Return to the Homepage" tabindex="-1" href="#">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/our-siblings.html
+++ b/our-siblings.html
@ -59,7 +59,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -72,7 +71,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/an-obsidian.html
+++ b/poetry/an-obsidian.html
@ -56,7 +56,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -69,7 +68,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/blackened-dust.html
+++ b/poetry/blackened-dust.html
@ -59,7 +59,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -72,7 +71,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/brazen-word-token-i.html
+++ b/poetry/brazen-word-token-i.html
@ -65,7 +65,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -78,7 +77,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/crackle.html
+++ b/poetry/crackle.html
@ -59,7 +59,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -72,7 +71,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/destroy-the-map.html
+++ b/poetry/destroy-the-map.html
@ -65,7 +65,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -78,7 +77,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/i-am-art.html
+++ b/poetry/i-am-art.html
@ -59,7 +59,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -72,7 +71,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/index.html
+++ b/poetry/index.html
@ -59,7 +59,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -72,7 +71,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/inspiring.html
+++ b/poetry/inspiring.html
@ -59,7 +59,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -72,7 +71,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/into-the-dunes.html
+++ b/poetry/into-the-dunes.html
@ -59,7 +59,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -72,7 +71,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/red-and-purple-and-amber-and-black.html
+++ b/poetry/red-and-purple-and-amber-and-black.html
@ -59,7 +59,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -72,7 +71,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/stars.html
+++ b/poetry/stars.html
@ -68,7 +68,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -81,7 +80,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/this-will-destroy-you.html
+++ b/poetry/this-will-destroy-you.html
@ -59,7 +59,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -72,7 +71,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/poetry/you-remind-me-of-it.html
+++ b/poetry/you-remind-me-of-it.html
@ -59,7 +59,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="../res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -72,7 +71,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="../index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="../res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/sitemap.xml
+++ b/sitemap.xml
@ -1,67 +1,66 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset
-      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
-      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
-            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
-<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
+  xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+  xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+  <!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->


-<url>
-  <loc>https://nnwhen.com/index</loc>
-  <lastmod>2024-10-18T17:19:10+00:00</lastmod>
-  <priority>1.00</priority>
-</url>
-<url>
-  <loc>https://nnwhen.com/sound-design</loc>
-  <lastmod>2024-10-18T17:22:24+00:00</lastmod>
-  <priority>0.90</priority>
-</url>
-<url>
-  <loc>https://nnwhen.com/archive</loc>
-  <lastmod>2024-10-18T17:19:00+00:00</lastmod>
-  <priority>0.80</priority>
-</url>
-<url>
-  <loc>https://nnwhen.com/blog/index</loc>
-  <lastmod>2024-10-21T14:06:22+00:00</lastmod>
-  <priority>0.80</priority>
-</url>
-<url>
-  <loc>https://nnwhen.com/blog/2024-09-28-about-me</loc>
-  <lastmod>2024-10-21T14:06:19+00:00</lastmod>
-  <priority>0.80</priority>
-</url>
-<url>
-  <loc>https://nnwhen.com/socials</loc>
-  <lastmod>2024-10-20T18:54:49+00:00</lastmod>
-  <priority>0.80</priority>
-</url>
-<url>
-  <loc>https://nnwhen.com/our-siblings</loc>
-  <lastmod>2024-10-18T17:19:13+00:00</lastmod>
-  <priority>0.80</priority>
-</url>
-<url>
-  <loc>https://nnwhen.com/artwork</loc>
-  <lastmod>2024-10-18T17:19:01+00:00</lastmod>
-  <priority>0.64</priority>
-</url>
-<url>
-  <loc>https://nnwhen.com/blog/pieces-of-me-in-magnetic-form</loc>
-  <lastmod>2024-10-21T14:06:25+00:00</lastmod>
-  <priority>0.40</priority>
-</url>
-<url>
-  <loc>https://nnwhen.com/blog/2024-08-18-review-redemption-tour-klein</loc>
-  <lastmod>2024-10-21T14:06:16+00:00</lastmod>
-  <priority>0.40</priority>
-</url>
-<url>
-  <loc>https://nnwhen.com/404</loc>
-  <lastmod>2024-10-18T17:18:59+00:00</lastmod>
-  <priority>0.00</priority>
-</url>
+  <url>
+    <loc>https://nnwhen.com/index</loc>
+    <lastmod>2024-10-18T17:19:10+00:00</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://nnwhen.com/sound-design</loc>
+    <lastmod>2024-10-18T17:22:24+00:00</lastmod>
+    <priority>0.90</priority>
+  </url>
+  <url>
+    <loc>https://nnwhen.com/archive</loc>
+    <lastmod>2024-10-18T17:19:00+00:00</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://nnwhen.com/blog/index</loc>
+    <lastmod>2024-10-21T14:06:22+00:00</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://nnwhen.com/blog/2024-09-28-about-me</loc>
+    <lastmod>2024-10-21T14:06:19+00:00</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://nnwhen.com/socials</loc>
+    <lastmod>2024-10-20T18:54:49+00:00</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://nnwhen.com/our-siblings</loc>
+    <lastmod>2024-10-18T17:19:13+00:00</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://nnwhen.com/artwork</loc>
+    <lastmod>2024-10-18T17:19:01+00:00</lastmod>
+    <priority>0.64</priority>
+  </url>
+  <url>
+    <loc>https://nnwhen.com/blog/pieces-of-me-in-magnetic-form</loc>
+    <lastmod>2024-10-21T14:06:25+00:00</lastmod>
+    <priority>0.40</priority>
+  </url>
+  <url>
+    <loc>https://nnwhen.com/blog/2024-08-18-review-redemption-tour-klein</loc>
+    <lastmod>2024-10-21T14:06:16+00:00</lastmod>
+    <priority>0.40</priority>
+  </url>
+  <url>
+    <loc>https://nnwhen.com/404</loc>
+    <lastmod>2024-10-18T17:18:59+00:00</lastmod>
+    <priority>0.00</priority>
+  </url>


 </urlset>
--- a/socials.html
+++ b/socials.html
@ -65,7 +65,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -78,7 +77,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
--- a/sound-design.html
+++ b/sound-design.html
@ -61,7 +61,6 @@
    <header>
      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
        <picture id="header-img-group-banner">
-          
          <source
            srcset="res/asset-sitewide-header-banner.avif"
            type="image/avif"
@ -74,7 +73,6 @@
        </picture>
        <a aria-label="Return to the Homepage" href="index.html">
          <picture id="header-img-group-logo">
-            
            <source
              srcset="res/asset-sitewide-header-ennspace.avif"
              type="image/avif"
@ -148,7 +146,6 @@
          Solo Work
          <a target="_blank" href="https://soundcloud.com/nnwhen">
            <picture class="h1-circle">
-              
              <source
                srcset="res/img-sounddesign-circle-1.avif"
                type="image/avif"
@ -170,7 +167,6 @@
            <a target="_blank" href="https://soundcloud.com/nnwhen/you">
              <h1>You</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-nnwhen-you.avif"
                  type="image/avif"
@ -196,7 +192,6 @@
            <a target="_blank" href="https://soundcloud.com/nnwhen/open-access">
              <h1>Open Access</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-nnwhen-open_access.avif"
                  type="image/avif"
@ -222,7 +217,6 @@
            <a target="_blank" href="https://soundcloud.com/nnwhen/take-form">
              <h1>Take Form</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-nnwhen-take_form.avif"
                  type="image/avif"
@ -289,7 +283,6 @@
            >
              <h1>Disintegrate</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-nnwhen-disintegrate.avif"
                  type="image/avif"
@ -318,7 +311,6 @@
            >
              <h1>In Radio, Trust.</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-nnwhen-in_radio__trust_.avif"
                  type="image/avif"
@ -350,7 +342,6 @@
            <a target="_blank" href="https://soundcloud.com/nnwhen/exe">
              <h1>Exe (Sands are Stones)</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-nnwhen-exe.avif"
                  type="image/avif"
@ -376,7 +367,6 @@
            <a target="_blank" href="https://soundcloud.com/nnwhen/circles">
              <h1>Circles</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-nnwhen-circles.avif"
                  type="image/avif"
@ -408,7 +398,6 @@
            href="https://soundcloud.com/nnwhen/sets/amaphimbo"
          >
            <picture class="h1-circle">
-              
              <source
                srcset="res/img-sounddesign-circle-3.avif"
                type="image/avif"
@ -429,7 +418,6 @@
            >
              <h1>The Message</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-ukuthintana-the_message.avif"
                  type="image/avif"
@ -464,7 +452,6 @@
            >
              <h1>The Dream Sequence</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-ukuthintana-the_dream_sequence.avif"
                  type="image/avif"
@ -499,7 +486,6 @@
            >
              <h1>The Lift</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-ukuthintana-the_lift.avif"
                  type="image/avif"
@ -531,7 +517,6 @@
            href="https://soundcloud.com/nnwhen/sets/selfies-noa-hall/s-HOdVceB9kwa"
          >
            <picture class="h1-circle">
-              
              <source
                srcset="res/img-sounddesign-circle-2.avif"
                type="image/avif"
@ -556,7 +541,6 @@
            >
              <h1>disaster</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-noa-disaster.avif"
                  type="image/avif"
@ -585,7 +569,6 @@
            >
              <h1>animal expl</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-noa-animal_expl.avif"
                  type="image/avif"
@ -614,7 +597,6 @@
            >
              <h1>breathe</h1>
              <picture>
-                
                <source
                  srcset="res/img-mus-noa-breathe.avif"
                  type="image/avif"
--- a/style.css
+++ b/style.css
@ -75,6 +75,7 @@ a:hover {
 }

 .load-enable img {
+  -webkit-animation: load 2s ease-in-out infinite alternate;
  animation: load 2s ease-in-out infinite alternate;
 }

@ -101,13 +102,18 @@ a:hover {
  margin: 10px 0;
 }
 #content-warnings ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
  display: flex;
+  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 16px auto;

  list-style-type: none;
  padding: 0;
+  -webkit-box-pack: space-evenly;
+  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
 }
 #content-warnings ul li {