From f49ac8cd259486e4a1f5f8155b6f5fc874a038c3 Mon Sep 17 00:00:00 2001
From: "kam (from the studio)" <luzzanafrancesco@gmail.com>
Date: Fri, 17 Dec 2021 13:06:54 +0100
Subject: [PATCH] link to the web app

---
 index.html |  9 +++++++++
 style.css  | 23 ++++++++++++++++++++++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index c74b567..dfdf592 100644
--- a/index.html
+++ b/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>
diff --git a/style.css b/style.css
index 711ff46..b83ce89 100644
--- a/style.css
+++ b/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;