fix cc badge

ournetworks · Jul 13, 2024 · d55ba7d · d55ba7d
1 parent 2ff72fc
commit d55ba7d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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);
+  }
+}