< 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;
}
< / 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:45%; left:30%;" >
< audio class = "player" controls src = "http://pzwiki.wdka.nl/mw-mediadesign/images/d/d5/Selection-track-extracts-1.mp3" >
< / audio >
< / div >
< p >
< div class = "mini-player" rel = "http://pzwiki.wdka.nl/mw-mediadesign/images/d/d5/Selection-track-extracts-1.mp3" style = "position:absolute; top:35%; left:50%;" >
< audio controls src = "http://pzwiki.wdka.nl/mw-mediadesign/images/d/d5/Selection-track-extracts-1.mp3" > < / audio >
< / div > < / p >
< / body >
< / html >