new website for the launch

7 years ago · b3954e38b5
parent f7a31b0e02
commit b3954e38b5
13 changed files with 210 additions and 13 deletions
--- a/.DS_Store
+++ b/.DS_Store
--- a/04/fonts/librebaskerville-italic-webfont.woff
+++ b/04/fonts/librebaskerville-italic-webfont.woff
--- a/04/fonts/librebaskerville-italic-webfont.woff2
+++ b/04/fonts/librebaskerville-italic-webfont.woff2
--- a/04/fonts/librebaskerville-regular-webfont.woff
+++ b/04/fonts/librebaskerville-regular-webfont.woff
--- a/04/fonts/librebaskerville-regular-webfont.woff2
+++ b/04/fonts/librebaskerville-regular-webfont.woff2
--- a/04/img/01.jpeg
+++ b/04/img/01.jpeg
--- a/04/img/02.jpeg
+++ b/04/img/02.jpeg
--- a/04/img/03.jpeg
+++ b/04/img/03.jpeg
--- a/04/img/04.jpeg
+++ b/04/img/04.jpeg
--- a/04/img/05.jpeg
+++ b/04/img/05.jpeg
--- a/04/img/06.jpeg
+++ b/04/img/06.jpeg
--- a/04/img/07.jpeg
+++ b/04/img/07.jpeg
--- a/04/index.html
+++ b/04/index.html
@ -1,34 +1,231 @@
 <!DOCTYPE html>
 <html>
-<title>Special Issue 4 // upcoming</title>
-
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>A bed, a chair and a table – Special Issue 4</title>
+<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>
 <style>

+@font-face {
+  font-family: 'librebaskerville-regular';
+  src: url('librebaskerville-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
+       url('librebaskerville-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
+       font-family: 'librebaskerville-italic';
+       src: url('librebaskerville-italic-webfont.woff2') format('woff2'), /* Super Modern Browsers */
+            url('librebaskerville-italic-webfont.woff') format('woff'), /* Pretty Modern Browsers */
+}
+
+* { box-sizing: border-box; }
+
+
+::selection {
+    background: black;
+    color: #FFF;
+}
+/* und hiermit der Firefox >=1 */
+::-moz-selection {
+    background: black;
+    color: #FFF;
+}
+
 body{
 background: #FFFFFF;
+padding: 0px;
+margin: 0px;
+font-weight: normal;
+}
+

+h1{
+  margin-top: 10px;
+  font-family: librebaskerville-regular ,Baskerville, Times;
+  font-size: 85px;
+  text-transform:uppercase;
+  font-weight: normal;
+  letter-spacing: 15px;
 }

-#main_container{
-  padding-top: 10px;
-  padding-left: 40px;
+h2{
+  font-family: librebaskerville-regular ,Baskerville, Times;
+  font-size: 30px;
+  font-weight: normal;
+  margin-top: -40px;
 }

 p{
-  font-family: Baskerville, Times;
-  font-size: 29px;
+  font-family: librebaskerville-regular ,Baskerville, Times;
+  font-size: 14px;
+  line-height: 24px;
+}

+italic{
+  font-family: librebaskerville-italic ,Baskerville, Times;
 }

-</style>
+#textcontainer{
+margin-left: 20px;
+margin-right: 20px;
+margin-bottom: 50px;
+}
+#textcontainer p{
+ column-count: 3;
+ column-gap: 40px;
+ text-align: justify;
+}
+
+#imagecontainer img{
+  margin-top: -10px;
+
+
+
+}
+
+#sidenote{
+  position: fixed;
+  right:-60px;
+  top:85px;
+  -ms-transform: rotate(-90deg); /* IE 9 */
+   -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
+   transform: rotate(-90deg);
+}
+
+#infocontainer{
+  cursor: move;
+    position: fixed;
+    margin-top: 4%;
+    margin-left: 4%;
+    width:85%;
+    height:85vh;
+    background: black;
+    overflow: scroll;
+
+
+
+}
+
+#infocontainer p{
+  color: white;
+  margin-left: 20px;
+  margin-right: 20px;
+  column-count: 1;
+  column-gap: 40px;
+  text-align: justify;
+
+}
+#infocontainer .flowtext{
+  color: white;
+  margin-left: 20px;
+  margin-right: 20px;
+    margin-bottom: 40px;
+  column-count: 3;
+  column-gap: 40px;
+  text-align: justify;

+}
+
+#infocontainer .flowtext a{
+
+  color: white;
+}
+
+#infocontainer strong{
+  text-transform: uppercase;
+  letter-spacing: 2px;
+
+
+
+}
+
+#containment-wrapper{
+position: fixed;
+top:-80vh;
+left:-80%;
+width:260%;
+height: 250vh;
+}
+
+
+</style>
+</head>
 <body>
