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.

91 lines
4.1 KiB
HTML

6 years ago
<html lang="en">
6 years ago
<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;
}
6 years ago
</style>
<body>
<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:35%; left:41%;">
<audio controls class="audio-mini" style="background-color: tomato;" src="project/audio/leeszaal-meetings-warming.mp3"></audio>warming up
</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
</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
</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
</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
</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
</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
</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)
</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
</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
</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
</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
</div>
6 years ago
</body>
6 years ago
6 years ago
</html>