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.

119 lines
5.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags -->
<title>Learning How To Walk While Catwalking</title>
<meta name="title" content="Learning How to Walk While Catwalking" />
<meta
name="description"
content="A toolkit to mess around with language: from its standard taxonomies and tags, to its modes of organizing information and its shaping knowledge."
/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://issue.xpub.nl/16/" />
<meta property="og:title" content="Learning How to Walk while Catwalking" />
<meta
property="og:description"
content="A toolkit to mess around with language: from its standard taxonomies and tags, to its modes of organizing information and its shaping knowledge."
/>
<meta property="og:image" content="./static/img/meta.jpg" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://issue.xpub.nl/16/" />
<meta property="twitter:title" content="Learning How to Walk while Catwalking" />
<meta
property="twitter:description"
content="A toolkit to mess around with language: from its standard taxonomies and tags, to its modes of organizing information and its shaping knowledge."
/>
<meta property="twitter:image" content="./static/img/meta.jpg" />
<title>Learning How To Walk While Catwalking</title>
<link rel="stylesheet" href="./static/font/font.css" />
<link rel="stylesheet" href="style.css" />
<script src="sticker.js" defer></script>
</head>
<body>
<div id="sticker-container">
<li
class="sticker info"
style="left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(5deg)"
>
Tap anywhere to start
</li>
</div>
<ul class="informations-list" id="information-list">
<li class="info bold">Learning How To Walk While Catwalking</li>
<li class="info bold">17/12/2021</li>
<li class="info bold">XPUB1</li>
<li class="info bold">Special Issue 16</li>
<li class="info bold">Launch!</li>
<li class="info bold link">
<a href="https://hub.xpub.nl/soupboat/si16-app/">Enter the website</a>
</li>
<li class="info bold">Varia, Rotterdam</li>
<li class="info bold">13.00 to 17.00 CET</li>
<li class="info">Online: Event mode from 13.00 to 17.00 CET</li>
<li class="info">Q&A from 16.00 to 17.00 CET</li>
<li class="info bold">Vernacular language processing</li>
<li class="picto"><img src="./static/svg/home.svg" /></li>
<li class="info bold link">
<a href="https://hub.xpub.nl/soupboat/si16-app/">Enter the website</a>
</li>
<li class="info">Welcome</li>
<li class="info">Dear friend</li>
<li class="info">Online scroller</li>
<li class="deco"><img src="./static/svg/deco_catwalking_pink.svg" /></li>
<li class="info">Be confident</li>
<li class="info">Be ambitious</li>
<li class="info">Be ready to fail a lot</li>
<li class="deco"><img src="./static/svg/deco_cocktail.svg" /></li>
<li class="picto"><img src="./static/svg/etc.svg" /></li>
<li class="info">Toolkit</li>
<li class="deco"><img src="./static/svg/sticker_deco_generator_yellow_hex.svg" /></li>
<li class="info">Tools</li>
<li class="info">Vernacular toolkit</li>
<li class="info">Try-out online</li>
<li class="picto"><img src="./static/svg/map.svg" /></li>
<li class="info">Language</li>
<li class="deco"><img src="./static/svg/sticker_deco_api_pink_circle.svg" /></li>
<li class="info">Tags</li>
<li class="picto"><img src="./static/svg/function.svg" /></li>
<li class="info">Legitimize failures</li>
<li class="info">Amatorial practices</li>
<li class="info">Vernacular understanding</li>
<li class="picto"><img src="./static/svg/rep.svg" /></li>
<li class="info">API</li>
<li class="deco"><img src="./static/svg/sticker_deco_api_orange_hex.svg" /></li>
<li class="info">Critical API</li>
<li class="info">Vernacular API</li>
<li class="info">Model of distribution</li>
<li class="info bold link">
<a href="https://hub.xpub.nl/soupboat/si16-app/">Enter the website</a>
</li>
<li class="deco">
<img src="./static/svg/sticker_deco_generator_orange_triangle.svg" />
</li>
<li class="info">Experimental enquiry</li>
<li class="deco"><img src="./static/svg/deco_catwalking_yellow.svg" /></li>
<li class="info">Window display at Varia</li>
<li class="deco"><img src="./static/svg/sticker_deco_soup_heart_pink.svg" /></li>
<li class="info">Live-printing</li>
<li class="deco"><img src="./static/svg/sticker_deco_generator_blue_hex.svg" /></li>
<li class="info">Cocktail generator</li>
<li class="deco"><img src="./static/svg/sticker_deco_drink_green_bubble.svg" /></li>
<li class="info">Event mode</li>
<li class="info">Online chat</li>
<li class="deco"><img src="./static/svg/sticker_deco_api_green_hex.svg" /></li>
</ul>
<div class="svg-sources"></div>
</body>
</html>