media loading optimizations, social redirection

author: pdp8 <pdp8@pdp8.info> 2024-02-01 16:10:46 +0100
committer: pdp8 <pdp8@pdp8.info> 2024-02-01 16:10:46 +0100
commit: 38ea16d54fa0578169af62d2deed738638e600fe (patch)
tree: 88fac5601d7d72d3e019a9624b1260cca1ab762f
parent: 01e16b853f9a5cbf60a23c48d3ce08e63672daf9 (diff)
10 files changed, 251 insertions, 247 deletions
diff --git a/about.html b/about.html
index bec8bb8..99997d7 100644
--- a/about.html
+++ b/about.html
@@ -13,7 +13,7 @@
 </head>
 <body>
   <nav>
-    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
+    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/social/create.html'>social</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
   </nav>
   <div class='post'>
     <img src="540px-PDP-8_.jpg" alt="pdp-8" title="By Kris Arnold - https://www.flickr.com/photos/wka/3735964493/, CC BY-SA 2.0, https://commons.wikimedia.org/w/index.php?curid=110392229"><br>
diff --git a/climbing.html b/climbing.html
index 1dab71e..0ff6eaf 100644
--- a/climbing.html
+++ b/climbing.html
@@ -13,114 +13,93 @@
 </head>
 <body>
   <nav>
-    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item current' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
+    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item current' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/social/create.html'>social</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
   </nav>
   <div class="post">
-    <h1>2023-11-24</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20231124_144633.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20231124_144633.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20231124_144633.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20231124_144633.mp4">https://media.pdp8.info/climbing/TRIM_20231124_144633.mp4</a></video>
+    <h1>2023-11-24</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20231124_144633.webp"><source src='https://media.pdp8.info/climbing/TRIM_20231124_144633.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20231124_144633.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20231124_144633.mp4">https://media.pdp8.info/climbing/TRIM_20231124_144633.mp4</a></video>
     <p>Valle dell' Orco (IT), first ascent ?</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2023-11-21</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/20231121.jpeg"><source src='https://media.pdp8.info/climbing/20231121.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/20231121.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/20231121.mp4">https://media.pdp8.info/climbing/20231121.mp4</a></video>
+    <h1>2023-11-21</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/20231121.webp"><source src='https://media.pdp8.info/climbing/20231121.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/20231121.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/20231121.mp4">https://media.pdp8.info/climbing/20231121.mp4</a></video>
     <p>Valle dell' Orco (IT), first ascent ?</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2023-09-22</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230922_183425.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20230922_183425.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230922_183425.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230922_183425.mp4">https://media.pdp8.info/climbing/TRIM_20230922_183425.mp4</a></video>
+    <h1>2023-09-22</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230922_183425.webp"><source src='https://media.pdp8.info/climbing/TRIM_20230922_183425.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230922_183425.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230922_183425.mp4">https://media.pdp8.info/climbing/TRIM_20230922_183425.mp4</a></video>
     <p>Wolverine 6b, Valle dell' Orco (IT), onsight</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2023-09-15</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230915_170816.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20230915_170816.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230915_170816.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230915_170816.mp4">https://media.pdp8.info/climbing/TRIM_20230915_170816.mp4</a></video>
+    <h1>2023-09-15</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230915_170816.webp"><source src='https://media.pdp8.info/climbing/TRIM_20230915_170816.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230915_170816.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230915_170816.mp4">https://media.pdp8.info/climbing/TRIM_20230915_170816.mp4</a></video>
     <p>Valle dell' Orco (IT), first ascent ?</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2023-09-10</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230910_183919.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20230910_183919.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230910_183919.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230910_183919.mp4">https://media.pdp8.info/climbing/TRIM_20230910_183919.mp4</a></video>
+    <h1>2023-09-10</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230910_183919.webp"><source src='https://media.pdp8.info/climbing/TRIM_20230910_183919.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230910_183919.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230910_183919.mp4">https://media.pdp8.info/climbing/TRIM_20230910_183919.mp4</a></video>
     <p>Valle dell' Orco (IT), first ascent ?</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2023-09-04</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230904_193007.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20230904_193007.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230904_193007.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230904_193007.mp4">https://media.pdp8.info/climbing/TRIM_20230904_193007.mp4</a></video>
+    <h1>2023-09-04</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230904_193007.webp"><source src='https://media.pdp8.info/climbing/TRIM_20230904_193007.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230904_193007.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230904_193007.mp4">https://media.pdp8.info/climbing/TRIM_20230904_193007.mp4</a></video>
     <p>Fissura Kosterlitz 6b, Valle dell' Orco (IT), onsight</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2023-09-02</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230902_213728.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20230902_213728.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230902_213728.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230902_213728.mp4">https://media.pdp8.info/climbing/TRIM_20230902_213728.mp4</a></video>
