Sun May 12 02:25:54 PM CEST 2024

8 files changed, 60 insertions, 51 deletions

diff --git a/climbing.html b/climbing.html
index c7ab2e0..59fe058 100644
--- a/climbing.html
+++ b/climbing.html
@@ -6,7 +6,6 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
   <title>pdp8</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
   <link rel="stylesheet" type="text/css" href="/style.css">
   <link rel="icon" type="image/png" href="/pdp8.png">
   <link rel="alternate" type="application/rss+xml" title="pdp8 rss feed" href="https://pdp8.info/rss.xml">
diff --git a/code.html b/code.html
index 4652c7a..2c6f928 100644
--- a/code.html
+++ b/code.html
@@ -6,7 +6,6 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
   <title>pdp8</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
   <link rel="stylesheet" type="text/css" href="/style.css">
   <link rel="icon" type="image/png" href="/pdp8.png">
   <link rel="alternate" type="application/rss+xml" title="pdp8 rss feed" href="https://pdp8.info/rss.xml">
diff --git a/contact.html b/contact.html
index 863353a..72a44d4 100644
--- a/contact.html
+++ b/contact.html
@@ -6,7 +6,6 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
   <title>pdp8</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
   <link rel="stylesheet" type="text/css" href="/style.css">
   <link rel="icon" type="image/png" href="/pdp8.png">
   <link rel="alternate" type="application/rss+xml" title="pdp8 rss feed" href="https://pdp8.info/rss.xml">
diff --git a/index.html b/index.html
index a19ff12..6bed8ee 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,25 @@
   <div class="post">
     <a href="https://faircamp.webr.ing/prev/pdp8.info/music.html">← prev</a> | <a href="https://faircamp.webr.ing/">faircamp webring</a> | <a href="https://faircamp.webr.ing/rand">random</a> | <a href="https://faircamp.webr.ing/next/pdp8.info/music.html">next →</a>
   </div>
+  <div class='post' id='2024-05-12'>
+    <h1>TODO</h1>keys: christoph würzl<img class='cover' loading='lazy' width='1600' height='1454' src='https://media.pdp8.info/music/2024-05-12_TODO/cover.webp' alt='window shades on a wall with a small photo frame'>
+    <table>
+      <tr>
+        <td>valse triste kassette</td>
+        <td>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2024-05-12_TODO/01-valse_triste_kassette.mp3' type='audio/mpeg'> <a href="https://media.pdp8.info/music/2024-05-12_TODO/01-valse_triste_kassette.mp3">https://media.pdp8.info/music/2024-05-12_TODO/01-valse_triste_kassette.mp3</a></audio>
+        </td>
+      </tr>
+      <tr>
+        <td>la situazione non è buona</td>
+        <td>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2024-05-12_TODO/02-la_situazione_non_%C3%A8_buona.mp3' type='audio/mpeg'> <a href="https://media.pdp8.info/music/2024-05-12_TODO/02-la_situazione_non_%C3%A8_buona.mp3">https://media.pdp8.info/music/2024-05-12_TODO/02-la_situazione_non_è_buona.mp3</a></audio>
+        </td>
+      </tr>
+    </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_TODO'>https://archive.org/details/pdp8_TODO</a></p>
+    <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/TODO'>https://pdp8.bandcamp.com/album/TODO</a></p>
+  </div>
   <div class='post' id='2024-03-01'>
     <h1>logging</h1>discover your lubersexuality<img class='cover' loading='lazy' width='1024' height='1023' src='https://media.pdp8.info/music/2024-03-01_logging/cover.webp' alt='small timber lorry in a foggy forest.'>
     <table>
diff --git a/music.html b/music.html
index a19ff12..6bed8ee 100644
--- a/music.html
+++ b/music.html
@@ -17,6 +17,25 @@
   <div class="post">
     <a href="https://faircamp.webr.ing/prev/pdp8.info/music.html">← prev</a> | <a href="https://faircamp.webr.ing/">faircamp webring</a> | <a href="https://faircamp.webr.ing/rand">random</a> | <a href="https://faircamp.webr.ing/next/pdp8.info/music.html">next →</a>
   </div>
