Info list and style

master
km0 3 years ago
parent 713ca818f2
commit e6d982f915

@ -11,27 +11,48 @@
<script src="sticker.js" defer></script>
</head>
<body>
<!-- <div class="container" id="container">
<button class="about-button">?</button>
<h1 class="title">Learning how to walk while cat-walking</h1>
<h2 class="info">Special Issue 16 - XPUB - 2021</h2>
</div> -->
<div id="sticker-container"></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">Learning how to walk while cat-walking</li>
<li class="info bold">Vernacular language processing</li>
<li class="deco"><img src="./static/svg/home.svg" /></li>
<li class="info bold">Experimental Publishing</li>
<li class="info bold">A vernacular API</li>
<li class="deco"><img src="./static/svg/function.svg" /></li>
<li class="info">17.12.2021</li>
<li class="info">Welcome</li>
<li class="info">Dear friend</li>
<li class="info">Online scroller</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/etc.svg" /></li>
<li class="info bold">Varia</li>
<li class="deco"><img src="./static/svg/rep.svg" /></li>
<li class="info">Rotterdam</li>
<li class="info">Toolkit</li>
<li class="info">Tools</li>
<li class="info">Vernacular toolkit</li>
<li class="info">Try-out online</li>
<li class="deco"><img src="./static/svg/map.svg" /></li>
<li class="info">Language</li>
<li class="info">Tags</li>
<li class="deco"><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="deco"><img src="./static/svg/rep.svg" /></li>
<li class="info">API</li>
<li class="info">Critical API</li>
<li class="info">Vernacular API</li>
<li class="info">Model of distribution</li>
<li class="info">Experimental enquiry</li>
<li class="info bold">Varia, Rotterdam</li>
<li class="info">Event mode from 13.00 to 17.00</li>
<li class="info bold">13.00 to 17.00</li>
<li class="info">Q&A from 16.00 to 17.00</li>
<li class="info">Window display at Varia</li>
<li class="info">Live-printing</li>
<li class="info">Cocktail generator</li>
<li class="info">Event mode</li>
<li class="info">Online chat</li>
</ul>
</body>
</html>

@ -18,11 +18,13 @@ body {
font-size: 24px;
font-family: var(--font);
height: 100vh;
cursor: pointer;
}
.bold {
font-weight: bold;
font-style: italic;
font-size: 36px;
}
.info {

Loading…
Cancel
Save