Post "two years"

packages/docs/src/components/HoorayButton.astro

@@ -0,0 +1,43 @@
+<style>
+  div {
+    display: none;
+    justify-content: center;
+  }
+
+  button {
+    color: var(--sl-color-text-accent);
+    margin-top: 2rem;
+    padding: 1rem;
+    background-color: var(--sl-color-orange);
+    border: 2px solid var(--sl-color-text-accent);
+    border-radius: 8px;
+    cursor: pointer;
+    font-size: 1.25rem;
+  }
+
+  button:hover {
+    background-color: var(--sl-color-bright-orange);
+  }
+</style>
+
+<div data-button-container>
+  <button>HOORAY, let's Knip even more!</button>
+</div>
+
+<script type="module" id="emoji-blasts">
+  import { emojiBlasts } from 'https://unpkg.com/[email protected]';
+  const container = document.querySelector('[data-button-container]');
+  const button = container.querySelector('button');
+  if(emojiBlasts && button) {
+    const cb = () => {
+      const { cancel } = emojiBlasts({ emojis: ["✂️", "🚀", "❤️", "🎉", "🧡", "2️⃣"] });
+      button.removeEventListener('click', cb);
+      button.addEventListener('click', () => {
+        cancel();
+        button.addEventListener('click', cb);
+      });
+    };
+    container.style.display = 'flex';
+    button.addEventListener('click', cb);
+  };
+</script>

packages/docs/src/content/docs/blog/brief-history.md

@@ -2,7 +2,7 @@
 title: A Brief History Of Knip
 date: 2023-10-15
 sidebar:
-  order: 4
+  order: 5
 ---
 
 _Published: 2023-10-15_

packages/docs/src/content/docs/blog/knip-v3.mdx

@@ -2,7 +2,7 @@
 title: Announcing Knip v3
 date: 2023-10-15
 sidebar:
-  order: 4
+  order: 6
 ---
 
 import { Tabs, TabItem } from '@astrojs/starlight/components';

packages/docs/src/content/docs/blog/knip-v4.mdx

@@ -2,7 +2,7 @@
 title: Announcing Knip v4
 date: 2024-01-16
 sidebar:
-  order: 2
+  order: 3
 ---
 
 import { Tabs, TabItem } from '@astrojs/starlight/components';

packages/docs/src/content/docs/blog/knip-v5.mdx

@@ -2,7 +2,7 @@
 title: Announcing Knip v5
 date: 2024-02-10
 sidebar:
-  order: 1
+  order: 2
 ---
 
 import { Tabs, TabItem } from '@astrojs/starlight/components';

packages/docs/src/content/docs/blog/release-notes-v2.md

@@ -1,7 +1,7 @@
 ---
 title: Release Notes v2
 sidebar:
-  order: 6
+  order: 7
 ---
 
 _2023-03-22_

packages/docs/src/content/docs/blog/slim-down-to-speed-up.md

@@ -2,7 +2,7 @@
 title: Slim down to speed up
 date: 2023-12-14
 sidebar:
-  order: 3
+  order: 4
 ---
 
 _Published: 2023-12-14_

packages/docs/src/content/docs/blog/two-years.mdx

@@ -0,0 +1,89 @@
+---
+title: Two Years
+date: 2024-10-04
+draft: true
+sidebar:
+  order: 1
+---
+
+_Published: 2024-10-04_
+
+import HoorayButton from '../../../components/HoorayButton.astro';
+import Projects from '../../../components/Projects.astro';
+import Sponsors from '../../../components/Sponsors.astro';
+
+Exactly two years ago the first commit was pushed to GitHub and the first
+version of Knip was published. The name was initially [Exportman][1]! We've come
+a loooong way... The JavaScript ecosystem is highly dynamic and I've been crazy
+enough to even start, try and keep up with it! But here we are.
+
+October 4th is World Animal Day, so there was really no choice but bring in the
+crazy mascot that early adopters may remember:
+
+![Crazy cow with orange scissors in Van Gogh style][2]
+
+Today we celebrate an unknown but CRAZY amount of clutter removed from so many
+codebases with Knip's help. Every single day I see many of those little red
+blocks for thousands of lines of deleted code and dependencies. Call me crazy,
+but to me this is pure joy and will never get old!    🟩 🟥 🟥 🟥 🟥
+
+<HoorayButton />
+
+## Smiling faces
+
+More and more projects add Knip to their projects and CI workflows to keep
+ever-growing codebases tidy. Some numbers that made me happy today:
+
+- Over [2.500 dependent repositories][3] on GitHub
+- Over [750.000 weekly downloads][4] on npm
+- Over [6.600 stars][5] on GitHub
+- Knip has [76 plugins][6] going the extra mile for you
+
+What matters most however - the actual amount of code and dependencies removed,
+and the number of smiling faces this brings - will always remain a good mystery.
+I'm just glad if Knip plays a small part in today's ecosystem to help with that.
+
+Thanks for bearing with me, here's to a lot more little red blocks in your PRs!
+   🟩 🟥 🟥 🟥 🟥
+
+## Stable
+
+If you haven't tried Knip recently, it's worth taking another look! Version 5
+was released 8 months ago, and even though there were no breaking changes, it
+includes many enhancements. In fact, Knip has been largely stable since version
+3, which came out a year ago. Many releases have a compound effect, as Knip has
+kept the pace for two years now.
+
+## Projects using Knip
+
+This list of projects using Knip to keep their codebases tidy is something I
+couldn't be more proud of:
+
+:::section{.columns.min200}
+
+<Projects />
+
+:::
+
+And so many more not even on the radar. Very, very cool!
+
+## Sponsors
+
+Last but not least, eternal gratitude for all the sponsors that have been
+supporting me along the way. THANK YOU, THANK YOU, THANK YOU!
+
+And eh.. gotta take my chances: how about [joining this awesome club][7]?
+
+:::section{.columns.min300.mt}
+
+<Sponsors />
+
+:::
+
+[1]: https://www.npmjs.com/package/exportman/v/0.0.1
+[2]: /cow-with-orange-scissors-van-gogh-style.webp
+[3]: https://github.com/webpro-nl/knip/network/dependents
+[4]: https://www.npmjs.com/package/knip
+[5]: https://github.com/webpro-nl/knip
+[6]: ../reference/plugins.md
+[7]: /sponsors

packages/docs/src/content/docs/index.mdx

@@ -14,6 +14,10 @@ hero:
       link: ./overview/getting-started
       icon: right-arrow
       variant: primary
+    - text: 'NEW! Two Years'
+      link: /blog/two-years
+      icon: star
+      variant: secondary
     - text: View on GitHub
       link: https://github.com/webpro-nl/knip
       icon: external

packages/docs/src/styles/content.css

@@ -58,6 +58,10 @@ html {
   border-inline-start-color: var(--sl-color-gray-1);
 }
 
+.sl-markdown-content section.columns.mt {
+  margin-top: 3rem;
+}
+
 section.columns ul {
   padding: 0;
   list-style: none;
@@ -129,6 +133,10 @@ section.plugins li {
   margin-top: 2rem;
 }
 
+.sl-markdown-content p > img {
+  margin: 2rem 0;
+}
+
 :root[data-theme='light'] {
   .logo-border {
     border-color: var(--sl-color-black);

packages/docs/src/styles/hero.css

@@ -24,6 +24,10 @@
   background-color: var(--sl-color-bright-orange);
 }
 
+.actions .sl-link-button.secondary:hover {
+  background-color: var(--sl-color-orange);
+}
+
 :root {
   .actions .sl-link-button.primary {
     color: var(--sl-color-white);