Info list and style

master
km0 3 years ago
parent 713ca818f2
commit e6d982f915

@ -11,27 +11,48 @@
<script src="sticker.js" defer></script> <script src="sticker.js" defer></script>
</head> </head>
<body> <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> <div id="sticker-container"></div>
<ul class="informations-list" id="information-list"> <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">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="deco"><img src="./static/svg/home.svg" /></li>
<li class="info bold">Experimental Publishing</li> <li class="info">Welcome</li>
<li class="info bold">A vernacular API</li> <li class="info">Dear friend</li>
<li class="deco"><img src="./static/svg/function.svg" /></li> <li class="info">Online scroller</li>
<li class="info">17.12.2021</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="deco"><img src="./static/svg/etc.svg" /></li>
<li class="info bold">Varia</li> <li class="info">Toolkit</li>
<li class="deco"><img src="./static/svg/rep.svg" /></li> <li class="info">Tools</li>
<li class="info">Rotterdam</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="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> </ul>
</body> </body>
</html> </html>

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

Loading…
Cancel
Save