diff --git a/.gitignore b/.gitignore
index 49bf190..18506b8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,6 @@
-project/podcasts/*
+project/podcasts/
 thesis/*.pdf
-project/audio/*
-project/images/*
+project/audio/
+project/images/
 
 
diff --git a/index.html b/index.html
index 8395bc9..45da875 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,10 @@
   
 	<h4 align="left">woman-in-the-middle-attack</h4>
   <h4 align="right">...a space for Angeliki Diakrousi to unpack</h4>
+  <li class="list">
+    <a href="project/about.html" target="_blank">About</a>
+    <div class="description">WHAT?</div>
+  </li>
   <li class="list">
     <a href="thesis/thesis-angeliki.html" target="_blank">Let' s Talk About Unspeakable Things</a>
     <div class="description">THESIS, ANNOTATIONS</div>
@@ -59,7 +63,7 @@
       <audio controls class="audio-mini" style="background-color: dodgerblue;" src="project/audio/description-alex2.mp3"></audio>describing/annotating
   </div>
 <div style="position:absolute; top:50%; left:70%;">
-      <audio controls class="audio-mini" style="background-color: mediumseagreen;" src="project/audio/finearts-meeting-discussion.mp3"></audio>discussing about voice in public
+      <audio controls class="audio-mini" style="background-color: mediumseagreen;" src="project/audio/finearts-meeting-discussion.mp3"></audio>discussing about voice in public @Fine Arts
   </div>
 <div style="position:absolute; top:62%; left:75%;">
       <audio controls class="audio-mini" style="background-color: violet;" src="project/audio/leeszaal-meetings-transcribing.mp3"></audio>transcribing vowels @Leeszaal
@@ -107,25 +111,18 @@
 
 
 
-<!-- <script type="text/javascript">
+<?php
+//insert the folder HERE
+$files = scandir("project/podcasts", SCANDIR_SORT_DESCENDING);
+$newest_file = $files[0];
+echo $newest_file
+?>
 
-function setup() {
-    var i=1;
-    var nextSong= "";
-    audioPlayer = document.getElementById('audio');
-    document.getElementById('audio').addEventListener('ended', function(){
-        i=i+1;
-        nextSong = "project/podcasts/"+i+".mp3";
-        audioPlayer.src = nextSong;
-        audioPlayer.load();
-        audioPlayer.play();     
-        }, false);
 
-}
-</script>
-<body onLoad="setup();">
-<audio id="audio"  src="project/podcasts/2_podcast.mp3" controls="controls" autoplay="autoplay" align=""> </audio>
-</body> -->
+<?php
+echo "My first PHP script!";
+?>
+
 
 
 <script >
diff --git a/project/about.html b/project/about.html
new file mode 100644
index 0000000..2124187
--- /dev/null
+++ b/project/about.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<style type="text/css">
+  body {font-family: "Old Standard TT"; font-size: 20px; line-height: 1.4; letter-spacing: 1px;}
+  h2 {
+  	text-align: center;
+  	letter-spacing: 4px;
+  	font-size: 28px;}
+  section {margin-bottom: 100px; margin-top: 50px;}
+  table, th, td {vertical-align: top; border-collapse: separate; padding: 6px;}
+  button {width: 100px;}
+  .short-description{
+  	margin-left: 30%;
+  	margin-right: 30%;
+  	text-align: center;
+  }
+  a {
+  	text-decoration:none;
+  }
+  div.gallery {
+  margin: 1px;
+  border: 1px solid #ccc;
+  float: left;
+  width: 31%;
+}
+
+div.gallery:hover {
+  border: 1px solid #777;
+}
+
+div.gallery img {
+  width: 100%;
+  height: auto;
+}
+
+div.desc {
+  padding: 15px;
+  font-size: 14px;
+/*  text-align: left;*/
+  font-style: italic;
+}
+.audio-mini {
+  width: 50px;
+}
+</style>
+<html>
+<head>
+	<section>
+  <h2 >What?</h2>
+  <div class="short-description">
+  	<p>'Revisiting podcasts' questions the establishment of authoritative/male voices that create exclusive speech platforms, along the assumption that voices have to be rational, authoritative (voice of expertise) etc. The intervention that changes the paradigm becomes a set of podcasts that revisit the sound material produced in situated amplification meetings and soundwalks. Every podcast includes the previous one, on a way that creates repetetive layers of the same material. Creating presence by repetetion.'Revisiting podcasts' are upsetting binaries such as male/female, expert/amateur, rational/irrational </p>
+  	<p>
+  		<a href="../index.html">Utterance</a>
+  	</p>
+  </div>
+	</section>
+</head>
+<body>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/project/player.html b/project/player.html
index 2d79d4e..6844cc6 100644
--- a/project/player.html
+++ b/project/player.html
@@ -1,72 +1,104 @@
+<!DOCTYPE html>
+<html>
 <style type="text/css">
