ForkAwesome reintroduced to fix compatibility of media buttons

1 files changed, 19 insertions, 18 deletions

diff --git a/music.html b/music.html
index 79b9147..7c390a1 100644
--- a/music.html
+++ b/music.html
@@ -6,6 +6,7 @@
   <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">
@@ -19,16 +20,16 @@
     <p><img class='cover' src='/music/2022-08-20_when_legends_die/cover.jpeg' alt='cover'></p>
     <table>
       <tr>
-        <td>01-a</td>
         <td>
           <audio controls=""><source src='/music/2022-08-20_when_legends_die/01-a.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>a</td>
       </tr>
       <tr>
-        <td>02-b</td>
         <td>
           <audio controls=""><source src='/music/2022-08-20_when_legends_die/02-b.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>b</td>
       </tr>
     </table>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/when-legends-die'>https://pdp8.bandcamp.com/when-legends-die</a></p>
@@ -39,70 +40,70 @@
     <p><img class='cover' src='/music/2021-09-25_calling_home/cover.jpeg' alt='cover'></p>
     <table>
       <tr>
-        <td>01-amazon</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/01-amazon.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>amazon</td>
       </tr>
       <tr>
-        <td>02-apple</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/02-apple.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>apple</td>
       </tr>
       <tr>
-        <td>03-facebook</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/03-facebook.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>facebook</td>
       </tr>
       <tr>
-        <td>04-google</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/04-google.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>google</td>
       </tr>
       <tr>
-        <td>05-instagram</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/05-instagram.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>instagram</td>
       </tr>
       <tr>
-        <td>06-microsoft</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/06-microsoft.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>microsoft</td>
       </tr>
       <tr>
-        <td>07-soundcloud</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/07-soundcloud.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>soundcloud</td>
       </tr>
       <tr>
-        <td>08-spotify</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/08-spotify.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>spotify</td>
       </tr>
       <tr>
-        <td>09-tiktok</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/09-tiktok.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>tiktok</td>
       </tr>
       <tr>
-        <td>10-twitter</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/10-twitter.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>twitter</td>
       </tr>
       <tr>
-        <td>11-youtube</td>
         <td>
           <audio controls=""><source src='/music/2021-09-25_calling_home/11-youtube.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>youtube</td>
       </tr>
     </table>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/calling-home'>https://pdp8.bandcamp.com/calling-home</a></p>
@@ -113,34 +114,34 @@
     <p><img class='cover' src='/music/2020-04-17_ringleitung_schaum/cover.jpeg' alt='cover'></p>
     <table>
       <tr>
-        <td>01-druckentlueftungsanlage</td>
         <td>
           <audio controls=""><source src='/music/2020-04-17_ringleitung_schaum/01-druckentlueftungsanlage.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>druckentlueftungsanlage</td>
       </tr>
       <tr>
-        <td>02-innenhydrantensystem</td>
         <td>
           <audio controls=""><source src='/music/2020-04-17_ringleitung_schaum/02-innenhydrantensystem.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>innenhydrantensystem</td>
       </tr>
       <tr>
-        <td>03-vollkegelspruehduesen</td>
         <td>
           <audio controls=""><source src='/music/2020-04-17_ringleitung_schaum/03-vollkegelspruehduesen.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>vollkegelspruehduesen</td>
       </tr>
       <tr>
-        <td>04-extinktionsbrandmelder</td>
         <td>
           <audio controls=""><source src='/music/2020-04-17_ringleitung_schaum/04-extinktionsbrandmelder.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>extinktionsbrandmelder</td>
       </tr>
       <tr>
-        <td>05-schaummonitor</td>
         <td>
           <audio controls=""><source src='/music/2020-04-17_ringleitung_schaum/05-schaummonitor.mp3' type='audio/mpeg'></audio>
         </td>
+        <td>schaummonitor</td>
       </tr>
     </table>
     <p>Bandcamp: <a href='https://pdp8.bandcamp.com/ringleitung-schaum'>https://pdp8.bandcamp.com/ringleitung-schaum</a></p>