+    <h1>2023-09-02</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230902_213728.webp"><source src='https://media.pdp8.info/climbing/TRIM_20230902_213728.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230902_213728.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230902_213728.mp4">https://media.pdp8.info/climbing/TRIM_20230902_213728.mp4</a></video>
     <p>Crack attack 7b, Valle dell' Orco (IT), flash</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2023-05-30</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230530_120243.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20230530_120243.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230530_120243.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230530_120243.mp4">https://media.pdp8.info/climbing/TRIM_20230530_120243.mp4</a></video>
+    <h1>2023-05-30</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230530_120243.webp"><source src='https://media.pdp8.info/climbing/TRIM_20230530_120243.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230530_120243.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230530_120243.mp4">https://media.pdp8.info/climbing/TRIM_20230530_120243.mp4</a></video>
     <p>Saint-Dié-des-Vosges, HAB (FR), onsight, first ascent ?</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2023-04-26</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230426_193742.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20230426_193742.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230426_193742.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230426_193742.mp4">https://media.pdp8.info/climbing/TRIM_20230426_193742.mp4</a></video>
+    <h1>2023-04-26</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230426_193742.webp"><source src='https://media.pdp8.info/climbing/TRIM_20230426_193742.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230426_193742.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230426_193742.mp4">https://media.pdp8.info/climbing/TRIM_20230426_193742.mp4</a></video>
     <p>7a+, Fontainebleau (FR)</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2023-02-10</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230210_160049.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20230210_160049.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230210_160049.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230210_160049.mp4">https://media.pdp8.info/climbing/TRIM_20230210_160049.mp4</a></video>
+    <h1>2023-02-10</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20230210_160049.webp"><source src='https://media.pdp8.info/climbing/TRIM_20230210_160049.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20230210_160049.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20230210_160049.mp4">https://media.pdp8.info/climbing/TRIM_20230210_160049.mp4</a></video>
     <p>Le Plafond 7b+, Fontainebleau, Dame Jouanne (FR)</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2022-11-14</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20221114_202026.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20221114_202026.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20221114_202026.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20221114_202026.mp4">https://media.pdp8.info/climbing/TRIM_20221114_202026.mp4</a></video>
+    <h1>2022-11-14</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20221114_202026.webp"><source src='https://media.pdp8.info/climbing/TRIM_20221114_202026.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20221114_202026.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20221114_202026.mp4">https://media.pdp8.info/climbing/TRIM_20221114_202026.mp4</a></video>
     <p>Foot Bath 7b+, Val Tasnan (CH)</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2022-09-30</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220930_161859.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20220930_161859.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220930_161859.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220930_161859.mp4">https://media.pdp8.info/climbing/TRIM_20220930_161859.mp4</a></video>
+    <h1>2022-09-30</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220930_161859.webp"><source src='https://media.pdp8.info/climbing/TRIM_20220930_161859.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220930_161859.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220930_161859.mp4">https://media.pdp8.info/climbing/TRIM_20220930_161859.mp4</a></video>
     <p>Øgreid (NO), onsight, first ascent ?</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2022-09-29</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220930_004357.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20220930_004357.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220930_004357.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220930_004357.mp4">https://media.pdp8.info/climbing/TRIM_20220930_004357.mp4</a></video>
+    <h1>2022-09-29</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220930_004357.webp"><source src='https://media.pdp8.info/climbing/TRIM_20220930_004357.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220930_004357.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220930_004357.mp4">https://media.pdp8.info/climbing/TRIM_20220930_004357.mp4</a></video>
     <p>Over the top 7b, Øgreid (NO), flash</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2022-09-26</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220926_174129.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20220926_174129.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220926_174129.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220926_174129.mp4">https://media.pdp8.info/climbing/TRIM_20220926_174129.mp4</a></video>
+    <h1>2022-09-26</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220926_174129.webp"><source src='https://media.pdp8.info/climbing/TRIM_20220926_174129.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220926_174129.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220926_174129.mp4">https://media.pdp8.info/climbing/TRIM_20220926_174129.mp4</a></video>
     <p>Tekniska areten 7a, Hillbillyland (NO)</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2022-09-18</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220918_202030.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20220918_202030.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220918_202030.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220918_202030.mp4">https://media.pdp8.info/climbing/TRIM_20220918_202030.mp4</a></video>
+    <h1>2022-09-18</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220918_202030.webp"><source src='https://media.pdp8.info/climbing/TRIM_20220918_202030.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220918_202030.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220918_202030.mp4">https://media.pdp8.info/climbing/TRIM_20220918_202030.mp4</a></video>
     <p>River Groove 7a+, Dale (NO)</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2022-09-02</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220902_171956.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20220902_171956.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220902_171956.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220902_171956.mp4">https://media.pdp8.info/climbing/TRIM_20220902_171956.mp4</a></video>
+    <h1>2022-09-02</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220902_171956.webp"><source src='https://media.pdp8.info/climbing/TRIM_20220902_171956.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220902_171956.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220902_171956.mp4">https://media.pdp8.info/climbing/TRIM_20220902_171956.mp4</a></video>
     <p>Odda (NO), first ascent ?</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2022-08-31</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220831_165619.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20220831_165619.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220831_165619.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220831_165619.mp4">https://media.pdp8.info/climbing/TRIM_20220831_165619.mp4</a></video>
