From f976060cfadc85fface3bb0039bf79653b1899d7 Mon Sep 17 00:00:00 2001
From: Mikko Ahlroth <mikko@ahlroth.fi>
Date: Sat, 23 Mar 2024 00:21:49 +0200
Subject: [PATCH] Make links readable in ribbons

---
 assets/marketing.css | 25 ++++++++++++-------------
 dist/marketing.css   | 25 ++++++++++++-------------
 2 files changed, 24 insertions(+), 26 deletions(-)

diff --git a/assets/marketing.css b/assets/marketing.css
index a2d404b..aa66e47 100644
--- a/assets/marketing.css
+++ b/assets/marketing.css
@@ -39,15 +39,13 @@ label {
 
 .l-box-lrg {
   padding: 2em;
-  border-bottom: 1px solid rgba(0,0,0,0.1);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .is-center {
   text-align: center;
 }
 
-
-
 /*
 * -- PURE FORM STYLES --
 * Style the form inputs and labels
@@ -84,7 +82,6 @@ a.pure-button-primary {
   font-size: 120%;
 }
 
-
 /*
 * -- MENU STYLES --
 * I want to customize how my .pure-menu looks at the top of the page
@@ -93,7 +90,7 @@ a.pure-button-primary {
 .home-menu {
   padding: 0.5em;
   text-align: center;
-  box-shadow: 0 1px 1px rgba(0,0,0, 0.10);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
 .home-menu {
   background: #000;
@@ -116,24 +113,25 @@ a.pure-button-primary {
   color: white;
 }
 
-.home-menu a, .footer a {
-  color: #6FBEF3;
+.home-menu a,
+.footer a,
+.ribbon a {
+  color: #6fbef3;
 }
 .home-menu li a:hover,
 .home-menu li a:focus {
   background: none;
   border: none;
-  color: #AECFE5;
+  color: #aecfe5;
 }
 
-
 /*
 * -- SPLASH STYLES --
 * This is the blue top section that appears on the page.
 */
 
 .splash-container {
-  background-image: url('bg.webp');
+  background-image: url("bg.webp");
   background-color: #fff;
   background-position: left top;
   background-size: cover;
@@ -158,7 +156,10 @@ a.pure-button-primary {
   height: 50%;
   margin: auto;
   position: absolute;
-  top: 100px; left: 0; bottom: 0; right: 0;
+  top: 100px;
+  left: 0;
+  bottom: 0;
+  right: 0;
   text-align: center;
   text-transform: uppercase;
 }
@@ -255,7 +256,6 @@ a.pure-button-primary {
 * of the mobile styles.
 */
 @media (min-width: 48em) {
-
   /* We increase the body font size */
   body {
     font-size: 16px;
@@ -286,7 +286,6 @@ a.pure-button-primary {
     font-size: 250%;
   }
 
-
   /* We remove the border-separator assigned to .l-box-lrg */
   .l-box-lrg {
     border: none;
diff --git a/dist/marketing.css b/dist/marketing.css
index a2d404b..aa66e47 100644
--- a/dist/marketing.css
+++ b/dist/marketing.css
@@ -39,15 +39,13 @@ label {
 
 .l-box-lrg {
   padding: 2em;
-  border-bottom: 1px solid rgba(0,0,0,0.1);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .is-center {
   text-align: center;
 }
 
-
-
 /*
 * -- PURE FORM STYLES --
 * Style the form inputs and labels
@@ -84,7 +82,6 @@ a.pure-button-primary {
   font-size: 120%;
 }
 
-
 /*
 * -- MENU STYLES --
 * I want to customize how my .pure-menu looks at the top of the page
@@ -93,7 +90,7 @@ a.pure-button-primary {
 .home-menu {
   padding: 0.5em;
   text-align: center;
-  box-shadow: 0 1px 1px rgba(0,0,0, 0.10);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
 .home-menu {
   background: #000;
@@ -116,24 +113,25 @@ a.pure-button-primary {
   color: white;
 }
 
-.home-menu a, .footer a {
-  color: #6FBEF3;
+.home-menu a,
+.footer a,
+.ribbon a {
+  color: #6fbef3;
 }
 .home-menu li a:hover,
 .home-menu li a:focus {
   background: none;
   border: none;
-  color: #AECFE5;
+  color: #aecfe5;
 }
 
-
 /*
 * -- SPLASH STYLES --
 * This is the blue top section that appears on the page.
 */
 
 .splash-container {
-  background-image: url('bg.webp');
+  background-image: url("bg.webp");
   background-color: #fff;
   background-position: left top;
   background-size: cover;
@@ -158,7 +156,10 @@ a.pure-button-primary {
   height: 50%;
   margin: auto;
   position: absolute;
-  top: 100px; left: 0; bottom: 0; right: 0;
+  top: 100px;
+  left: 0;
+  bottom: 0;
+  right: 0;
   text-align: center;
   text-transform: uppercase;
 }
@@ -255,7 +256,6 @@ a.pure-button-primary {
 * of the mobile styles.
 */
 @media (min-width: 48em) {
-
   /* We increase the body font size */
   body {
     font-size: 16px;
@@ -286,7 +286,6 @@ a.pure-button-primary {
     font-size: 250%;
   }
 
-
   /* We remove the border-separator assigned to .l-box-lrg */
   .l-box-lrg {
     border: none;