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.
134 lines
4.3 KiB
PHP
134 lines
4.3 KiB
PHP
<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 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: 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: 64%; right: 18%;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: 70%; right: 25%;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: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>
|