-<div id="main_container">
-<p>Special Issue 4 is in the making. </p>
-<p>Launch is on the 7th of December. </p>
-<p>More infos soon.</p>
-<img width="50%" src="img/IMG_4377.jpg"/>
+    <div id="containment-wrapper">
+    </div>
+  <div id="infocontainer">
+    <p>
+      <p class="flowtext">
+      <strong style="text-align:left;">A bed, a chair and a table </br> Booklaunch at the 7th of December 2017, 18:00 </br> Poortgebouw, Rotterdam</strong></br></br></br></br></br></br></br>
+      <p>
+<p>
+<strong>Schedule</strong></br>
+</p>
+<p>
+  Doors open: 18:00 </br>
+Book Presentation: 18:30</br>
+  Dinner (on donation): 19:30</br>
+  Plus music by DJs Naam and Post-Toast!</br>
+</br>
+<p>
+<strong>About</strong></br>
+</p>
+<p class="flowtext">
+  A Bed, A Chair and a Table is a publication about the Poortgebouw, a former squat and vibrant living community located in the South of Rotterdam. In this book, oral histories from inside and outside the Poortgebouw are interlaced with material from various institutional and personal archives. By bringing together these tales of resilience, political struggle, frustration and friendship with historical documents, this book brings forward new perspectives about the Poortgebouw's unique history and its importance in the contemporary city. The starting point of the book was the Autonomous Archive, a local archiving machine built from parts of different computers by the inhabitants of the Poortgebouw and a group of students from XPUB.
+</br>
+  A Bed, A Chair and a Table is the fourth 'Special Issue' conceptualised, developed and produced by the students from the Experimental Publishing course (XPUB) of the Piet Zwart Institute Media Design Master. It provides a trigger for the reader to further explore the Poortgebouw’s past and to see this building, meet its community, and discuss a potential future amidst all of its complexities. It is a testament to the archive as not the end, but the beginning of a debate. Join us!
+</br></br>
+  Get your copy of A Bed, A Chair and a Table at the launch on Thursday December 7, at 18:00 at the Poortgebouw, Stieltjesstraat 38 Rotterdam.
+</br></br></br>
+
+<italic>  This publication is brought to you by Delphine Bedel, Natasha Berting, André Castro, Elisa Chaudet, Angeliki Diakrousi, Max Franklin, Giulia de Giovanelli, Francisco González, Joca van der Horst, Aymeric Mansoux, Michael Murtaugh, Alexander Roidl, Steve Rushton, Alice Strete, Zalán Szakács and the Autonomous Archive. XPUB is a two-year Media Design Master course that prepares students to critically engage with societal issues within the fast changing field of art, design and cultural production.</italic>
+</br></br>
+  For more information about the work, visit XPUB (https://xpub.nl) and the Poortgebouw (https://poortgebouw.org).
+  Contact: Leslie Robbins l.j.drost-robbins@hr.nl
+</p>
+
+<p>
+<strong>Links</strong></br>
+</p>
+<p class="flowtext">
+<a href="http://www.pzwart.nl" target="_blank">www.pzwart.nl</a></br>
+<a href="http://www.poortgebouw.org" target="_blank">www.poortgebouw.org</a></br>
+<!--<a href="https://aa.xpub.nl" target="_blank">https://aa.xpub.nl</a>-->
+
+</p>
+
+</p>
+
+    </div>
+  <p id="sidenote">XPUB: <italic>SPECIAL ISSUE 4 </italic> </p>
+<div id="textcontainer">
+<h1>A bed, a chair and a table </h1>
+<h2>Book launch Thursday 7th of December 2017, 18:00 at Poortgebouw, Rotterdam.</h2>
+<p> </p>
+
+</div>
+
+
+
+
+
+<div id="imagecontainer">
+    <img src="img/01.jpeg" width="100%"/>
+    <img src="img/02.jpeg" width="100%"/>
+    <img src="img/03.jpeg" width="100%"/>
+    <img src="img/04.jpeg" width="100%"/>
+    <img src="img/05.jpeg" width="100%"/>
+    <img src="img/06.jpeg" width="100%"/>
+    <img src="img/07.jpeg" width="100%"/>
+
+
 </div>
+<script>
+$( function() {
+    $( "#infocontainer" ).draggable({containment: "#containment-wrapper"});
+  } );
+  $( function() {
+      $( "#infocontainer" ).resizable();
+    } );
+</script>

 </body>
 </html>