You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 lines
6.0 KiB
HTML
155 lines
6.0 KiB
HTML
<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>
|