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.
111 lines
4.0 KiB
PHP
111 lines
4.0 KiB
PHP
<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:75%; width: 500px; font-size: 24px">
|
|
<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: 28px" >
|
|
<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:67%;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>
|