+  <div class='post' id='2024-05-12'>
+    <h1>TODO</h1>keys: christoph würzl<img class='cover' loading='lazy' width='1600' height='1454' src='https://media.pdp8.info/music/2024-05-12_TODO/cover.webp' alt='window shades on a wall with a small photo frame'>
+    <table>
+      <tr>
+        <td>valse triste kassette</td>
+        <td>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2024-05-12_TODO/01-valse_triste_kassette.mp3' type='audio/mpeg'> <a href="https://media.pdp8.info/music/2024-05-12_TODO/01-valse_triste_kassette.mp3">https://media.pdp8.info/music/2024-05-12_TODO/01-valse_triste_kassette.mp3</a></audio>
+        </td>
+      </tr>
+      <tr>
+        <td>la situazione non è buona</td>
+        <td>
+          <audio preload='none' controls=""><source src='https://media.pdp8.info/music/2024-05-12_TODO/02-la_situazione_non_%C3%A8_buona.mp3' type='audio/mpeg'> <a href="https://media.pdp8.info/music/2024-05-12_TODO/02-la_situazione_non_%C3%A8_buona.mp3">https://media.pdp8.info/music/2024-05-12_TODO/02-la_situazione_non_è_buona.mp3</a></audio>
+        </td>
+      </tr>
+    </table>
+    <p>Internet Archive: <a href='https://archive.org/details/pdp8_TODO'>https://archive.org/details/pdp8_TODO</a></p>
+    <p>Bandcamp: <a href='https://pdp8.bandcamp.com/album/TODO'>https://pdp8.bandcamp.com/album/TODO</a></p>
+  </div>
   <div class='post' id='2024-03-01'>
     <h1>logging</h1>discover your lubersexuality<img class='cover' loading='lazy' width='1024' height='1023' src='https://media.pdp8.info/music/2024-03-01_logging/cover.webp' alt='small timber lorry in a foggy forest.'>
     <table>
diff --git a/pictures.html b/pictures.html
index f88ba6c..8ff1aab 100644
--- a/pictures.html
+++ b/pictures.html
@@ -15,49 +15,16 @@
     <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'>
