link to the web app

index.html

@@ -54,12 +54,18 @@
 			<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>
@@ -88,6 +94,9 @@
 			<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>

style.css

@@ -19,7 +19,7 @@ body {
 	font-family: var(--font);
 	height: 100vh;
 	cursor: pointer;
-    -webkit-tap-highlight-color: transparent;
+	-webkit-tap-highlight-color: transparent;
 }
 
 .bold {
@@ -95,6 +95,27 @@ li {
 	list-style: none;
 }
 
+.link {
+	display: inline-block;
+	border-radius: 50%;
+	width: 400px;
+	height: 400px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.link a {
+	width: 100%;
+	height: 100%;
+	line-height: 400px;
+	text-align: center;
+}
+
+a {
+	color: currentColor;
+}
+
 @media (max-width: 991.98px) {
 	body {
 		font-size: 16px;