+    <h1>2022-08-31</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20220831_165619.webp"><source src='https://media.pdp8.info/climbing/TRIM_20220831_165619.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20220831_165619.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20220831_165619.mp4">https://media.pdp8.info/climbing/TRIM_20220831_165619.mp4</a></video>
     <p>Bondhusdalen (NO), first ascent ?</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2021-04-19</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20210419_185053.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20210419_185053.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20210419_185053.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20210419_185053.mp4">https://media.pdp8.info/climbing/TRIM_20210419_185053.mp4</a></video>
+    <h1>2021-04-19</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20210419_185053.webp"><source src='https://media.pdp8.info/climbing/TRIM_20210419_185053.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20210419_185053.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20210419_185053.mp4">https://media.pdp8.info/climbing/TRIM_20210419_185053.mp4</a></video>
     <p>8a, Arcegno (CH)</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2020-10-12</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20201012_143453.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20201012_143453.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20201012_143453.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20201012_143453.mp4">https://media.pdp8.info/climbing/TRIM_20201012_143453.mp4</a></video>
+    <h1>2020-10-12</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20201012_143453.webp"><source src='https://media.pdp8.info/climbing/TRIM_20201012_143453.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20201012_143453.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20201012_143453.mp4">https://media.pdp8.info/climbing/TRIM_20201012_143453.mp4</a></video>
     <p>Ameisenberg, Oybin (DE), first ascent ?</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2019-08-15</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20190815_200701.jpeg"><source src='https://media.pdp8.info/climbing/TRIM_20190815_200701.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20190815_200701.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20190815_200701.mp4">https://media.pdp8.info/climbing/TRIM_20190815_200701.mp4</a></video>
+    <h1>2019-08-15</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/TRIM_20190815_200701.webp"><source src='https://media.pdp8.info/climbing/TRIM_20190815_200701.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/TRIM_20190815_200701.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/TRIM_20190815_200701.mp4">https://media.pdp8.info/climbing/TRIM_20190815_200701.mp4</a></video>
     <p>Boultaco, Basler Jura (CH), first ascent 2019-10<br>
     boulder ends sitting at the jug behind the water bottle</p>
   </div>
-  <hr>
   <div class="post">
-    <h1>2015-11-07</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/MVI_3390.jpeg"><source src='https://media.pdp8.info/climbing/MVI_3390.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/MVI_3390.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/MVI_3390.mp4">https://media.pdp8.info/climbing/MVI_3390.mp4</a></video>
+    <h1>2015-11-07</h1><video controls="" preload='none' poster="https://media.pdp8.info/climbing/MVI_3390.webp"><source src='https://media.pdp8.info/climbing/MVI_3390.webm' type='video/webm'> <source src='https://media.pdp8.info/climbing/MVI_3390.mp4' type='video/mp4'> <a href="https://media.pdp8.info/climbing/MVI_3390.mp4">https://media.pdp8.info/climbing/MVI_3390.mp4</a></video>
     <p>Seetalhoehe, Basler Jura (CH), first ascent</p>
   </div>
-  <hr>
   <p>&nbsp;© pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a> 
   <script>
 
diff --git a/code.html b/code.html
index 60577dc..d930587 100644
--- a/code.html
+++ b/code.html
@@ -13,7 +13,7 @@
 </head>
 <body>
   <nav>
-    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item current' href='/code.html'>code</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
+    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item current' href='/code.html'>code</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/social/create.html'>social</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
   </nav>
   <div class='post'>
     <iframe src='https://git.pdp8.info/' title="pdp8 git repositories"></iframe>"
diff --git a/contact.html b/contact.html
index 7d86e51..863353a 100644
--- a/contact.html
+++ b/contact.html
@@ -13,7 +13,7 @@
 </head>
 <body>
   <nav>
-    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item current' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
+    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item current' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/social/create.html'>social</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
   </nav>
   <div class='post'>
     <h1>email</h1><a href='mailto:info@pdp8.info'>info@pdp8.info</a>
diff --git a/index.html b/index.html
index 4777270..ebdc87b 100644
--- a/index.html
+++ b/index.html
@@ -13,256 +13,250 @@
 </head>
 <body>
   <nav>
-    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item current' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
+    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item current' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/social/create.html'>social</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
   </nav>
   <div class='post' id='2023-08-20'>
-    <h1>mud tracks</h1>bring your rubber boots
-    <p><img class='cover' src='https://media.pdp8.info/music/2023-08-20_mud_tracks/cover.jpeg' alt='cover'></p>
+    <h1>mud tracks</h1>bring your rubber boots<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2023-08-20_mud_tracks/cover.webp' alt='cover'>
     <table>
       <tr>
+        <td>pothole</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/01-pothole.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/01-pothole.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>pothole</td>
       </tr>
       <tr>
+        <td>puddle</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/02-puddle.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/02-puddle.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>puddle</td>
       </tr>
       <tr>
+        <td>rut</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/03-rut.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/03-rut.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>rut</td>
       </tr>
       <tr>
+        <td>swamp buggy</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/04-swamp_buggy.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/04-swamp_buggy.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>swamp_buggy</td>
       </tr>
       <tr>
+        <td>paddle tire</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/05-paddle_tire.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/05-paddle_tire.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>paddle_tire</td>
       </tr>
       <tr>
+        <td>wheelspin</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/06-wheelspin.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/06-wheelspin.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>wheelspin</td>
       </tr>
       <tr>
+        <td>traction board</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/07-traction_board.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/07-traction_board.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>traction_board</td>
       </tr>
       <tr>
+        <td>snatch strap</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/08-snatch_strap.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/08-snatch_strap.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>snatch_strap</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_mud_tracks'>https://archive.org/details/pdp8_mud_tracks</a></p>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/mud-tracks'>https://pdp8.bandcamp.com/album/mud-tracks</a></p>
   </div>
-  <hr>
   <div class='post' id='2023-07-05'>
     <h1>blurred boundaries of perception</h1>ChatGPD writes:
     <p>The hazy contours of an indistinct no parking sign intertwine with the ethereal tapestry of drone music, as both embrace the enigmatic realm of abstraction, inviting the audience to wander amidst the blurred boundaries of perception and embrace the subtle beauty found within the realms of the unconventional.</p>
-    <p>Let's embrace its intelligence!</p>
-    <p><img class='cover' src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/cover.jpeg' alt='cover'></p>
+    <p>Let's embrace its intelligence!<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/cover.webp' alt='cover'></p>
     <table>
       <tr>
+        <td>ethereal-tapestry</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/01-ethereal-tapestry.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/01-ethereal-tapestry.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>ethereal-tapestry</td>
       </tr>
       <tr>
+        <td>enigmatic-realm</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/02-enigmatic-realm.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/02-enigmatic-realm.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>enigmatic-realm</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_blurred_boundaries_of_perception'>https://archive.org/details/pdp8_blurred_boundaries_of_perception</a></p>
     <p>Bandcamp: <a href='https://alfadeo.bandcamp.com/album/drones'>https://alfadeo.bandcamp.com/album/drones</a></p>
   </div>
-  <hr>
   <div class='post' id='2022-10-01'>
-    <h1>algae</h1>make the world a greener place
-    <p><img class='cover' src='https://media.pdp8.info/music/2022-10-01_algae/cover.jpeg' alt='cover'></p>
+    <h1>algae</h1>make the world a greener place<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2022-10-01_algae/cover.webp' alt='cover'>
     <table>
       <tr>
+        <td>chlorella</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/01-chlorella.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/01-chlorella.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>chlorella</td>
       </tr>
       <tr>
+        <td>microcystis</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/02-microcystis.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/02-microcystis.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>microcystis</td>
       </tr>
       <tr>
+        <td>scenedesmus</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/03-scenedesmus.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/03-scenedesmus.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>scenedesmus</td>
       </tr>
       <tr>
+        <td>volvox</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/04-volvox.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/04-volvox.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>volvox</td>
       </tr>
       <tr>
+        <td>tabellaria</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/05-tabellaria.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/05-tabellaria.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>tabellaria</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_algae'>https://archive.org/details/pdp8_algae</a></p>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/algae'>https://pdp8.bandcamp.com/album/algae</a></p>
   </div>
-  <hr>
   <div class='post' id='2022-08-20'>
-    <h1>when legends die</h1>featuring christoph würzl on keys
-    <p><img class='cover' src='https://media.pdp8.info/music/2022-08-20_when_legends_die/cover.jpeg' alt='cover'></p>
+    <h1>when legends die</h1>featuring christoph würzl on keys<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2022-08-20_when_legends_die/cover.webp' alt='cover'>
     <table>
       <tr>
+        <td>a</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-08-20_when_legends_die/01-a.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-08-20_when_legends_die/01-a.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>a</td>
       </tr>
       <tr>
+        <td>b</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-08-20_when_legends_die/02-b.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-08-20_when_legends_die/02-b.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>b</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_when_legends_die'>https://archive.org/details/pdp8_when_legends_die</a></p>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/when-legends-die'>https://pdp8.bandcamp.com/album/when-legends-die</a></p>
   </div>
-  <hr>
   <div class='post' id='2021-09-25'>
-    <h1>calling home</h1>in alphabetical order
-    <p><img class='cover' src='https://media.pdp8.info/music/2021-09-25_calling_home/cover.jpeg' alt='cover'></p>
+    <h1>calling home</h1>in alphabetical order<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2021-09-25_calling_home/cover.webp' alt='cover'>
     <table>
       <tr>
+        <td>amazon</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/01-amazon.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/01-amazon.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>amazon</td>
       </tr>
       <tr>
+        <td>apple</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/02-apple.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/02-apple.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>apple</td>
       </tr>
       <tr>
+        <td>facebook</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/03-facebook.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/03-facebook.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>facebook</td>
       </tr>
       <tr>
+        <td>google</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/04-google.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/04-google.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>google</td>
       </tr>
       <tr>
