diff --git a/css/global.css b/css/global.css
new file mode 100644
index 0000000..a20a60f
--- /dev/null
+++ b/css/global.css
@@ -0,0 +1,48 @@
+* {
+ box-sizing: border-box;
+}
+
+:root {
+ --color: #8f00ff;
+ --light-color: #e8cdfe;
+}
+
+html,
+body {
+ margin: 0;
+}
+
+body {
+ background-color: var(--light-color);
+}
+
+header {
+ width: 100%;
+ height: 100vh;
+ text-align: center;
+ color: var(--color);
+ font-family: Arial, Helvetica, sans-serif;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+h1 {
+ font-family: "SI17";
+ font-size: 64px;
+ text-transform: uppercase;
+ color: var(--color); /* Fallback color */
+ -webkit-text-fill-color: var(--light-color); /* Will override color (regardless of order) */
+ -webkit-text-stroke-width: 1.5px;
+ -webkit-text-stroke-color: var(--color);
+}
+
+.date {
+ font-size: 24px;
+}
+
+a {
+ color: currentColor;
+}
diff --git a/font/SpecialIssue17-Regular.woff b/font/SpecialIssue17-Regular.woff
new file mode 100644
index 0000000..819ad44
Binary files /dev/null and b/font/SpecialIssue17-Regular.woff differ
diff --git a/font/SpecialIssue17-Regular.woff2 b/font/SpecialIssue17-Regular.woff2
new file mode 100644
index 0000000..c460fc8
Binary files /dev/null and b/font/SpecialIssue17-Regular.woff2 differ
diff --git a/font/font.css b/font/font.css
new file mode 100644
index 0000000..bd9cc2a
--- /dev/null
+++ b/font/font.css
@@ -0,0 +1,8 @@
+@font-face {
+ font-family: "SI17";
+ src: url("SpecialIssue17-Regular.woff2") format("woff2"),
+ url("SpecialIssue17-Regular.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+ font-display: swap;
+}
diff --git a/index.html b/index.html
index 9e1a13e..710fc2a 100644
--- a/index.html
+++ b/index.html
@@ -1,16 +1,50 @@
-
-
-
-
-
-
-
+
+
+
+
+
+ SI17 - This box found you for a reason
-
-coming soon
-launch event 25 mar 2022 18:00 @ page not found, the hague
-
+
+ SI17 - This box found you for a reason
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/js/color.js b/js/color.js
new file mode 100644
index 0000000..e239625
--- /dev/null
+++ b/js/color.js
@@ -0,0 +1,19 @@
+let palettes = {
+ purple: {
+ color: "#8f00ff",
+ lightColor: "#E8CDFE",
+ },
+
+ orange: {
+ color: "#FFF",
+ lightColor: "#FF6100",
+ },
+};
+
+window.addEventListener("load", () => {
+ let shade = Math.random() > 0.5 ? "purple" : "orange";
+ color = palettes[shade]["color"];
+ lightColor = palettes[shade]["lightColor"];
+ document.documentElement.style.setProperty("--color", color);
+ document.documentElement.style.setProperty("--light-color", lightColor);
+});