WIP 2

jholdstock · Jan 10, 2024 · ca7279a · ca7279a
1 parent 598ee0a
commit ca7279a
Show file tree

Hide file tree

Showing 14 changed files with 707 additions and 456 deletions.
diff --git a/src/assets/js/main.js b/src/assets/js/main.js
@@ -4,20 +4,38 @@ document.addEventListener("DOMContentLoaded", function() {
 	var os = platform.os.family;
 
 	if (os == "Windows" || os == "Windows Server" || os == "Windows 7" || os == "Windows 7 / Server 2008 R2" || os == "Windows Server 2008 R2 / 7 x64") {
-		document.getElementById("windl").style.display = "block";
-		document.getElementById("alldl").style.display = "none";
+		elements = document.getElementsByClassName("windl");
+		for (i = 0; i < elements.length; i++) {
+			elements[i].style.display = "block";
+		}
+		elements = document.getElementsByClassName("alldl");
+		for (i = 0; i < elements.length; i++) {
+			elements[i].style.display = "none";
+		}
 	}
 
 	if (os == "CentOS" || os == "Debian" || os == "Fedora" || os == "Gentoo" || os == "Kubuntu" || os == "Linux Mint" || os == "Red Hat" || os == "SuSE" || os == "Ubuntu" || os == "Ubuntu Chromium" || os == "Xubuntu" || os == "Linux") {
-		document.getElementById("linuxdl").style.display = "block";
-		document.getElementById("alldl").style.display = "none";
+		elements = document.getElementsByClassName("linuxdl");
+		for (i = 0; i < elements.length; i++) {
+			elements[i].style.display = "block";
+		}
+		elements = document.getElementsByClassName("alldl");
+		for (i = 0; i < elements.length; i++) {
+			elements[i].style.display = "none";
+		}
 	}
 
 	if (os == "OS X") {
 		// If we detect OS X, we can't know if the user will want an amd or arm
 		// build. Just show the amd link which will work on both platforms.
-		document.getElementById("macdl").style.display = "block";
-		document.getElementById("alldl").style.display = "none";
+		elements = document.getElementsByClassName("macdl");
+		for (i = 0; i < elements.length; i++) {
+			elements[i].style.display = "block";
+		}
+		elements = document.getElementsByClassName("alldl");
+		for (i = 0; i < elements.length; i++) {
+			elements[i].style.display = "none";
+		}
 	}
 });
 

diff --git a/src/assets/scss/_brand.scss b/src/assets/scss/_brand.scss
@@ -91,7 +91,7 @@
 
 
 .backgroundroyalblue {
-    background-color: #2970ff;
+    background-color: $light-blue;
 }
 
 .backgroundgreen {
@@ -103,7 +103,7 @@
 }
 
 .colorblue {
-    color: #2970ff;
+    color: $light-blue;
 }
 
 .colorlightblue {
@@ -159,7 +159,7 @@
 .brand-subtext {
     font-size: 15px;
     text-decoration: none;
-    color: #2970ff;
+    color: $light-blue;
     white-space: nowrap;
 }
 
@@ -259,7 +259,7 @@
     }
 
     .bottom-link {
-        color: #2970ff;
+        color: $light-blue;
         font-size: 16px;
         text-decoration: none;
     }

diff --git a/src/assets/scss/_common.scss b/src/assets/scss/_common.scss
@@ -4,7 +4,6 @@
 
 body {
     background: $dark-blue;
-    background-image: url("../images/body-bg.svg");
     min-height: 100vh;
     display: flex;
     -webkit-font-smoothing: antialiased;
@@ -137,7 +136,7 @@ $subpage-header-height: 352px;
     .subpage-title {
         width: 100%;
         color: $white;
-        font-family: "dcrweb-poppins", "Verdana", sans-serif;;
+        font-family: "dcrweb-poppins", "Verdana", sans-serif;
         font-size: 34px;
     }
 }
@@ -186,52 +185,51 @@ $subpage-header-height: 352px;
     flex-direction: row;
     flex-wrap: wrap;
 
-
     a {
         text-decoration: none;
         color: white;
+    }
+
+    .pill {
+        padding: 15px 24px 14px;
+        margin-right: 13px;
+        margin-bottom: 13px;
+        border-radius: 10000px;
+        white-space: nowrap;
+        transition: border 0.21s ease-in-out;
 
-        .pill {
-            padding: 15px 24px 14px;
-            margin-right: 13px;
-            margin-bottom: 13px;
-            border-radius: 10000px;
-            white-space: nowrap;
-            transition: border 0.21s ease-in-out;
-
-            border: 2px solid rgba($white, 0.21);
-            font-size:18px;
-
-            @include media-breakpoint-down(md) {
-                font-size: 15px;
-                padding: 11px 19px;
-                margin-right: 8px;
-                margin-bottom: 8px;
-            }
-
-            &:hover,
-            &:focus {
-                border: 2px solid rgba($white, 0.55);
-            }
+        border: 2px solid rgba($white, 0.21);
+        font-size:18px;
+
+        @include media-breakpoint-down(md) {
+            font-size: 15px;
+            padding: 11px 19px;
+            margin-right: 8px;
+            margin-bottom: 8px;
+        }
+
+        &:hover,
+        &:focus {
+            border: 2px solid rgba($white, 0.55);
+        }
 
-            &.highlight {
-                border: 2px solid rgba($light-blue, 0.7);
+        &.highlight {
+            border: 2px solid rgba($light-blue, 0.7);
 
-                &:hover,
-                &:focus {
-                    border: 2px solid rgba($light-blue, 1.0);
-                }
+            &:hover,
+            &:focus {
+                border: 2px solid rgba($light-blue, 1.0);
             }
+        }
 
-            &.super-highlight {
-                border: 2px solid rgba($turquoise, 0.7);
+        &.super-highlight {
+            border: 2px solid rgba($turquoise, 0.7);
 
-                &:hover,
-                &:focus {
-                    border: 2px solid rgba($turquoise, 1.0);
-                }
+            &:hover,
+            &:focus {
+                border: 2px solid rgba($turquoise, 1.0);
             }
-
         }
+
     }
 }
diff --git a/src/assets/scss/_footer.scss b/src/assets/scss/_footer.scss
@@ -1,5 +1,5 @@
 footer {
-    background-color: $dark-blue;
+    background-color: $darker-blue;
     color: $white;
     padding-top: 55px;
     padding-bottom: 76px;