+        <td>instagram</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/05-instagram.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/05-instagram.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>instagram</td>
       </tr>
       <tr>
+        <td>microsoft</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/06-microsoft.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/06-microsoft.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>microsoft</td>
       </tr>
       <tr>
+        <td>soundcloud</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/07-soundcloud.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/07-soundcloud.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>soundcloud</td>
       </tr>
       <tr>
+        <td>spotify</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/08-spotify.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/08-spotify.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>spotify</td>
       </tr>
       <tr>
+        <td>tiktok</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/09-tiktok.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/09-tiktok.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>tiktok</td>
       </tr>
       <tr>
+        <td>twitter</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/10-twitter.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/10-twitter.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>twitter</td>
       </tr>
       <tr>
+        <td>youtube</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/11-youtube.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/11-youtube.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>youtube</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_calling_home'>https://archive.org/details/pdp8_calling_home</a></p>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/calling-home'>https://pdp8.bandcamp.com/album/calling-home</a></p>
   </div>
-  <hr>
   <div class='post' id='2020-04-17'>
-    <h1>ringleitung schaum</h1>better safe than sorry!
-    <p><img class='cover' src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/cover.jpeg' alt='cover'></p>
+    <h1>ringleitung schaum</h1>better safe than sorry!<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/cover.webp' alt='cover'>
     <table>
       <tr>
+        <td>druckentlueftungsanlage</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/01-druckentlueftungsanlage.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/01-druckentlueftungsanlage.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>druckentlueftungsanlage</td>
       </tr>
       <tr>
+        <td>innenhydrantensystem</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/02-innenhydrantensystem.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/02-innenhydrantensystem.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>innenhydrantensystem</td>
       </tr>
       <tr>
+        <td>vollkegelspruehduesen</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/03-vollkegelspruehduesen.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/03-vollkegelspruehduesen.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>vollkegelspruehduesen</td>
       </tr>
       <tr>
+        <td>extinktionsbrandmelder</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/04-extinktionsbrandmelder.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/04-extinktionsbrandmelder.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>extinktionsbrandmelder</td>
       </tr>
       <tr>
+        <td>schaummonitor</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/05-schaummonitor.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/05-schaummonitor.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>schaummonitor</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_ringleitung_schaum'>https://archive.org/details/pdp8_ringleitung_schaum</a></p>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/ringleitung-schaum'>https://pdp8.bandcamp.com/album/ringleitung-schaum</a></p>
   </div>
-  <hr>
   <p>© pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a> 
   <script>
 
diff --git a/music.html b/music.html
index 4777270..ebdc87b 100644
--- a/music.html
+++ b/music.html
@@ -13,256 +13,250 @@
 </head>
 <body>
   <nav>
-    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item current' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
+    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item current' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/social/create.html'>social</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
   </nav>
   <div class='post' id='2023-08-20'>
-    <h1>mud tracks</h1>bring your rubber boots
-    <p><img class='cover' src='https://media.pdp8.info/music/2023-08-20_mud_tracks/cover.jpeg' alt='cover'></p>
+    <h1>mud tracks</h1>bring your rubber boots<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2023-08-20_mud_tracks/cover.webp' alt='cover'>
     <table>
       <tr>
+        <td>pothole</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/01-pothole.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/01-pothole.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>pothole</td>
       </tr>
       <tr>
+        <td>puddle</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/02-puddle.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/02-puddle.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>puddle</td>
       </tr>
       <tr>
+        <td>rut</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/03-rut.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/03-rut.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>rut</td>
       </tr>
       <tr>
+        <td>swamp buggy</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/04-swamp_buggy.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/04-swamp_buggy.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>swamp_buggy</td>
       </tr>
       <tr>
+        <td>paddle tire</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/05-paddle_tire.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/05-paddle_tire.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>paddle_tire</td>
       </tr>
       <tr>
+        <td>wheelspin</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/06-wheelspin.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/06-wheelspin.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>wheelspin</td>
       </tr>
       <tr>
+        <td>traction board</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/07-traction_board.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/07-traction_board.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>traction_board</td>
       </tr>
       <tr>
+        <td>snatch strap</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/08-snatch_strap.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-08-20_mud_tracks/08-snatch_strap.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>snatch_strap</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_mud_tracks'>https://archive.org/details/pdp8_mud_tracks</a></p>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/mud-tracks'>https://pdp8.bandcamp.com/album/mud-tracks</a></p>
   </div>
-  <hr>
   <div class='post' id='2023-07-05'>
     <h1>blurred boundaries of perception</h1>ChatGPD writes:
     <p>The hazy contours of an indistinct no parking sign intertwine with the ethereal tapestry of drone music, as both embrace the enigmatic realm of abstraction, inviting the audience to wander amidst the blurred boundaries of perception and embrace the subtle beauty found within the realms of the unconventional.</p>
-    <p>Let's embrace its intelligence!</p>
-    <p><img class='cover' src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/cover.jpeg' alt='cover'></p>
+    <p>Let's embrace its intelligence!<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/cover.webp' alt='cover'></p>
     <table>
       <tr>
