< 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 = "https://code.jquery.com/jquery-1.12.4.js" > < / script >
< script src = "https://code.jquery.com/ui/1.12.1/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" >
<?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" >
<?php include 'texts/player.txt' ; ?>
< / div >
< / div >
<!-- colophon -->
< div class = "draggable scaleable-wrapper box_metadata" style = "top:68%;left:32%;width: 25%; font-size: 120%" >
< h2 > Colophon< / h2 >
< li > This work has been produced in the context of the graduation research of Angeliki Diakrousi from the Experimental Publishing (XPUB) Master course at the Piet Zwart Institute, Willem de Kooning Academy, Rotterdam University of Applied Sciences.< / li >
< li > XPUB is a two year Master of Arts in Fine Art and Design that focuses on the intents, means and consequences of making things public and creating publics in the age of post-digital networks.< / li >
< li > https://xpub.nl< / li >
< li > Special thanks to my tutors, XPUB comrades and all my friends with whom I had interesting discussions that pushed my research further.< / li >
< li > The work is licensed under a licence I will add at the near future.< / li >
< li > The studies of Angeliki Diakrousi were funded through a scholarship by the < a href = "https://www.onassis.org/" > Onassis Foundation< / a > < / li >
< / 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" >
<?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" >
<?php include 'texts/diary.txt' ; ?>
< / div > < / div >
< / div >
<!-- end draggable -->
< / body >
< / html >