XPUB
/
issue.xpub.nl
71
3
Fork 0
Code Issues Pull Requests Releases Wiki Activity
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.
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '154fa0f0e9'
${ noResults }
issue.xpub.nl/index.html

165 lines
6.9 KiB
HTML
Raw Normal View History Unescape Escape

test iframe
7 years ago
<!DOCTYPE html>
index page continuations
7 years ago
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>XPUB Special Issues</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
adding a viewport meta tag
7 years ago
<meta name="viewport" content="width=device-width, initial-scale=1.0">
index.html with gradient!
7 years ago
</head>
index page continuations
7 years ago
<body>
<header></header>
<div class="intro">
<p><b>XPUB Special Issues</b></p>
<p>Experimental Publishing (XPUB) is a new study path of the Piet Zwart Institute's Media Design Master programme.</p>
<p>XPUB's interests in publishing are twofold:</p>
<p><b>first</b>, publishing as the inquiry and participation into the technological frameworks, political context and cultural processes through which things are made public;</p>
<p>and <b>second</b>, publishing as the desire to expand the means of discourse circulation beyond print media and its direct digital translation.</p>
<br>
<p><a href="https://xpub.nl" target="_blank">xpub.nl</a><br>
<a href="https://pzimediadesign.nl" target="_blank">pzimediadesign.nl</a></p>
</div>
<!-- min. width of image is 590px -->
<section>
<!-- Special Issue 1 + 2 + 3 -->
<div id="special-issue-1" class="issue">
<a href="https://issue.xpub.nl/01/">
<div class="issue-nr">Special<br> Issue 1</div>
<div class="issue-date">December 2016</div>
<div class="issue-img"><img src="img/special-issue-1.jpg"></div>
<div class="issue-title">OP=OP</div>
<div class="issue-text">
<p>Dear reader,</p>
<p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
<p>Looking forward seeing you there!</p>
<p>Emily Buzzo, Karina Dukalska, Max Franklin, Giulia de Giovanelli, Clàudia Giralt, Pleun Gremmen, Francisco González, Julia Kul, Margreet Riphagen, Kimmy Spreeuwenberg, and Noémie Vidé</p>
</div>
</a>
flexbox
7 years ago
</div>
index page continuations
7 years ago
<div id="special-issue-2" class="issue">
<a href="https://issue.xpub.nl/02/">
<div class="issue-nr">Special<br> Issue 2</div>
<div class="issue-date">March 2016</div>
<div class="issue-img"><img src="img/special-issue-2.jpg"></div>
<div class="issue-title">TGC #3</div>
<div class="issue-text">
<p>Dear reader,</p>
<p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
<p>Looking forward seeing you there!</p>
<p>Emily Buzzo, Karina Dukalska, Max Franklin, Giulia de Giovanelli, Clàudia Giralt, Francisco González, Margreet Riphagen, Kimmy Spreeuwenberg</p>
</div>
</a>
flexbox
7 years ago
</div>
index page continuations
7 years ago
<div id="special-issue-3" class="issue">
<a href="https://issue.xpub.nl/03/">
<div class="issue-nr">Special<br> Issue 3</div>
<div class="issue-date">June 2017</div>
<div class="issue-img"><img src="img/special-issue-3.png"></div>
<div class="issue-title">Interfacing the Law</div>
<div class="issue-text">
<p>Dear reader,</p>
<p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
<p>Looking forward seeing you there!</p>
<p>Emily Buzzo, Karina Dukalska, Max Franklin, Giulia de Giovanelli, Clàudia Giralt, Pleun Gremmen, Francisco González</p>
</div>
</a>
flexbox
7 years ago
</div>
index page continuations
7 years ago
<!-- Special Issue 4 + 5 + 6 -->
<div id="special-issue-4" class="issue">
<a href="https://issue.xpub.nl/04/">
<div class="issue-nr">Special<br> Issue 4</div>
<div class="issue-date">December 2017</div>
<div class="issue-img"><img src="img/special-issue-4.png"></div>
<div class="issue-title">A Bed, a Chair and a Table</div>
<div class="issue-text">
<p>Dear reader,</p>
<p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
<p>Looking forward seeing you there!</p>
<p>Emily Buzzo, Karina Dukalska, Max Franklin, Giulia de Giovanelli, Clàudia Giralt, Pleun Gremmen, Francisco González</p>
</div>
</a>
flexbox
7 years ago
</div>
index page continuations
7 years ago
<div id="special-issue-5" class="issue future">
<a href="#">
<div class="issue-nr">Special<br> Issue 5</div>
<div class="issue-date"></div>
<div class="issue-img"><img src="img/unknown.png"></div>
<div class="issue-title"></div>
</a>
flexbox
7 years ago
</div>
index page continuations
7 years ago
<div id="special-issue-6" class="issue future">
<a href="#">
<div class="issue-nr">Special<br> Issue 6</div>
<div class="issue-date"></div>
<div class="issue-img"><img src="img/unknown.png"></div>
<div class="issue-title"></div>
</a>
flexbox
7 years ago
</div>
index page continuations
7 years ago
<!-- Special Issue 7 + 8 + 9 -->
<div id="special-issue-7" class="issue future">
<a href="#">
<div class="issue-nr">Special<br> Issue 7</div>
<div class="issue-date"></div>
<div class="issue-img"><img src="img/unknown.png"></div>
<div class="issue-title"></div>
</a>
flexbox
7 years ago
</div>
index page continuations
7 years ago
<div id="special-issue-8" class="issue future">
<a href="#">
<div class="issue-nr">Special<br> Issue 8</div>
<div class="issue-date"></div>
<div class="issue-img"><img src="img/unknown.png"></div>
<div class="issue-title"></div>
</a>
flexbox
7 years ago
</div>
index page continuations
7 years ago
<div id="special-issue-9" class="issue future">
<a href="#">
<div class="issue-nr">Special<br> Issue 9</div>
<div class="issue-date"></div>
<div class="issue-img"><img src="img/unknown.png"></div>
<div class="issue-title"></div>
</a>
flexbox
7 years ago
</div>
index.html with gradient!
7 years ago
index page continuations
7 years ago
<!-- Special Issue 10 + 11 + 12 -->
<div id="special-issue-10" class="issue future">
<a href="#">
<div class="issue-nr">Special<br> Issue 10</div>
<div class="issue-date"></div>
<div class="issue-img"><img src="img/unknown.png"></div>
<div class="issue-title"></div>
</a>
</div>
<div id="special-issue-11" class="issue future">
<a href="#">
<div class="issue-nr">Special<br> Issue 11</div>
<div class="issue-date"></div>
<div class="issue-img"><img src="img/unknown.png"></div>
<div class="issue-title"></div>
</a>
</div>
<div id="special-issue-12" class="issue future">
<a href="#">
<div class="issue-nr">Special<br> Issue 12</div>
<div class="issue-date"></div>
<div class="issue-img"><img src="img/unknown.png"></div>
<div class="issue-title"></div>
</a>
</div>
</section>
<footer>
</footer>
</body>
</html>