+        <td>ethereal-tapestry</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/01-ethereal-tapestry.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/01-ethereal-tapestry.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>ethereal-tapestry</td>
       </tr>
       <tr>
+        <td>enigmatic-realm</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/02-enigmatic-realm.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2023-07-05_blurred_boundaries_of_perception/02-enigmatic-realm.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>enigmatic-realm</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_blurred_boundaries_of_perception'>https://archive.org/details/pdp8_blurred_boundaries_of_perception</a></p>
     <p>Bandcamp: <a href='https://alfadeo.bandcamp.com/album/drones'>https://alfadeo.bandcamp.com/album/drones</a></p>
   </div>
-  <hr>
   <div class='post' id='2022-10-01'>
-    <h1>algae</h1>make the world a greener place
-    <p><img class='cover' src='https://media.pdp8.info/music/2022-10-01_algae/cover.jpeg' alt='cover'></p>
+    <h1>algae</h1>make the world a greener place<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2022-10-01_algae/cover.webp' alt='cover'>
     <table>
       <tr>
+        <td>chlorella</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/01-chlorella.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/01-chlorella.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>chlorella</td>
       </tr>
       <tr>
+        <td>microcystis</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/02-microcystis.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/02-microcystis.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>microcystis</td>
       </tr>
       <tr>
+        <td>scenedesmus</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/03-scenedesmus.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/03-scenedesmus.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>scenedesmus</td>
       </tr>
       <tr>
+        <td>volvox</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/04-volvox.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/04-volvox.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>volvox</td>
       </tr>
       <tr>
+        <td>tabellaria</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/05-tabellaria.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-10-01_algae/05-tabellaria.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>tabellaria</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_algae'>https://archive.org/details/pdp8_algae</a></p>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/algae'>https://pdp8.bandcamp.com/album/algae</a></p>
   </div>
-  <hr>
   <div class='post' id='2022-08-20'>
-    <h1>when legends die</h1>featuring christoph würzl on keys
-    <p><img class='cover' src='https://media.pdp8.info/music/2022-08-20_when_legends_die/cover.jpeg' alt='cover'></p>
+    <h1>when legends die</h1>featuring christoph würzl on keys<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2022-08-20_when_legends_die/cover.webp' alt='cover'>
     <table>
       <tr>
+        <td>a</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-08-20_when_legends_die/01-a.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-08-20_when_legends_die/01-a.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>a</td>
       </tr>
       <tr>
+        <td>b</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2022-08-20_when_legends_die/02-b.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2022-08-20_when_legends_die/02-b.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>b</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_when_legends_die'>https://archive.org/details/pdp8_when_legends_die</a></p>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/when-legends-die'>https://pdp8.bandcamp.com/album/when-legends-die</a></p>
   </div>
-  <hr>
   <div class='post' id='2021-09-25'>
-    <h1>calling home</h1>in alphabetical order
-    <p><img class='cover' src='https://media.pdp8.info/music/2021-09-25_calling_home/cover.jpeg' alt='cover'></p>
+    <h1>calling home</h1>in alphabetical order<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2021-09-25_calling_home/cover.webp' alt='cover'>
     <table>
       <tr>
+        <td>amazon</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/01-amazon.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/01-amazon.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>amazon</td>
       </tr>
       <tr>
+        <td>apple</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/02-apple.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/02-apple.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>apple</td>
       </tr>
       <tr>
+        <td>facebook</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/03-facebook.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/03-facebook.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>facebook</td>
       </tr>
       <tr>
+        <td>google</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/04-google.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/04-google.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>google</td>
       </tr>
       <tr>
+        <td>instagram</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/05-instagram.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/05-instagram.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>instagram</td>
       </tr>
       <tr>
+        <td>microsoft</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/06-microsoft.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/06-microsoft.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>microsoft</td>
       </tr>
       <tr>
+        <td>soundcloud</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/07-soundcloud.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/07-soundcloud.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>soundcloud</td>
       </tr>
       <tr>
+        <td>spotify</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/08-spotify.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/08-spotify.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>spotify</td>
       </tr>
       <tr>
+        <td>tiktok</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/09-tiktok.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/09-tiktok.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>tiktok</td>
       </tr>
       <tr>
+        <td>twitter</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/10-twitter.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/10-twitter.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>twitter</td>
       </tr>
       <tr>
+        <td>youtube</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/11-youtube.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2021-09-25_calling_home/11-youtube.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>youtube</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_calling_home'>https://archive.org/details/pdp8_calling_home</a></p>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/calling-home'>https://pdp8.bandcamp.com/album/calling-home</a></p>
   </div>
-  <hr>
   <div class='post' id='2020-04-17'>
-    <h1>ringleitung schaum</h1>better safe than sorry!
-    <p><img class='cover' src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/cover.jpeg' alt='cover'></p>
+    <h1>ringleitung schaum</h1>better safe than sorry!<img class='cover' loading='lazy' width='1024' height='1024' src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/cover.webp' alt='cover'>
     <table>
       <tr>
