Merge pull request #408 from DeterminateSystems/add-flakehub-link-in-banner

Fix up banner

Author: lucperkins

Diff for: src/assets/css/main.css

@@ -11,3 +11,7 @@
 [x-cloak] {
   display: none !important;
 }
+
+.banner-link {
+  @apply font-semibold duration-hover hover:text-nix-light-blue;
+}

Diff for: src/components/Banner.astro

@@ -8,11 +8,15 @@ const {
 } = site;
 ---
 
-<section class="bg-primary py-1.5 md:py-2 lg:py-2.5" x-show="banner" x-cloak>
+<section
+  class="bg-dark py-1.5 text-white dark:bg-white dark:text-dark md:py-2 lg:py-2.5"
+  x-show="banner"
+  x-cloak
+>
   <HorizontalContainer>
     <div class="flex items-center justify-between">
       <p
-        class="text-sm font-light text-white md:text-base lg:text-lg"
+        class="text-sm font-light md:text-base lg:text-lg"
         set:html={md(text)}
       />
 
@@ -23,7 +27,7 @@ const {
           viewBox="0 0 24 24"
           stroke-width="1.5"
           stroke="currentColor"
-          class="h-4 w-4 stroke-2 text-white hover:text-black md:h-5 md:w-5 lg:h-6 lg:w-6"
+          class="h-4 w-4 stroke-2 text-white duration-hover hover:text-nix-light-blue dark:text-dark dark:hover:text-nix-light-blue md:h-5 md:w-5 lg:h-6 lg:w-6"
         >
           <path
             stroke-linecap="round"

Diff for: src/components/Head.astro

@@ -66,7 +66,7 @@ const image = `${root}favicon.png`;
     title: title ?? siteTitle,
     description,
     image,
-    card: "summary"
+    card: "summary",
   }}
 />
 

Diff for: src/site.ts

@@ -54,7 +54,7 @@ export const site: Site = {
   languages: ["C++", "Go", "Haskell", "JavaScript", "Python", "Rust", "Scala"],
   defaultLanguage: "JavaScript",
   banner: {
-    text: "Check out <strong><Link target='_blank' href='https://FlakeHub.com'>FlakeHub</Link></strong> &mdash; the best place to discover and publish Nix flakes, from Determinate Systems.",
+    text: "Check out <strong><a target='_blank' class='banner-link' href='https://flakehub.com'>FlakeHub</a></strong>, the best place to discover and publish Nix flakes, brought to you by <strong><a target='_blank' class='banner-link' href='https://determinate.systems'>Determinate Systems</a></strong>.",
     generation: 2,
   },
   navbarLinks: [{ text: "About", href: "/about" }],