feat: Add maintenance notice

pangolinjs · Jan 10, 2023 · 847158f · 847158f
1 parent c8456e7
commit 847158f
Show file tree

Hide file tree

Showing 4 changed files with 62 additions and 0 deletions.
diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
@@ -13,6 +13,29 @@
   border-radius: 12px;
 }
 
+.Home-content {
+  margin-block-start: 48px;
+  padding-inline: 24px;
+}
+
+.Home-container {
+  max-width: 1152px;
+  margin: 0 auto;
+}
+
+.Home-content .custom-block-title {
+  font-size: 18px;
+}
+
+.Home-content .custom-block h2 {
+  margin-block: 0.7em 0.3em;
+  font-weight: bold;
+}
+
+.Home-content .custom-block .header-anchor {
+  display: none;
+}
+
 @media (min-width: 640px) {
   :root {
     --vp-home-hero-image-filter: blur(80px) opacity(0.6);
@@ -21,6 +44,10 @@
   .VPHero .image-src {
     max-width: 190px;
   }
+
+  .Home-content {
+    padding-inline: 48px;
+  }
 }
 
 @media (min-width: 960px) {
@@ -31,4 +58,8 @@
   .VPHero .image-src {
     max-width: 220px;
   }
+
+  .Home-content {
+    padding-inline: 64px;
+  }
 }
diff --git a/docs/index.md b/docs/index.md
@@ -23,3 +23,26 @@ features:
 - title: JavaScript
   details: JavaScript files are bundled together with webpack and transpiled with Babel and the env preset to support a specific browser set.
 ---
+
+<!-- markdownlint-disable no-inline-html -->
+<div class="Home-content"><div class="Home-container">
+<!-- markdownlint-enable no-inline-html -->
+
+::: warning Pangolin.js is currently unmaintained
+Please consider the following alternatives:
+
+## Component libraries
+
+* [miyagi](https://www.miyagi.dev/)
+* [Storybook](https://storybook.js.org/)
+* [Fractal](https://fractal.build/)
+
+## Build tools
+
+* [Vite](https://vitejs.dev/)
+* [PostCSS](https://postcss.org/)
+* [Rollup](https://rollupjs.org/)
+* [esbuild](https://esbuild.github.io/)
+:::
+
+</div></div>
diff --git a/docs/v6/guide/index.md b/docs/v6/guide/index.md
@@ -1,5 +1,9 @@
 # Introduction
 
+::: warning Unmaintained
+Pangolin.js is currently unmaintained, please consider alternatives.
+:::
+
 Pangolin.js is a framework for design system development with Nunjucks, Sass, and JavaScript. It helps building a frontend pattern library for web projects of all scales — small, medium, and large.
 
 * [Setup](setup)

diff --git a/docs/v6/index.md b/docs/v6/index.md
@@ -1,4 +1,8 @@
 # Pangolin.js v6
 
+::: warning Unmaintained
+Pangolin.js is currently unmaintained, please consider alternatives.
+:::
+
 * [Guide](guide/)
 * [Cookbook](cookbook/)