+        <td>druckentlueftungsanlage</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/01-druckentlueftungsanlage.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/01-druckentlueftungsanlage.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>druckentlueftungsanlage</td>
       </tr>
       <tr>
+        <td>innenhydrantensystem</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/02-innenhydrantensystem.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/02-innenhydrantensystem.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>innenhydrantensystem</td>
       </tr>
       <tr>
+        <td>vollkegelspruehduesen</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/03-vollkegelspruehduesen.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/03-vollkegelspruehduesen.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>vollkegelspruehduesen</td>
       </tr>
       <tr>
+        <td>extinktionsbrandmelder</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/04-extinktionsbrandmelder.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/04-extinktionsbrandmelder.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>extinktionsbrandmelder</td>
       </tr>
       <tr>
+        <td>schaummonitor</td>
         <td>
-          <audio controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/05-schaummonitor.mp3' type='audio/mpeg'></audio>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2020-04-17_ringleitung_schaum/05-schaummonitor.mp3' type='audio/mpeg'></audio>
         </td>
-        <td>schaummonitor</td>
       </tr>
     </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_ringleitung_schaum'>https://archive.org/details/pdp8_ringleitung_schaum</a></p>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/ringleitung-schaum'>https://pdp8.bandcamp.com/album/ringleitung-schaum</a></p>
   </div>
-  <hr>
   <p>© pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a> 
   <script>
 
diff --git a/pictures.html b/pictures.html
index bb7d6f0..fed3ca3 100644
--- a/pictures.html
+++ b/pictures.html
@@ -13,13 +13,13 @@
 </head>
 <body>
   <nav>
-    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item current' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
+    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item current' href='/pictures.html'>pictures</a>&nbsp;<a class='item' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/social/create.html'>social</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
   </nav>
   <div class='post'>
     <script src="https://media.pdp8.info/pictures/distances.js"></script> 
-    <script src="/slideshow.js"></script> <img id="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="">
+    <script src="/slideshow.js"></script> <img id="image" width="1024" height="768" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="">
     <div id="controller">
-      <a class="btn" onclick="toggle_play()"><i id="play-indicator" title="Pause slideshow" class="fa fa-pause" aria-hidden="true"></i></a> <a class="btn" onclick="new_selection()"><i id="shuffle-indicator" title="Next slideshow" class="fa fa-random" aria-hidden="true"></i></a>
+      <a class="btn" onclick="toggle_play()"><i id="play-indicator" title="Pause slideshow" class="fa fa-inverse fa-pause" aria-hidden="true"></i></a> <a class="btn" onclick="new_selection()"><i id="shuffle-indicator" title="Next slideshow" class="fa fa-inverse fa-random" aria-hidden="true"></i></a>
       <p>© pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a></p>
     </div><a id="prev" onclick="prev()">‹</a> <a id="next" onclick="next()">›</a> 
     <script>
diff --git a/slideshow.js b/slideshow.js
index ea265e4..48a5395 100644
--- a/slideshow.js
+++ b/slideshow.js
@@ -52,7 +52,7 @@ function play() {
   playing = 1
   interval = setInterval(function () { next() }, 3000);
   document.getElementById("play-indicator").title = "Pause slideshow"
-  document.getElementById("play-indicator").className = "fa fa-pause"
+  document.getElementById("play-indicator").className = "fa fa-inverse fa-pause"
   hide_controls()
 }
 
@@ -60,7 +60,7 @@ function stop() {
   playing = 0
   clearInterval(interval)
   document.getElementById("play-indicator").title = "Play slideshow"
-  document.getElementById("play-indicator").className = "fa fa-play"
+  document.getElementById("play-indicator").className = "fa fa-inverse fa-play"
   show_controls()
 }
 
diff --git a/style.css b/style.css
index 63fdb65..9eee808 100644
--- a/style.css
+++ b/style.css
@@ -1,12 +1,12 @@
 body {
+  background-color: black;
+  color: #eee;
   width: 100vw;
   margin: 0;
   font-family: sans-serif;
 }
 
 nav {
-  background: #000;
-  color: #fff;
   padding: 0.75em 0 1em 0;
 }
 
@@ -21,13 +21,21 @@ nav img {
   vertical-align: bottom;
 }
 
-nav #logo img { height: 2em; }
+nav #logo img {
+  height: 2em;
+}
 
-nav .current { color: #fff; }
+nav .current {
+  color: white;
+}
 
-nav #menu { display:none; }
+nav #menu {
+  display: none;
+}
 
