better not publish this placeholder text > old issue overview page return as default

master
mb @ ts 7 years ago
parent 154fa0f0e9
commit c585890c54

@ -1,105 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>XPUB Special Issues</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/osp-din" type="text/css"/>
</head>
<body>
<div id="header"><h1>XPUB Special Issues</h1></div>
<div id="container">
<div class="element">
<iframe src="01" scrolling="no"></iframe>
<div class="info">
<h2><a href="01">Issue 01</a></h2>
<h2>OP=OP<br />20161210</h2>
</div>
</div>
<div class="element">
<iframe src="02" scrolling="no"></iframe>
<div class="info">
<h2><a href="02">Issue 02</a></h2>
<h2>TGC #3<br />20170324</h2>
</div>
</div>
<div class="element">
<iframe src="03" scrolling="no"></iframe>
<div class="info">
<h2><a href="03">Issue 03</a></h2>
<h2>Interfacing the Law<br />20170615</h2>
</div>
</div>
<div class="element">
<iframe src="04" scrolling="no"></iframe>
<div class="info">
<h2><a href="04">Issue 04</a></h2>
<h2>20171207</h2>
</div>
</div>
<div class="element">
<iframe src="05" scrolling="no"></iframe>
<div class="info">
<h2><a href="05">Issue 05</a></h2>
<h2>???</h2>
</div>
</div>
<div class="element">
<iframe src="06" scrolling="no"></iframe>
<div class="info">
<h2><a href="06">Issue 06</a></h2>
<h2>???</h2>
</div>
</div>
<div class="element">
<iframe src="07" scrolling="no"></iframe>
<div class="info">
<h2><a href="07">Issue 07</a></h2>
<h2>???</h2>
</div>
</div>
<div class="element">
<iframe src="08" scrolling="no"></iframe>
<div class="info">
<h2><a href="08">Issue 08</a></h2>
<h2>???</h2>
</div>
</div>
<div class="element">
<iframe src="09" scrolling="no"></iframe>
<div class="info">
<h2><a href="09">Issue 09</a></h2>
<h2>???</h2>
</div>
</div>
</div>
</body>
<script>
function rand_deg(){
var deg = Math.round(Math.random()*180)+'deg';
return deg
}
function rand_rgb(){
function rand(){v = Math.round(Math.random()*255);
return v}
var color = 'rgb('+rand()+','+ rand() +','+ rand() + ')'
return color
}
var gradient = 'background:linear-gradient(' +
rand_deg() + ',' +
rand_rgb() +
',' +
rand_rgb() +
')';
var body = document.getElementsByTagName("body")[0];
body.setAttribute("style", gradient);
</script>
</html>

@ -1,165 +1,105 @@
<!DOCTYPE html>
<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">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<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>
<html lang="en">
<head>
<meta charset="utf-8">
<title>XPUB Special Issues</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/osp-din" type="text/css"/>
<!-- 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>
</head>
<body>
<div id="header"><h1>XPUB Special Issues</h1></div>
<div id="container">
<div class="element">
<iframe src="01" scrolling="no"></iframe>
<div class="info">
<h2><a href="01">Issue 01</a></h2>
<h2>OP=OP<br />20161210</h2>
</div>
</div>
<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>
<div class="element">
<iframe src="02" scrolling="no"></iframe>
<div class="info">
<h2><a href="02">Issue 02</a></h2>
<h2>TGC #3<br />20170324</h2>
</div>
</div>
<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>
<div class="element">
<iframe src="03" scrolling="no"></iframe>
<div class="info">
<h2><a href="03">Issue 03</a></h2>
<h2>Interfacing the Law<br />20170615</h2>
</div>
</div>
<!-- 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>
<div class="element">
<iframe src="04" scrolling="no"></iframe>
<div class="info">
<h2><a href="04">Issue 04</a></h2>
<h2>20171207</h2>
</div>
</div>
<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>
<div class="element">
<iframe src="05" scrolling="no"></iframe>
<div class="info">
<h2><a href="05">Issue 05</a></h2>
<h2>???</h2>
</div>
</div>
<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>
<div class="element">
<iframe src="06" scrolling="no"></iframe>
<div class="info">
<h2><a href="06">Issue 06</a></h2>
<h2>???</h2>
</div>
</div>
<!-- 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>
<div class="element">
<iframe src="07" scrolling="no"></iframe>
<div class="info">
<h2><a href="07">Issue 07</a></h2>
<h2>???</h2>
</div>
</div>
<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>
<div class="element">
<iframe src="08" scrolling="no"></iframe>
<div class="info">
<h2><a href="08">Issue 08</a></h2>
<h2>???</h2>
</div>
</div>
<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>
<div class="element">
<iframe src="09" scrolling="no"></iframe>
<div class="info">
<h2><a href="09">Issue 09</a></h2>
<h2>???</h2>
</div>
</div>
</div>
</body>
<!-- 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>
<script>
function rand_deg(){
var deg = Math.round(Math.random()*180)+'deg';
return deg
}
function rand_rgb(){
function rand(){v = Math.round(Math.random()*255);
return v}
var color = 'rgb('+rand()+','+ rand() +','+ rand() + ')'
return color
}
var gradient = 'background:linear-gradient(' +
rand_deg() + ',' +
rand_rgb() +
',' +
rand_rgb() +
')';
var body = document.getElementsByTagName("body")[0];
body.setAttribute("style", gradient);
</script>
</html>

Before

Width:  |  Height:  |  Size: 368 KiB

After

Width:  |  Height:  |  Size: 368 KiB

Before

Width:  |  Height:  |  Size: 506 B

After

Width:  |  Height:  |  Size: 506 B

Before

Width:  |  Height:  |  Size: 233 KiB

After

Width:  |  Height:  |  Size: 233 KiB

Before

Width:  |  Height:  |  Size: 743 KiB

After

Width:  |  Height:  |  Size: 743 KiB

Before

Width:  |  Height:  |  Size: 117 KiB

After

Width:  |  Height:  |  Size: 117 KiB

Before

Width:  |  Height:  |  Size: 7.4 MiB

After

Width:  |  Height:  |  Size: 7.4 MiB

Before

Width:  |  Height:  |  Size: 430 KiB

After

Width:  |  Height:  |  Size: 430 KiB

@ -0,0 +1,165 @@
<!DOCTYPE html>
<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">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<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>
</div>
<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>
</div>
<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>
</div>
<!-- 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>
</div>
<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>
</div>
<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>
</div>
<!-- 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>
</div>
<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>
</div>
<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>
</div>
<!-- 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>
Loading…
Cancel
Save