Ajout d'une page d'acceuil

website/css/fonts.css

@@ -0,0 +1,32 @@
+@font-face {
+    font-family: 'Franchise';
+    src: local('Franchise Regular'), local('Franchise-Regular'),
+        url('fonts/Franchise-Regular.woff2') format('woff2'),
+        url('fonts/Franchise-Regular.woff') format('woff'),
+        url('fonts/Franchise-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Franchise Filled';
+    src: local('Franchise Filled Regular'), local('FranchiseFilled-Regular'),
+        url('fonts/FranchiseFilled-Regular.woff2') format('woff2'),
+        url('fonts/FranchiseFilled-Regular.woff') format('woff'),
+        url('fonts/FranchiseFilled-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Cube';
+    src: local('Cube'),
+        url('fonts/Cube.woff2') format('woff2'),
+        url('fonts/Cube.woff') format('woff'),
+        url('fonts/Cube.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}

website/css/master.css

@@ -0,0 +1,55 @@
+body {
+    background-color: black;
+    color: white;
+    font-family: sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+section {
+    height: 100%;
+}
+
+canvas, .texte {
+    z-index: -1;
+}
+
+.texte {
+    z-index: 1;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+    background-blend-mode: exclusion;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+.texte, a {
+    color: white;
+}
+
+h1 {
+    font: 4em "Franchise", sans-serif;
+}
+
+main {
+    position: relative;
+    z-index: -1;
+    width: 90%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    position: fixed;
+    top: 0px;
+}
+
+main > * {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+}
+
+canvas {
+    height: 100%;
+    z-index: -1;
+}