add mainteance message

Author: philmillman

README.md

@@ -1,5 +1,7 @@
 # DMNO [![npm](https://img.shields.io/npm/v/dmno?label=dmno)](https://www.npmjs.com/package/dmno)
 
+> **Maintenance mode:** DMNO receives critical bug and security fixes only. For a suitable replacement, see [Varlock](https://varlock.dev).
+
 >Full-stack configuration & secrets.
 >Batteries included.
 

packages/docs-site/src/components/CustomStarlightBanner.astro

@@ -1,28 +1,19 @@
 ---
 import type { Props } from "@astrojs/starlight/props";
+import MaintenanceCallout from "./MaintenanceCallout.astro";
 
 const { banner } = Astro.locals.starlightRoute.entry.data;
 
 const showDefaultBanner =
-  !banner &&
-  Astro.url.pathname.startsWith("/docs/") &&
-  !["/docs/"].includes(Astro.url.pathname);
+  !banner && Astro.url.pathname.startsWith("/docs/");
 ---
 
 {
   (banner || showDefaultBanner) && (
     <div class="sl-banner__wrap">
       <div class="sl-banner__wrap-inner">
         {banner && <div class="sl-banner" set:html={banner.content} />}
-        {showDefaultBanner && (
-          <div class="sl-banner info richtext">
-            ✨ If you've tried DMNO or looked through the docs,{" "}
-            <a href="https://forms.gle/AfM99kTJ9p1c25g86" target="_blank">
-              let us know
-            </a>
-            what you think!
-          </div>
-        )}
+        {showDefaultBanner && <MaintenanceCallout />}
       </div>
     </div>
   )

packages/docs-site/src/components/MaintenanceCallout.astro

@@ -0,0 +1,23 @@
+<div class="maintenance-callout richtext">
+  <strong>DMNO is in maintenance mode.</strong> We will continue to provide critical
+  bug and security fixes, but active development has moved to{" "}
+  <a href="https://varlock.dev" target="_blank">Varlock</a>, a feature-rich
+  replacement.
+</div>
+
+<style lang="less">
+  .maintenance-callout {
+    padding: var(--sl-nav-pad-y) var(--sl-nav-pad-x);
+    border-width: 1px 4px;
+    line-height: var(--sl-line-height-headings);
+    text-align: center;
+    text-wrap: balance;
+    background: linear-gradient(
+      45deg,
+      var(--brand-orange--t2) 0%,
+      var(--brand-red--t2) 100%
+    );
+    border: 1px solid var(--brand-orange);
+    color: var(--color-text-full-shade);
+  }
+</style>

packages/docs-site/src/pages/index.astro

@@ -5,6 +5,7 @@ import LandingPage from "@/components/layouts/LandingPage.astro";
 import CTABlock from "@/components/CTABlock.astro";
 import Hero from "@/components/Hero.astro";
 import LandingPageSection from "@/components/LandingPageSection.astro";
+import MaintenanceCallout from "@/components/MaintenanceCallout.astro";
 
 import IntegrationsHero from "@/components/homepage/IntegrationsHero.vue";
 
@@ -25,6 +26,10 @@ const muxId = "FmBLL2H1yt6cEfqz01QVje7LSlI8DtF9Vn18NRsv5o6E";
   showSidebar={false}
   showIntegrations={true}
 >
+  <div class="homepage-callout">
+    <MaintenanceCallout />
+  </div>
+
   <Hero>
     <Fragment slot="heading">Connective Configuration</Fragment>
     <Fragment slot="subheading">
@@ -62,4 +67,12 @@ const muxId = "FmBLL2H1yt6cEfqz01QVje7LSlI8DtF9Vn18NRsv5o6E";
   />
 </LandingPage>
 
-<style></style>
+<style lang="less">
+  .homepage-callout {
+    padding: 1rem 2rem 0;
+
+    @media (min-width: 50rem) {
+      padding: 1.5rem 2rem 0;
+    }
+  }
+</style>