You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

137 lines
4.4 KiB
PHTML

6 years ago
<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>
6 years ago
<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>
6 years ago
<body>
6 years ago
<i>Best viewed in FireFox and on desktop</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: 70%; right: 25%;width: 10%;">
<h2 style="font-size: 110%;"><a href="podcast3.php" >"Blocking our Voices"<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
<div class="drag-content">
(podcast)<br><br>
<?php include 'texts/podcast3.txt'; ?>
</div>
</div>
6 years ago
<div class="draggable scaleable-wrapper menu"style="top: 64%; right: 18%;width: 10%;">
<h2 style="font-size: 110%;"><a href="podcast2.php" >"Voice's Transition"<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
<div class="drag-content">
(podcast)<br><br>
6 years ago
<?php include 'texts/podcast2.txt'; ?>
</div>
</div>
<div class="draggable scaleable-wrapper menu"style="top: 60%; right: 10%;width: 10%;">
<h2 style="font-size: 110%;"><a href="podcast1.php" >"Mediating Speech"<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
<div class="drag-content">
(podcast)<br><br>
<?php include 'texts/podcast1.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 -->
6 years ago
<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>
6 years ago
<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>
6 years ago
<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>
6 years ago
<?php include 'texts/diary.txt'; ?>
</div></div>
</div>
6 years ago
<!-- end draggable -->
6 years ago
</body>
6 years ago
6 years ago
</html>