< html lang = "en" >
< style type = "text/css" >
body {font-family: "Old Standard TT"; font-size: 20px; line-height: 1.4; letter-spacing: 1px;}
section {margin-bottom: 50px;}
a {font-weight: bold; font-size: 24px; text-decoration: none; }
.list {
border-top: 1px solid #47505e;
padding-top: 10px;
padding-bottom: 10px;
list-style: none;
}
.description {
font-size: 12px;
float: right;
}
/* .mini-player {
background-size: 100% 100%;
background-image: url(/project/images/player.png);
cursor: pointer;
}*/
.audio-mini {
width: 50px;
}
< / style >
< body >
< 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 = "thesis/thesis-angeliki.html" target = "_blank" > Let' s Talk About Unspeakable Things< / a >
< div class = "description" > THESIS, ANNOTATIONS< / div >
< / li >
< li class = "list" >
< a href = "project/amplification.html" target = "_blank" > Amplification of female voices< / a >
< div class = "description" > VOCAL EXERCISES, MEETINGS< / div >
< / li >
< li class = "list" >
< a href = "../Grad_project proposal/1902_describe-soundwalks/West Rotterdam/leeszaal_repetition.html" target = "_blank" > Diary of West Rotterdam< / a >
< div class = "description" > PROCESS, ARCHIVE< / div >
< / li >
< li class = "list" >
< a href = "project/overlapping-interface.html" target = "_blank" > Feedback Composition< / a >
< div class = "description" > SOUNDWALKS, ANNOTATIVE RECORDINGS< / div >
< / li >
<!-- <div style="position:absolute; top:30%; left:26%;">
< img src = "thesis/carson-list.jpg" > < / img >
< / div > -->
< div style = "position:absolute; top:35%; left:41%;" >
< audio controls class = "audio-mini" style = "background-color: tomato;" src = "project/audio/leeszaal-meetings-warming.mp3" > < / audio > warming up @Leeszaal
< / div >
< div style = "position:absolute; top:32%; left:51%;" >
< audio controls class = "audio-mini" style = "background-color: orange;" src = "project/audio/leeszaal-meetings-choir.mp3" > < / audio > singing vowels @Leeszaal
< / div >
< div style = "position:absolute; top:40%; left:63%;" >
< 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
< / 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
< / div >
< div style = "position:absolute; top:75%; left:69%;" >
< audio controls class = "audio-mini" style = "background-color: orange;" src = "project/audio/finearts-meeting-choir.mp3" > < / audio > singing vowels @Fine Arts
< / div >
< div style = "position:absolute; top:85%; left:63%;" >
< audio controls class = "audio-mini" style = "background-color: greenyellow;" src = "project/audio/selectionB.mp3" > < / audio > city sounds
< / div >
< div style = "position:absolute; top:90%; left:53%;" >
< audio controls class = "audio-mini" style = "background-color: dodgerblue;" src = "project/audio/description-eugenie-CUT-SHORT.mp3" > < / audio > describing/annotating
< / div >
< div style = "position:absolute; top:77%; left:33%;;" >
< audio controls class = "audio-mini" style = "background-color: orange;" src = "project/audio/finearts-meeting-choirhigh.mp3" > < / audio > singing vowels (high) @Fine Arts
< / div >
< div style = "position:absolute; top:53%; left:26%;;" >
< audio controls class = "audio-mini" style = "background-color: dodgerblue;" src = "project/audio/description-lidia-CUT.mp3" > < / audio > describing/annotating
< / div >
< div style = "position:absolute; top:66%; left:28%;;" >
< audio controls class = "audio-mini" style = "background-color: mediumseagreen;" src = "project/audio/leeszaal-meetings-discussion.mp3" > < / audio > discussing about voice in public @Leeszaal
< / div >
< div style = "position:absolute; top:86%; left:41%;;" >
< audio controls class = "audio-mini" style = "background-color: tomato;" src = "project/audio/finearts-meeting-warming.mp3" > < / audio > warming up @Fine Arts
< / div >
< div style = "position:absolute; top:43%; left:32%;" >
< audio controls class = "audio-mini" style = "background-color: violet;" src = "project/audio/finearts-meeting-transcribing.mp3" > < / audio > transcribing vowels @Fine Arts
< / div >
< link rel = "stylesheet" type = "text/css" media = "screen" href = "https://cdn.conversejs.org/4.2.0/css/converse.min.css" >
< script src = "https://cdn.conversejs.org/4.2.0/dist/converse.min.js" charset = "utf-8" > < / script >
< script >
converse.initialize({
bosh_service_url: 'https://conversejs.org/http-bind/', // Please use this connection manager only for testing purposes
show_controlbox_by_default: true
});
< / script >
< button onclick = "window.open('file:///home/angeliki/.local/bin/podcast')" >
make your own podcast
< / button >
<!-- <script type="text/javascript">
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 > -->
< script >
var fs = require('fs'),
path = require('project/podcasts/'),
_ = require('underscore');
// Return only base file name without dir
function getMostRecentFileName(dir) {
var files = fs.readdirSync(dir);
// use underscore for max()
return _.max(files, function (f) {
var fullpath = path.join(dir, f);
// ctime = creation time is used
// replace with mtime for modification time
return fs.statSync(fullpath).ctime;
});
}
< / script >
< / body >
< / html >
