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.
88 lines
4.1 KiB
HTML
88 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title> window.open( 🪟 )</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<script src="./scripts/jquery-3.5.0.min.js"></script>
|
|
<script src="./scripts/jquery-ui/jquery-ui.min.js"></script>
|
|
<script src="./scripts/Windows.js"></script>
|
|
<script src="./scripts/DragResizeClose.js"></script>
|
|
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
|
|
<link rel="stylesheet" href="./styles/style.css">
|
|
<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- BASE -->
|
|
<!-- <div class="ui-widget-content draggable resizable closable" id=" "><h1>var xpub</h1><p></p></div> -->
|
|
|
|
<!-- <h1>windows.open(Welcome)</h1> -->
|
|
<div id="icons"></div><br class="onlyMobile"><br class="onlyMobile">
|
|
|
|
<div id="dragZone" class="dragzone">
|
|
|
|
<div id="program" class="corpi ui-widget-content draggable visible">
|
|
<h1>Program</h1>
|
|
<li>12:00-14:00: XPUB3</li>
|
|
<ul><b>HAM DISTRO</b> <br>(online + offline)</ul>
|
|
<li>14:00-15:00:</li>
|
|
<ul><b>OUIJA SEANCE</b> <br>(every 20 mins online + offline)</ul>
|
|
<li>15:00-16:00: XPUB2</li>
|
|
<ul><b>Blank page syndrome</b> (offline)</ul>
|
|
<li>16:00-17:00: XPUB1 </li>
|
|
<ul><b>Lingo Bingo</b> <br>(offline)</ul>
|
|
<ul><b>Civil Entertainment Sirens®</b></ul>
|
|
<li>During the whole event: </li>
|
|
<ul><b>XPUB Bookshop</b></ul>
|
|
<ul><b>Oh, look at the wifi: words fly around!</b></ul>
|
|
<ul><b>Ilinx</b></ul>
|
|
<ul><b>Words Map</b></ul>
|
|
<br>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer id="bar">
|
|
<button onclick="drop()" class="bottoneCose">XPUB</button>
|
|
</footer>
|
|
|
|
<div id="colophon">
|
|
<h1>windows.open(Welcome)</h1>
|
|
<p id="colophonGreetings">We are pleased to invite you to <b>window.open()</b>, a day-long festival held by students and alumni of the Master of <b>Experimental Publishing</b> (<b>XPUB</b>) taking place at <b>Page Not Found</b> (Den Haag) on Friday 10th September 2021.</p>
|
|
<p><b>Web Architects: </b><br class="onlyMobile">Tancre and Poni</p>
|
|
<p><b>Urban Planners: </b><br class="onlyMobile">Clara, Louisa, Simon</p>
|
|
|
|
<p><b>Contributions:</b></p>
|
|
<div class="colophonWrapper">
|
|
<p><i>HAM DISTRO</i> ⟶ XPUB3</p>
|
|
<p><i>OUIJA SEANCE</i> ⟶ Simon Browne</p>
|
|
<p><i>Blank Page Syndrome</i> ⟶ Clara Noseda</p>
|
|
<p><i>Lingo Bingo</i> ⟶ XPUB1</p>
|
|
<p><i>Civil Entertainment Sirens®</i> ⟶ Martin Foucaut</p>
|
|
<p><i>Oh, look at the wifi: words fly around</i> ⟶ Federico Poni</p>
|
|
<p><i>Ilinx & Words Map</i> ⟶ Tancredi Di Giovanni</p>
|
|
</div>
|
|
|
|
<p><b>Bookshop:</b></p>
|
|
<div id="lastColophonWrapper" class="colophonWrapper" >
|
|
<p><i>Wor(l)ds for the Future</i> // published and distributed by XPUB1 </p>
|
|
<p><i>iper- ozio % versi</i> // Federico Poni, Enrico Taro'</p>
|
|
<p><i>Low-Tech Chronicles #1</i> // Mark van den Heuvel</p>
|
|
<p><i>Writing Cure</i> // Avital Barkai, Camilo Garcia A.</p>
|
|
</div>
|
|
<br class="onlyMobile"><br class="onlyMobile">
|
|
</div>
|
|
|
|
<script src="./scripts/App.js"></script>
|
|
<script>
|
|
function drop(){
|
|
$("#colophon").slideToggle()
|
|
$(".bottoneCose").toggleClass("clicked")
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |