edited podcast php

player.php

@@ -10,6 +10,12 @@
 <script src="js/jquery.ui.touch-punch.min.js"></script>
 <title>Player</title>
 <link rel="shortcut icon" href="images/speaker_logo.png" />
+<style type="text/css">
+  a {
+    text-decoration: none;
+    color: #A19696;
+  }
+</style>
 </head>
 
 
@@ -18,7 +24,6 @@
 <section style="margin-bottom: 20%;">
 
 
-
 <!-- draggable audio tags/images -->
 <div class="ciclegraph">
   <div class="draggable-circle circle">
@@ -395,7 +400,7 @@ $("#katalin").click(function(){
     </div>
     </div></div>
 
-    <div class="tooltip-wrap no-pink">
+    <div class="tooltip-wrap no-pinksecon">
       <!-- have to add ontimeupdate="playTranscript3()"  -->
       <audio style="width: 100%; background: #222;" id="b3" controls src="audio/description-alex2.mp3" class="audio-tag"></audio><a href="" target="_blank">
         <div class="tooltip-content-up">

podcast1.php

@@ -131,7 +131,8 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
     {$num = $files[$i]; 
     $var1 = $_GET["files"]["name"];
     echo '<audio src='.$num.' controls></audio><br />';
-    echo date("F d Y H:i:s",filemtime($num)).'<br /><br />'; } 
+    // echo '<div id="name"></div>';
+    echo date("d/m/Y",filemtime($num)).'<br /><br />'; } 
     ?>
 
 </div>
@@ -139,7 +140,6 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
 </div>
 
 
-
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  
 <script type="text/javascript" src="js/jquery.min.js"></script>
@@ -240,7 +240,14 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
 
       });
 
-    }    
+
+    // var person = prompt("Please enter a title or a name");
+    // if (person != null) {
+    //   document.getElementById("name").innerHTML =
+    //   person;
+    //   }
+
+    // }    
 
   </script>
   <!-- script for subs and sound -->

podcast2.php

@@ -89,11 +89,14 @@ $files = glob("podcasts/podcast2/*.mp3");
 for ($i=0; $i<count($files); $i++) 
 {$num = $files[$i]; 
 $var1 = $_GET["files"]["name"];
-echo '<td><div class="tooltip-wrap no-underline"><audio src='.$num.' controls></audio><div class="tooltip-content-down"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt'; 
+echo '<td><audio src='.$num.' controls></audio>';
+echo '<div class="tooltip-wrap" style="left:1%; top:-10px;background-color:transparent !important;"><img src="images/plus-icon.png" width="20px"><div class="tooltip-content-down content-transcription"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt'; 
 echo '</div><div class="right_col"><h3>SPEAKERS</h3>'; include $num.'-M.txt';
-echo '</div></div><br /><div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">';
+echo '</div></div></div>';
+echo '<div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">';
 include $num.'-METADATA.txt';
-echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>'; } ?>
+echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
+
 </tr></table>
 
 <br>
@@ -128,7 +131,7 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>';
     {$num = $files[$i]; 
     $var1 = $_GET["files"]["name"];
     echo '<audio src='.$num.' controls></audio><br />';
-    echo date("F d Y H:i:s",filemtime($num)).'<br /><br />'; } 
+    echo date("d/m/Y",filemtime($num)).'<br /><br />'; } 
     ?>
 </div>
 

podcast3.php

@@ -89,11 +89,14 @@ $files = glob("podcasts/podcast3/*.mp3");
 for ($i=0; $i<count($files); $i++) 
 {$num = $files[$i]; 
 $var1 = $_GET["files"]["name"];
-echo '<td><div class="tooltip-wrap no-underline"><audio src='.$num.' controls></audio><div class="tooltip-content-down"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt'; 
+echo '<td><audio src='.$num.' controls></audio>';
+echo '<div class="tooltip-wrap" style="left:1%; top:-10px;background-color:transparent !important;"><img src="images/plus-icon.png" width="20px"><div class="tooltip-content-down content-transcription"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt'; 
 echo '</div><div class="right_col"><h3>SPEAKERS</h3>'; include $num.'-M.txt';
-echo '</div></div><br /><div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">';
+echo '</div></div></div>';
+echo '<div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">';
 include $num.'-METADATA.txt';
-echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>'; } ?>
+echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
+
 </tr></table>
 
 <br>
@@ -128,7 +131,7 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>';
     {$num = $files[$i]; 
     $var1 = $_GET["files"]["name"];
     echo '<audio src='.$num.' controls></audio><br />';
-    echo date("F d Y H:i:s",filemtime($num)).'<br /><br />'; } 
+    echo date("d/m/Y",filemtime($num)).'<br /><br />'; } 
     ?>
 </div>
 

podcast4.php

@@ -90,11 +90,14 @@ $files = glob("podcasts/podcast4/*.mp3");
 for ($i=0; $i<count($files); $i++) 
 {$num = $files[$i]; 
 $var1 = $_GET["files"]["name"];
-echo '<td><div class="tooltip-wrap no-underline"><audio src='.$num.' controls></audio><div class="tooltip-content-down"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt'; 
+echo '<td><audio src='.$num.' controls></audio>';
+echo '<div class="tooltip-wrap" style="left:1%; top:-10px;background-color:transparent !important;"><img src="images/plus-icon.png" width="20px"><div class="tooltip-content-down content-transcription"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt'; 
 echo '</div><div class="right_col"><h3>SPEAKERS</h3>'; include $num.'-M.txt';
-echo '</div></div><br /><div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">';
+echo '</div></div></div>';
+echo '<div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">';
 include $num.'-METADATA.txt';
-echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>'; } ?>
+echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
+
 </tr></table>
 
 <br>
@@ -129,7 +132,7 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>';
     {$num = $files[$i]; 
     $var1 = $_GET["files"]["name"];
     echo '<audio src='.$num.' controls></audio><br />';
-    echo date("F d Y H:i:s",filemtime($num)).'<br /><br />'; } 
+    echo date("d/m/Y",filemtime($num)).'<br /><br />'; } 
     ?>
 </div>
 

styles/widescreen.css

@@ -19,6 +19,7 @@ a {
 }
 
 
+
 .active {
   color: red;
   font-size: 125% ;