Add changelog page

src/components/Changelog/ChangelogLaunch.astro

@@ -0,0 +1,33 @@
+---
+import { DateTime } from 'luxon';
+
+const formattedDate = DateTime.fromISO('2024-09-13').toFormat('dd LLL, yyyy');
+---
+
+<div class='relative mb-6'>
+  <span
+    class='absolute -left-6 top-2 h-2 w-2 flex-shrink-0 rounded-full bg-gray-300'
+  ></span>
+
+  <div
+    class='mb-3 flex flex-col items-start gap-0.5 sm:flex-row sm:items-center sm:gap-2'
+  >
+    <span class='flex-shrink-0 text-xs tracking-wide text-gray-400'>
+      {formattedDate}
+    </span>
+    <span class='truncate text-balance text-base font-medium'>
+      Changelog page is launched
+    </span>
+  </div>
+
+  <div
+    class='flex flex-col items-center justify-center gap-2 sm:gap-2 rounded-xl border bg-white px-8 py-12 text-center'
+  >
+    <img src='/images/rocket.gif' class='w-[70px] mb-4' />
+    <h2 class='text-balance text-xl font-medium'>Changelog page is launched</h2>
+    <p class='font-normal text-balance text-gray-400 text-sm sm:text-base'>
+      We will be sharing a selected list of updates, improvements, and fixes made to
+      the website. Stay tuned!
+    </p>
+  </div>
+</div>

src/data/changelogs/leaderboard-page.md

@@ -8,10 +8,10 @@ images:
 seo:
   title: 'Leaderboard Page - roadmap.sh'
   description: ''
-date: 2024-09-13
+date: 2024-09-17
 ---
 
-TL;DR: new dashboard, leaderboard page and projects page.
+Focus for this week was improving the user experience and adding new features to the platform. Here are the highlights:
 
 - New dashboard for logged-in users
 - New leaderboard page
@@ -20,7 +20,7 @@ TL;DR: new dashboard, leaderboard page and projects page.
 - Frontend and backend content improvements
 - Bug fixes
 
-We just launched a dedicated dashboard for logged-in users to showing progress, projects, bookmarks and more. You can still access the old homepage by visiting [this page](https://roadmap.sh/home).
+[Dashboard](/) would allow logged-in users to keep track of their bookmarks, learning progress, project and more. You can still visit the [old homepage](https://roadmap.sh/home) once you login.
 
 We also launched a new [leaderboard page](/leaderboard) showing the most active users, users who completed most projects and more.
 

src/data/changelogs/new-dashboard-page.md

@@ -1,12 +0,0 @@
----
-title: 'New Dashboard Page'
-description: 'We have added a new dashboard page to help you track your progress'
-seo:
-  title: 'New Dashboard Page - roadmap.sh'
-  description: 'We have added a new dashboard page to help you track your progress'
-date: 2024-09-12
----
-
-We have revamped the dashboard page for logged-in users. The new dashboard page will help you track your progress and see your overall progress in a single view. We have also added a new progress bar to help you visualize your progress.
-
-If you want to access the guest homepage, you check check it out [here](/home).

src/pages/changelog.astro

@@ -3,6 +3,7 @@ import SimplePageHeader from '../components/SimplePageHeader.astro';
 import BaseLayout from '../layouts/BaseLayout.astro';
 import { getAllChangelogs } from '../lib/changelog';
 import ChangelogItem from '../components/Changelog/ChangelogItem.astro';
+import ChangelogLaunch from '../components/Changelog/ChangelogLaunch.astro';
 
 const allChangelogs = await getAllChangelogs();
 ---
@@ -38,6 +39,8 @@ const allChangelogs = await getAllChangelogs();
           <ChangelogItem changelog={changelog} />
         ))
       }
+
+      <ChangelogLaunch />
     </div>
   </div>
 </BaseLayout>