-nav a:hover { color: #fff; }
+nav a:hover {
+  color: white;
+}
 
 @media screen and (max-width: 600px) {
   nav .item {
@@ -43,16 +51,32 @@ nav a:hover { color: #fff; }
   }
 }
 
-.post { padding: 1em; }
+.post {
+  margin: 1em;
+}
 
-img, video {
-  max-width: 100%;
+img,
+video {
   max-height: 80vh;
+  max-width: 80vw;
+  object-fit: contain;
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
 
+#image {
+  padding-top: 2.5%;
+  padding-bottom: 1%;
+}
+
+.cover {
+  max-height: min(50vh, 90vw);
+  max-width: min(50vh, 90vw);
+  margin-left: 0;
+  padding: 1em 0;
+}
+
 iframe {
   width: 100%;
   height: 90vh;
@@ -63,16 +87,19 @@ a {
   color: #888;
 }
 
-#image {
-  padding-top: 2.5%;
-  padding-bottom: 1%;
+td {
+  padding-right: 1em;
+  font-size: larger;
 }
 
-.cover {
-  max-height: 50vh;
-  margin-left: 0;
+audio {
+  width: 12.5em;
+  height: 2.5em;
 }
 
+audio::-webkit-media-controls-panel {
+  background-color: #aaa;
+}
 
 #controller {
   position: fixed;
@@ -86,13 +113,14 @@ a {
 .btn {
   display: inline-block;
   cursor: pointer;
-  color: #000;
+  color: #111;
   font-size: 2em;
   font-weight: bold;
   width: 4em;
 }
 
-#prev, #next {
+#prev,
+#next {
   cursor: pointer;
   position: absolute;
   color: lightgrey;
@@ -102,7 +130,20 @@ a {
   bottom: 6vh;
 }
 
-#prev { left: 1%; }
-#next { right: 1%; }
-#prev:hover, #next:hover { text-decoration: none; }
-#prev:active, #next:active { color: black; }
+#prev {
+  left: 1%;
+}
+
+#next {
+  right: 1%;
+}
+
+#prev:hover,
+#next:hover {
+  text-decoration: none;
+}
+
+#prev:active,
+#next:active {
+  color: black;
+}
+\ No newline at end of file
diff --git a/videos.html b/videos.html
index 8689f5b..f65aaf0 100644
--- a/videos.html
+++ b/videos.html
@@ -13,7 +13,7 @@
 </head>
 <body>
   <nav>
-    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item current' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
+    <a id='logo' href='/about.html'><img src='/pdp8.png' alt='pdp8'></a>&nbsp;<a class='item' href='/music.html'>music</a>&nbsp;<a class='item' href='/pictures.html'>pictures</a>&nbsp;<a class='item current' href='/videos.html'>videos</a>&nbsp;<a class='item' href='/climbing.html'>climbing</a>&nbsp;<a class='item' href='/code.html'>code</a>&nbsp;<a class='item' href='/contact.html'>contact</a>&nbsp;<a class='item' href='/social/create.html'>social</a>&nbsp;<a class='item' href='/rss.xml'>rss</a>&nbsp;<a id='menu' href='#' onclick='show_vertical_menu()'>≡</a>
   </nav>
   <div class='post' id='2021-03-17'>
     <h1>ticinetto</h1>Synthstrom Online Festival #4 <a href="https://synthstrom.com/TV/">https://synthstrom.com/TV/</a>
@@ -21,7 +21,6 @@
     <p><br>
     Youtube: <a href="https://youtu.be/cQlZSjpxEXs">https://youtu.be/cQlZSjpxEXs</a></p>
   </div>
-  <hr>
   <div class='post' id='2019-08-01'>
     <h1>samplemaker</h1>Sound: dnice, Visuals: pdp8
     <p><video controls="" preload='none' poster='https://media.pdp8.info/videos/2019-08-01_samplemaker/poster.png'><source src='https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4' type='video/mp4'></video></p>
@@ -29,19 +28,16 @@
     YouTube: <a href="https://youtu.be/mB0a4UdM2KY">https://youtu.be/mB0a4UdM2KY</a><br>
     Source code: <a href="https://git.pdp8.info/samplemaker/">https://git.pdp8.info/samplemaker/</a></p>
   </div>
-  <hr>
   <div class='post' id='2019-03-04'>
     <h1>kriechstrom</h1>
     <p><video controls="" preload='none' poster='https://media.pdp8.info/videos/2019-03-04_kriechstrom/poster.png'><source src='https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4' type='video/mp4'></video></p>
     <p>Source code: <a href="https://git.pdp8.info/kriechstrom">https://git.pdp8.info/kriechstrom</a></p>
   </div>
-  <hr>
   <div class='post' id='2018-03-28'>
     <h1>loveparade truck 2</h1>
     <p><video controls="" preload='none' poster='https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/poster.png'><source src='https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4' type='video/mp4'></video></p>
     <p>YouTube: <a href="https://www.youtube.com/watch?v=801Dr3kHdek">https://www.youtube.com/watch?v=801Dr3kHdek</a></p>
   </div>
-  <hr>
   <p>&nbsp;© pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a> 
   <script>
author	pdp8 <pdp8@pdp8.info>	2024-02-01 16:10:46 +0100
committer	pdp8 <pdp8@pdp8.info>	2024-02-01 16:10:46 +0100
commit	38ea16d54fa0578169af62d2deed738638e600fe (patch)
tree	88fac5601d7d72d3e019a9624b1260cca1ab762f
parent	01e16b853f9a5cbf60a23c48d3ce08e63672daf9 (diff)