# Files changed · PR \#59 · screen/col

[View on GitCafe](https://git.cafe/screen/col/pull/59/diffs)

Repository: [screen/col](https://git.cafe/screen/col)

Visibility: public

[Refresh the MCP notice and add the dotstore badge](https://git.cafe/screen/col/pull/59.md)

Version: 1

Head commit: ed0ea44b0f9e22632602dca9973b0179091942ed

Base commit: fa358ca2a27b78924c5afd183cbadd2db41910fc

Comparison base: fa358ca2a27b78924c5afd183cbadd2db41910fc

Showing up to 20 entries from this revision. If the pull request changes, reopen the first page before continuing.

## components/HomePage.module.css

Status: modified; +6; −1

```diff
@@ -142,7 +142,7 @@
     .timeline li { animation: rise linear both; animation-timeline: view(); animation-range: entry 10% entry 70%; }
   }
 }
-/* Footer: one slim row (brand, links, legal line) that wraps on narrow screens. Also used on the 404 page. */
+/* Footer wraps on narrow screens. Also used on the 404 page. */
 .footer { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; max-width: 1056px; margin: 0 auto; padding: 22px 24px 26px; box-shadow: inset 0 1px 0 var(--lib-line); color: var(--lib-text); }
 .page .footer { padding-left: 0; padding-right: 0; }
 .brand { display: inline-flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 800; }
@@ -150,6 +150,11 @@
 .footerNav { display: flex; flex: 1; flex-wrap: wrap; gap: 0 20px; }
 .footerNav a { display: inline-flex; align-items: center; gap: 3px; min-height: 30px; font-size: 13px; font-weight: 600; }
 .footerNav a svg { width: 12px; height: 12px; opacity: .7; }
+.productBadge { flex-shrink: 0; }
+.badgeDark { display: block; }
+.badgeLight { display: none; }
+:global(html.light) .badgeDark { display: none; }
+:global(html.light) .badgeLight { display: block; }
 .footerLegal { margin: 0; color: var(--lib-text-3); font-size: 12.5px; white-space: nowrap; }
 @media (max-width: 1200px) {
   .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
```

## components/SiteFooter.tsx

Status: modified; +5; −1

```diff
@@ -15,7 +15,7 @@
   ["Contribute", `${REPO_URL}/issues/new/choose`],
 ] as const;
 
-/** Slim one-row site footer: brand, links, and the legal line. Wraps on narrow screens. Also used on the 404 page. */
+/** Site footer with brand, links, product badge, and legal line. Also used on the 404 page. */
 export function SiteFooter() {
   return (
     <footer className={styles.footer}>
@@ -32,6 +32,10 @@
           );
         })}
       </nav>
+      <a href="https://www.dotstore.io/launches/2026-w41/col" target="_blank" rel="noopener noreferrer" className={styles.productBadge}>
+        <Image src="https://www.dotstore.io/launches/2026-w41/col/badge/award-dark.svg" alt="Col on dotstore" width={250} height={56} unoptimized className={styles.badgeDark} />
+        <Image src="https://www.dotstore.io/launches/2026-w41/col/badge/award-light.svg" alt="Col on dotstore" width={250} height={56} unoptimized className={styles.badgeLight} />
+      </a>
       <p className={styles.footerLegal}>
         © {new Date().getFullYear()} Screen · <a href={`${REPO_URL}/blob/main/LICENSE`} target="_blank" rel="noopener noreferrer">MIT license</a>
       </p>
```

## components/SiteNotice.tsx

Status: modified; +3; −3

```diff
@@ -3,7 +3,7 @@
 import { useEffect, useState } from "react";
 import { Button } from "@/components/ui/button";
 
-const noticeKey = "col:site-notice-dismissed";
+const noticeKey = "col:mcp-library-rework-notice-dismissed";
 
 export function SiteNotice() {
   const [open, setOpen] = useState(false);
@@ -31,8 +31,8 @@
     <aside aria-labelledby="site-notice-title" className="site-notice fixed inset-x-0 bottom-0 z-[60] border-t border-zinc-200 bg-white px-5 py-5 text-black dark:border-white/20 dark:bg-black dark:text-white sm:px-8">
       <div className="mx-auto flex max-w-7xl flex-col gap-5 sm:flex-row sm:items-center sm:justify-between">
         <div>
-          <h2 id="site-notice-title" className="text-base font-semibold">Col is still being built.</h2>
+          <h2 id="site-notice-title" className="text-base font-semibold">MCP and library page updates</h2>
+          <p className="mt-1 text-sm leading-6">We’ll be reworking Col’s MCP and dedicated library pages.</p>
-          <p className="mt-1 text-sm leading-6">Found an issue or bug? Please report it on GitHub.</p>
         </div>
         <div className="flex shrink-0 flex-wrap items-center gap-x-5 gap-y-2">
           <Button asChild className="site-notice-cta min-h-11 rounded-none bg-[#0800ff] px-4 text-sm font-semibold text-white hover:bg-[#241eff]">
```