-    <a href='https://media.pdp8.info/pictures/20180613_065626.jpeg'><img loading='lazy' width='1536' height='1024' alt='closeup of a floral door decoration' src='https://media.pdp8.info/pictures/www/20180613_065626.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20200327_090553.jpeg'><img loading='lazy' width='1365' height='1024' alt='peeling paint on a rusty surface' src='https://media.pdp8.info/pictures/www/20200327_090553.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20220304_170450.jpeg'><img loading='lazy' width='1536' height='1024' alt='close-up of a frozen brook' src='https://media.pdp8.info/pictures/www/20220304_170450.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20180612_163248.jpeg'><img loading='lazy' width='1536' height='1024' alt='"gonzo" painted with dripping red color on a grey wall with white scratches' src='https://media.pdp8.info/pictures/www/20180612_163248.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20161227_162541.jpeg'><img loading='lazy' width='1536' height='1024' alt='crumbling paint on a wall' src='https://media.pdp8.info/pictures/www/20161227_162541.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20190104_143903.jpeg'><img loading='lazy' width='1536' height='1024' alt='door of a van covered with moss and lichens' src='https://media.pdp8.info/pictures/www/20190104_143903.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20190604_223536.jpeg'><img loading='lazy' width='1365' height='1024' alt='fluorescent tube illuminating a rough plastered wall' src='https://media.pdp8.info/pictures/www/20190604_223536.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20161227_162448.jpeg'><img loading='lazy' width='1536' height='1024' alt='digits 234356 on a wall' src='https://media.pdp8.info/pictures/www/20161227_162448.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20130326_181621.jpeg'><img loading='lazy' width='1365' height='1024' alt='reflection of a fence in a puddle' src='https://media.pdp8.info/pictures/www/20130326_181621.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20220902_123501.jpeg'><img loading='lazy' width='1536' height='1024' alt='roof of an abandoned factory' src='https://media.pdp8.info/pictures/www/20220902_123501.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20170209_193120.jpeg'><img loading='lazy' width='1536' height='1024' alt='unisex toilet sign on a rusty door' src='https://media.pdp8.info/pictures/www/20170209_193120.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20161222_155555.jpeg'><img loading='lazy' width='1536' height='1024' alt='closure of a tank silo' src='https://media.pdp8.info/pictures/www/20161222_155555.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20200327_090533.jpeg'><img loading='lazy' width='1365' height='1024' alt='blue arrow painted on a rusty container' src='https://media.pdp8.info/pictures/www/20200327_090533.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20190604_223618.jpeg'><img loading='lazy' width='1365' height='1024' alt='dark wall contrasting with red light' src='https://media.pdp8.info/pictures/www/20190604_223618.webp'></a>
-  </div>
-  <div class='post'>
-    <a href='https://media.pdp8.info/pictures/20161227_163722.jpeg'><img loading='lazy' width='1536' height='1024' alt='rusty railway tank wagon' src='https://media.pdp8.info/pictures/www/20161227_163722.webp'></a>
+    <script src="https://media.pdp8.info/pictures/distances.js"></script> 
+    <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-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>
+
+    (function () {new_selection(); play()})();
+    </script>
   </div>
   <script>
       function show_vertical_menu() {
diff --git a/rss.xml b/rss.xml
index fdf3d57..e95ffd8 100644
--- a/rss.xml
+++ b/rss.xml
@@ -8,7 +8,7 @@
     <description>music, pictures and videos</description>
     <language>en</language>
     <atom:link href="https://pdp8.info/rss.xml" rel="self" type="application/rss+xml" /> 
-    <pubDate>Mon, 04 Mar 2024 21:51:37 GMT</pubDate>
+    <pubDate>Sun, 12 May 2024 12:25:54 GMT</pubDate>
     <item>
       <title>ringleitung schaum</title>
       <link>https://pdp8.info/music.html#2020-04-17</link>
@@ -69,6 +69,13 @@ Faircamp: <a href="https://bonkwave.org/music/not-what-i-call-bonk-wave-volume-0
       <pubDate>Fri, 01 Mar 2024 00:00:00 GMT</pubDate>
     </item>
     <item>
+      <title>TODO</title>
+      <link>https://pdp8.info/music.html#2024-05-12</link>
+      <guid>https://pdp8.info/music.html#2024-05-12</guid>
+      <description><![CDATA[keys: christoph würzl]]></description>
+      <pubDate>Sun, 12 May 2024 00:00:00 GMT</pubDate>
+    </item>
+    <item>
       <title>loveparade truck 2</title>
       <link>https://pdp8.info/videos.html#2018-03-28</link>
       <guid>https://pdp8.info/videos.html#2018-03-28</guid>
diff --git a/videos.html b/videos.html
index c141476..95514d1 100644
--- a/videos.html
+++ b/videos.html
@@ -16,25 +16,25 @@
   </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>
-    <p><video controls="" preload='none' width='1920' height='1080' poster='https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.webp'><source src='https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4' type='video/mp4'> <a href="https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4">https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4</a></video></p>
+    <p><video controls="" preload='none' width='1920' height='1080' poster='https://media.pdp8.info/videos/2021-03-17_ticinetto/poster.png'><source src='https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.webm' type='video/webm'> <source src='https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4' type='video/mp4'> <a href="https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4">https://media.pdp8.info/videos/2021-03-17_ticinetto/ticinetto.mp4</a></video></p>
     <p><br>
     Youtube: <a href="https://youtu.be/cQlZSjpxEXs">https://youtu.be/cQlZSjpxEXs</a></p>
   </div>
   <div class='post' id='2019-08-01'>
     <h1>samplemaker</h1>Sound: dnice, Visuals: pdp8
-    <p><video controls="" preload='none' width='1918' height='1078' poster='https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.webp'><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'> <a href="https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4">https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4</a></video></p>
+    <p><video controls="" preload='none' width='1918' height='1078' 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'> <a href="https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4">https://media.pdp8.info/videos/2019-08-01_samplemaker/samplemaker.mp4</a></video></p>
     <p><br>
     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>
   <div class='post' id='2019-03-04'>
     <h1>kriechstrom</h1>
-    <p><video controls="" preload='none' width='1920' height='1080' poster='https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.webp'><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'> <a href="https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4">https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4</a></video></p>
+    <p><video controls="" preload='none' width='1920' height='1080' 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'> <a href="https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4">https://media.pdp8.info/videos/2019-03-04_kriechstrom/kriechstrom.mp4</a></video></p>
     <p>Source code: <a href="https://git.pdp8.info/kriechstrom">https://git.pdp8.info/kriechstrom</a></p>
   </div>
   <div class='post' id='2018-03-28'>
     <h1>loveparade truck 2</h1>
-    <p><video controls="" preload='none' width='600' height='480' poster='https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.webp'><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'> <a href="https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4">https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4</a></video></p>
+    <p><video controls="" preload='none' width='600' height='480' 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'> <a href="https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4">https://media.pdp8.info/videos/2018-03-28_loveparade_truck_2/loveparade_truck_2.mp4</a></video></p>
     <p>YouTube: <a href="https://www.youtube.com/watch?v=801Dr3kHdek">https://www.youtube.com/watch?v=801Dr3kHdek</a></p>
   </div>
   <p>&nbsp;© pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>