< 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 >
< 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 = "/home/angeliki/Documents/0918_PZI/0918_Grad/Grad_project proposal/D_streaming screaming/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:40%; left:30%;" >
< 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:35%; left:45%;" >
< 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:60%;" >
< 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:65%; left:68%;" >
< 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:63%;" >
< 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:80%; left:50%;" >
< 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:73%; left:35%;;" >
< 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:63%; left:25%;;" >
< audio controls class = "audio-mini" style = "background-color: mediumseagreen;" src = "project/audio/leeszaal-meetings-discussion.mp3" > < / audio > discussing
< / div >
< div style = "position:absolute; top:52%; left:23%;" >
< audio controls class = "audio-mini" style = "background-color: violet;" src = "project/audio/finearts-meeting-transcribing.mp3" > < / audio > transcribing
< / div >
< / body >
< / html >
