From d55ba7d0c359d5941dbecd60ab51802bb35b2e55 Mon Sep 17 00:00:00 2001
From: Garry Ing <garry.ing@gmail.com>
Date: Fri, 12 Jul 2024 20:39:16 -0400
Subject: [PATCH] fix cc badge

---
 _includes/footer.html |  6 ++++++
 _layouts/splash.html  |  4 ++--
 _sass/_layout.scss    | 11 +++++++++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 89b4c4cc..aee89a99 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -23,6 +23,12 @@
         border-style: dashed !important;
         background: transparent !important;
       }
+      #wcb.wcb-d #wcb_2 {
+        color: var(--black) !important;
+        display: block;
+        text-align: left;
+        font-size: .875rem;
+      }
     </style>
   </div>
   <script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>
diff --git a/_layouts/splash.html b/_layouts/splash.html
index cbe449a4..22bf3284 100644
--- a/_layouts/splash.html
+++ b/_layouts/splash.html
@@ -12,7 +12,7 @@ <h4 class="font-display text-2xl mb-0">
     </h4>
     <h5 class="font-display text-2xl mt-0 mb-0">Vancouver, BC</h5>
   </header>
-  <div>
+  <div class="relative">
     <pre
       role="img"
       aria-label="ASCII mountains and clouds in the background with a laptop in the foreground with NETWORK IS OPTIONAL and DOES NOT COMPUTE text on the screen"
@@ -28,7 +28,7 @@ <h5 class="font-display text-2xl mt-0 mb-0">Vancouver, BC</h5>
            |░░░░░░░░░░░░<span class="text-accent">×</span>|   ·.         ~-._     . .  ·· . . 
            <span class="screen"></span>
            |░░░░░░░░░░░░░|
-            \\###########\\   <a href="#register" class="text-sm leading-relaxed active:bg-accent font-mono antialiased rounded p-1 px-2 no-underline outlined border border-inherit active:text-white active:outline-accent"><span class="font-display-mono">*</span> Register <span class="font-display-mono">*</span></a>
+            \\###########\\   <a id="register-button" href="#register" class="text-sm leading-relaxed active:bg-accent font-mono antialiased rounded p-1 px-2 no-underline outlined border border-inherit active:text-white active:outline-accent"><span class="font-display-mono">*</span> Register <span class="font-display-mono">*</span></a>
              \      ___    \
               \_____\__\____\</pre>
   </div>
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 5bf97f46..73f96284 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -237,3 +237,14 @@
     font-family: var(--font-family-display-mono);
   }
 }
+
+#register-button {
+  @media (max-width: $on-palm) {
+    position: absolute;
+    text-align: center;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    background-color: var(--beige);
+  }
+}
\ No newline at end of file