-    #playlist,audio{background:#666;width:400px;padding:20px;}
-.active a{color:#5DB0E6;text-decoration:none;}
-li a{color:#eeeedd;background:#333;padding:5px;display:block;}
-li a:hover{text-decoration:none;}
+   .audio-mini {
+  width: 50px;
+} 
+li {
+    list-style: none;
+  }
+td {
+    vertical-align:top;
+}
 </style>
+<head>
+    <title>Revisiting Podcasts</title>
+</head>
+<body>
+    <h1>
+       Revisiting Podcasts 
+    </h1>
 
-<audio id="audio" preload="auto" tabindex="0" controls="" >
-  <source src="podcasts/podcast.20190422-2209.mp3">
-  Your Fallback goes here
-</audio>
+<table>
+    <tr>
+        <td>
+<ul>
+    <li>
+        <audio controls class="audio-mini" style="background-color: tomato;" src="audio/leeszaal-meetings-warming.mp3"></audio>warming up @Leeszaal
+    </li>
+    <li>
+        <audio controls class="audio-mini" style="background-color: tomato;" src="audio/finearts-meeting-warming.mp3"></audio>warming up @Fine Arts
+    </li>
+</ul>
+<ul>
+    <li>
+        <audio controls class="audio-mini" style="background-color: tomato;" src="audio/finearts-meeting-extracts.mp3"></audio>reading extracts @Fine Arts
+    </li>
+</ul>
+<ul>
+    <li>
+      <audio controls class="audio-mini" style="background-color: orange;" src="audio/leeszaal-meetings-choir.mp3"></audio>singing vowels @Leeszaal  
+    </li>
+    <li>
+        <audio controls class="audio-mini" style="background-color: orange;" src="audio/finearts-meeting-choir.mp3"></audio>singing vowels @Fine Arts
+    </li>
+    <li>
+        <audio controls class="audio-mini" style="background-color: orange;" src="audio/finearts-meeting-choirhigh.mp3"></audio>singing vowels (high) @Fine Arts
+    </li>
+</ul>
+<ul>
+    <li>
+        <audio controls class="audio-mini" style="background-color: mediumseagreen;" src="audio/finearts-meeting-discussion.mp3"></audio>discussing about voice in public @Fine Arts
+    </li>
+    <li>
+        <audio controls class="audio-mini" style="background-color: mediumseagreen;" src="audio/leeszaal-meetings-discussion.mp3"></audio>discussing about voice in public @Leeszaal
+    </li>
+</ul>
+<ul>
+    <li>
+        <audio controls class="audio-mini" style="background-color: violet;" src="audio/finearts-meeting-transcribing.mp3"></audio>transcribing vowels @Fine Arts
+    </li>
+    <li>
+        <audio controls class="audio-mini" style="background-color: violet;" src="audio/leeszaal-meetings-transcribing.mp3"></audio>transcribing vowels @Leeszaal
+    </li>
+</ul>
+</td>
+    <td>
+<ul>
+    <li>
+        <audio controls class="audio-mini" style="background-color: dodgerblue;" src="audio/description-alex2.mp3"></audio>describing/annotating
+    </li>
+    <li>
+        <audio controls class="audio-mini" style="background-color: dodgerblue;" src="audio/description-eugenie-CUT-SHORT.mp3"></audio>describing/annotating
+    </li>
+    <li>
+        <audio controls class="audio-mini" style="background-color: dodgerblue;" src="audio/description-lidia-CUT.mp3"></audio>describing/annotating
+    </li>
+</ul>
+<ul>
+    <li>
+        <audio controls class="audio-mini" style="background-color: greenyellow;" src="audio/selectionB.mp3"></audio>city sounds
+    </li>
+</ul>
+</td>
+</tr>    
+</table>
 
-<ul id="playlist">
-        <li class="active">
-            <a href="podcasts/podcast.20190422-2209.mp3">
-                Ravel Bolero
-            </a>
-        </li>
-        <li>
-            <a href="podcasts/3_podcast.mp3">
-                Moonlight Sonata - Beethoven
-            </a>
-        </li>
-        <li>
-            <a href="http://www.archive.org/download/CanonInD_261/CanoninD.mp3">
-                Canon in D Pachabel
-            </a>
-        </li>
-        <li>
-            <a href="http://www.archive.org/download/PatrikbkarlChamberSymph/PatrikbkarlChamberSymph_vbr_mp3.zip">
-                patrikbkarl chamber symph
-            </a>
-        </li>
-    </ul>
+<audio controls style="background-color: greenyellow; float: right;" src="podcasts/3_podcast.mp3">latest episode</audio>
+<br><br>
+<ul style="text-align: right;">
+    <li>
+        Length: 5:20
+    </li>
+    <li>
+        Topic: Communicating in vowels
+    </li>
+    <li>
+        Narrator: Angeliki
+    </li>
+</ul>
 
-<script type="text/javascript">
-$(document).ready(function () {
-    init();
-    function init(){
-        var current = 0;
-        var audio = $('#audio');
-        var playlist = $('#playlist');
-        var tracks = playlist.find('li a');
-        var len = tracks.length - 1;
-        audio[0].volume = .10;
-        audio[0].play();
-        playlist.on('click','a', function(e){
-            e.preventDefault();
-            link = $(this);
-            current = link.parent().index();
-            run(link, audio[0]);
-        });
-        audio[0].addEventListener('ended',function(e){
-            current++;
-            if(current == len){
-                current = 0;
-                link = playlist.find('a')[0];
-            }else{
-                link = playlist.find('a')[current];    
-            }
-            run($(link),audio[0]);
-        });
-    }
-    function run(link, player){
-            player.src = link.attr('href');
-            par = link.parent();
-            par.addClass('active').siblings().removeClass('active');
-            player.load();
-            player.play();
-    }
-});
-</script>
\ No newline at end of file
+
+
+</body>
+</html>
\ No newline at end of file
