< html lang = "en" >
< head >
< style type = "text/css" > < / style >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link href = "styles/widescreen.css" rel = "stylesheet" type = "text/css" >
<!-- <link href="styles/smallscreen.css" rel="stylesheet" type="text/css"> -->
< link href = "styles/jquery-ui.css" rel = "stylesheet" type = "text/css" >
< script type = "text/javascript" src = "js/jquery.min.js" > < / script >
< script src = "js/jquery-1.12.4.js" > < / script >
< script src = "js/jquery-ui.js" > < / script >
< script src = "js/jquery.ui.touch-punch.min.js" > < / script >
< script src = "js/draggable.js" > < / script >
< script src = "js/main.js" > < / script >
< style type = "text/css" >
li {
color: black !important;
border-color: black !important;
}
li a {
text-decoration: underline;
color: red !important;
border-color: black !important;
}
.box_metadata {
border: none !important;
}
< / style >
<!-- <link href="styles/app.css" rel="stylesheet" type="text/css">
-->
< title > Let's amplify unspeakable things< / title >
< / head >
< body >
< i > Best viewed in FireFox< / i >
< div style = "top: 50%; left:50%;margin-top: -50px;margin-left: -50px;width: 700px; position: absolute;" >
< img src = "images/speaker_logo3.png" width = "130px" >
< h1 style = "color: #A19696;" > Let's < span style = "font-style: italic;color:black !important;" > amplify< / span > unspeakable things< / h1 >
< / div >
<!-- (the unfolding/overlayering of) -->
<!-- draggable menu -->
< div class = "draggable scaleable-wrapper menu" style = "top:3%;left:72%; width: 25%; font-size: 100%" >
< h2 style = "font-size: 150%;" > < a href = "amplification.php" > Amplification of female voices< / a > < / h2 >
< div class = "drag-content" >
(workshops)< br > < br >
<?php include 'texts/amplification.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper" style = "top:20%;left:58%;width: 23%;" >
< div class = "tooltip-wrap" > < img src = "images/carson-list.jpg" style = "width: 100%;" > < / img > < div class = "tooltip-content-right" style = "min-width: 40% !important;" > < div > this is how female/high-pitched voices have been described since acient times as Anne Carson observes< / div > < / div > < / div >
< / div >
< div class = "draggable scaleable-wrapper menu" style = "top: 60%; right: 10%;width: 10%;" >
< h2 style = "font-size: 110%;" > < a href = "podcast1.php" > Podcast1< div class = "hover-icon" > < img src = "images/icon-play.png" > < / div > < / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/podcast1.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper menu" style = "top: 75%; right: 23%;width: 10%;" >
< h2 style = "font-size: 110%;" > < a href = "podcast4.php" > Podcast4< div class = "hover-icon" > < img src = "images/icon-play.png" > < / div > < / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/podcast4.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper menu" style = "top: 70%; right: 30%;width: 10%;" >
< h2 style = "font-size: 110%;" > < a href = "podcast3.php" > Podcast3< div class = "hover-icon" > < img src = "images/icon-play.png" > < / div > < / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/podcast3.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper menu" style = "top: 80%; right: 13%;width: 10%;" >
< h2 style = "font-size: 110%;" > < a href = "podcast2.php" > Podcast2< div class = "hover-icon" > < img src = "images/icon-play.png" > < / div > < / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/podcast2.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper menu" style = "top:8%;left:35%" >
< h2 > < a href = "player.php" > Player< div class = "hover-icon-speaker" > < img src = "images/icon-speaker.png" > < / div > < / a > < / h2 >
< div class = "drag-content" >
(audio archive)< br > < br >
<?php include 'texts/player.txt' ; ?>
< / div >
< / div >
<!-- colophon -->
< div class = "draggable scaleable-wrapper" style = "top:68%;left:32%;width: 25%; font-size: 120%" >
<?php include 'texts/colophon.txt' ; ?>
< / div >
< div class = "draggable scaleable-wrapper active-draggable" style = "top:5%;left:6%;" >
< h2 > < a class = "active" href = "index.php" > About< / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/about.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper menu" style = "top:64%;left:15%;" >
< h2 > < a href = "thesis-angeliki.php" > "Let's Talk About Unspeakable Things"< / a > < / h2 >
< div class = "drag-content" >
(thesis)< br > < br >
<?php include 'texts/thesis-summary.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper menu" style = "top:85%;left:8%;width: 12%; font-size: 80%;" >
< h2 style = ";" > < a href = "diary.php" > Diary of West Rotterdam< / a > < / h2 >
< div class = "drag-content" >
(first experiments)< br > < br >
<?php include 'texts/diary.txt' ; ?>
< / div > < / div >
< / div >
<!-- end draggable -->
< / body >
< / html >
