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.

130 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>xpubliverse</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
margin: 5%;
background: radial-gradient(circle, rgb(2,100,200) 0%, rgb(118,100,200) 50%, rgba(200,100,200) 100%);
color: #BCF;
}
h1, h2 {
color: #EEE;
}
a {
text-decoration: none;
color: #FFF;
font-weight:bold;
}
a:hover {
text-decoration: underline;
}
img {
width: 300px;
}
.flex {
display: flex;
flex-wrap: wrap;
}
figure {
width: 300px;
margin-left: 0;
/*display: inline-block;*/
position: relative;
}
figure figcaption {
position: absolute;
bottom: 0;
left: 0;
background: black;
color: white;
padding: 0.25em;
}
</style>
</head>
<body>
<h1>welcome to the xpubliverse</h1>
<p>
XPUB is the Master of Arts in Fine Art and Design: Experimental Publishing of the Piet Zwart Institute. XPUB focuses on the acts of making things public and creating publics in the age of post-digital networks.
</p>
<div class="flex">
<figure>
<a href="//collectiveioning.xpub.nl/">
<img src="images/Collectiveioning.webp">
<figcaption>Collectiveioning: XPUB 2020 Graduation mini-site</figcaption>
</a>
</figure>
<figure>
<a href="//issue.xpub.nl/">
<img src="images/issue.webp">
<figcaption>Special Issues</figcaption>
</a>
</figure>
<figure>
<a href="//project.xpub.nl/">
<img src="images/grad.webp">
<figcaption>Graduation projects</figcaption>
</a>
</figure>
<figure>
<a href="https://pzwiki.wdka.nl/mediadesign/Main_Page">
<img src="images/wiki.webp">
<figcaption>Wiki</figcaption>
</a>
</figure>
<figure>
<a href="https://www.pzwart.nl/experimental-publishing/">
<img src="images/pzwart.webp">
<figcaption>Piet Zwart Institute</figcaption>
</a>
</figure>
<figure>
<a href="https://www.wdka.nl/programmes/master-media-design-experimental-publishing">
<img src="images/wdka.webp">
<figcaption>Willem de Kooning academy</figcaption>
</a>
</figure>
<figure>
<a href="//git.xpub.nl/">
<img src="images/gitea.webp">
<figcaption>GIT</figcaption>
</a>
</figure>
<figure>
<a href="//pad.xpub.nl/">
<img src="images/pad.webp">
<figcaption>Etherpad</figcaption>
</a>
</figure>
</div>
<h2>Students &amp; Staff (restricted access)</h2>
<div class="flex">
<figure>
<a href="//zulip.xpub.nl/">
<img src="images/zulip.webp">
<figcaption>Zulip</figcaption>
</a>
</figure>
<figure>
<a href="//xpub.lurk.org/">
<img src="images/lurk.webp">
<figcaption>Lurk XMPP</figcaption>
</a>
</figure>
</div>
<h2>Archive</h2>
<ul>
<li>
<a href="zoom.html">Wiki "Zoom" interface</a> (archive, last updated 2018)
</li>
</body>
</html>