Create website-redesign branch. Include incomplete redesign assets. Very much in-progress.

WebHostLib/static/assets/cookieNotice.js

@@ -4,14 +4,7 @@ window.addEventListener('load', () => {
 
     const cookieNotice = document.createElement('div');
     cookieNotice.innerText = "This website uses cookies to store information about the games you play.";
-    cookieNotice.style.position = "fixed";
-    cookieNotice.style.bottom = "0";
-    cookieNotice.style.left = "0";
-    cookieNotice.style.width = "100%";
-    cookieNotice.style.lineHeight = "40px";
-    cookieNotice.style.backgroundColor = "#c7cda5";
-    cookieNotice.style.textAlign = "center";
-    cookieNotice.style.cursor = "pointer";
+    cookieNotice.setAttribute('id', 'cookie-notice');
     document.body.appendChild(cookieNotice);
     cookieNotice.addEventListener('click', () => {
         localStorage.setItem('cookieNotice', "1");

WebHostLib/static/static/backgrounds/LICENSE

@@ -0,0 +1,4 @@
+Copyright 2020 Berserker66 (Fabian Dill)
+Copyright 2020 LegendaryLinux (Chris Wilson)
+
+All rights reserved.

WebHostLib/static/styles/cookieNotice.css

@@ -0,0 +1,11 @@
+#cookie-notice{
+    display: block;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    line-height: 40px;
+    background-color: #c7cda5;
+    text-align: center;
+    cursor: pointer;
+}

WebHostLib/static/styles/layout.css

@@ -1,58 +0,0 @@
-/** Global colors for all pages */
-body{
-    background-color: #dce2bd;
-    font-size: 1.2rem;
-    font-family: "Segoe UI", Arial, sans-serif;
-}
-
-/** Button Styles */
-button, input[type=submit]{
-    border: 1px solid #7d8c35;
-    border-radius: 4px;
-    width: 200px;
-    height: 75px;
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-    background-color: #dce2bd;
-    font-family: inherit;
-    font-size: 1.5rem;
-    cursor: pointer;
-}
-
-button:hover, input[type=submit]:hover{
-    background-color: #e0e7bd;
-}
-
-/** Content styles */
-.main-content{
-    max-width: 1000px;
-    border-radius: 8px;
-    background-color: #bbb288;
-    padding: 0.5em 1.5rem 1.5rem;
-    color: #282b28;
-}
-
-.main-content h3{
-    margin: 0;
-    font-size: 3rem;
-    text-align: center;
-    font-weight: normal;
-}
-
-.main-content a{
-    color: #34768a;
-    text-decoration: none;
-}
-
-/** Tooltip styles */
-[data-tooltop]{
-    position: relative;
-    z-index: 10;
-    cursor: pointer;
-}
-
-[data-tooltip]:before, [data-tooltip]:after{
-    visibility: hidden;
-    opacity: 0;
-    pointer-events: none;
-}

WebHostLib/static/styles/tooltip.css

@@ -67,6 +67,12 @@ give it one of the following classes: tooltip-left, tooltip-right, tooltip-top,
 	line-height: 1.2;
 }
 
+[data-tooltip]:before, [data-tooltip]:after{
+    visibility: hidden;
+    opacity: 0;
+    pointer-events: none;
+}
+
 [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after,
 .tooltip-top:before, .tooltip-top:after {
 	bottom: 100%;