< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link href = "styles/stylesheet.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 >
<!-- <link href="styles/app.css" rel="stylesheet" type="text/css">
-->
< title > Let's amplify unspeakable things< / title >
< / head >
< body >
< 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 < p style = "font-size: 25px !important;" > overlayered utterances< / p > < / h1 >
< / div >
<!-- (the unfolding/overlayering of) -->
<!-- draggable -->
< div class = "draggable scaleable-wrapper" id = "scaleable-wrapper" style = "top:12%;left:55%;width: 500px;" >
< div class = "tooltip-wrap" style = "text-decoration:underline;" > < img src = "images/carson-list.jpg" style = "width: 100%" > < / img > < div class = "tooltip-content-right" > < 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" id = "scaleable-wrapper" style = "top: 4px; right: 1500px;width: 300px; font-size: 20px;" >
< h2 style = "font-size: 26px;" > < a href = "podcast1.php" > Podcast1< / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/podcast1.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper" id = "scaleable-wrapper" style = "top:3%;left:72%; width: 500px; font-size: 20px" >
< h2 style = "font-size: 36px;" > < 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" id = "scaleable-wrapper" style = "top: 680px; right: 300px;width: 300px; font-size: 20px;" >
< h2 style = "font-size: 26px;" > < a href = "podcast2.php" > Podcast2< / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/podcast2.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper" id = "scaleable-wrapper" style = "top: 820px; right: 700px;width: 300px; font-size: 20px;" >
< h2 style = "font-size: 26px;" > < a href = "podcast3.php" > Podcast3< / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/podcast3.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper" id = "scaleable-wrapper" style = "top: 920px; right: 510px;width: 300px; font-size: 20px;" >
< h2 style = "font-size: 26px;" > < a href = "podcast4.php" > Podcast4< / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/podcast4.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper" id = "scaleable-wrapper" style = "top:75%;left:41%;width: 200px; font-size: 14px;" >
< h2 style = "font-size: 20px;" > < a href = "player.php" > Diary of West Rotterdam< / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/diary.txt' ; ?>
< / div > < / div >
< / div >
< div class = "draggable scaleable-wrapper" id = "scaleable-wrapper" style = "top:70px;left:810px" >
< h2 > < a href = "player.php" > Player< / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/player.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper" id = "scaleable-wrapper" style = "top:18%;left:6%;width: 800px; font-size: 24px" >
< h2 style = "font-size: 44px" > < a href = "index.php" > About< / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/about.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper" id = "scaleable-wrapper" style = "top:64%;left:25%;" >
< 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 >
<!-- end draggable -->
< / body >
< / html >