<!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" />
		<title>Learning how to walk while cat-walking</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">Varia, Rotterdam</li>
          	<li class="info bold">13.00 to 17.00</li>
          	<li class="info">Online: Event mode from 13.00 to 17.00</li>
          	<li class="info">Q&A from 16.00 to 17.00</li>
			<li class="info bold">Vernacular language processing</li>
			<li class="picto"><img src="./static/svg/home.svg" /></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="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>