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.
123 lines
4.9 KiB
PHP
123 lines
4.9 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="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</h1>
|
|
</div>
|
|
|
|
<!-- (the unfolding/overlayering of) -->
|
|
|
|
<!-- draggable menu -->
|
|
<div class="draggable scaleable-wrapper" style="top:8%;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"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: 70%; right: 10%;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"style="top: 85%; 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"style="top: 80%; 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"style="top: 90%; right: 13%;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"style="top:75%;left:41%;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>
|
|
|
|
<div class="draggable scaleable-wrapper"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:81%;left:3%;" >
|
|
<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>This publication is based on the graduation thesis <em>Let's Talk About Unspeakable Things</em>, written under the supervision of Steve Rushton.</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>
|
|
</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" 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>
|