From fd28134846a2eeeaad880d4c14673d3b50220e1e Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Fri, 13 Sep 2024 23:19:47 +0100 Subject: [PATCH] Update UI for changelog page --- src/components/Changelog/ChangelogItem.astro | 29 ++++++++------- src/data/changelogs/leaderboard-page.md | 24 ++++++++----- src/pages/changelog.astro | 38 ++++++++++++++++++++ src/pages/changelogs.astro | 29 --------------- 4 files changed, 69 insertions(+), 51 deletions(-) create mode 100644 src/pages/changelog.astro delete mode 100644 src/pages/changelogs.astro diff --git a/src/components/Changelog/ChangelogItem.astro b/src/components/Changelog/ChangelogItem.astro index 7f51dd921..3d793724a 100644 --- a/src/components/Changelog/ChangelogItem.astro +++ b/src/components/Changelog/ChangelogItem.astro @@ -11,24 +11,27 @@ const { changelog } = Astro.props; const { frontmatter } = changelog; const formattedDate = DateTime.fromISO(frontmatter.date).toFormat( - 'dd LLLL, yyyy', + 'dd LLL, yyyy', ); --- -
- -
-

+
+ + +
+ + {formattedDate} + + {changelog.frontmatter.title} -

- {formattedDate} + +
- +
+
- +
diff --git a/src/data/changelogs/leaderboard-page.md b/src/data/changelogs/leaderboard-page.md index 21f77fd6b..d3fae968f 100644 --- a/src/data/changelogs/leaderboard-page.md +++ b/src/data/changelogs/leaderboard-page.md @@ -1,19 +1,25 @@ --- -title: 'Leaderboard Page' -description: 'New leaderbaord page showing the most active users' +title: 'New Dashboard, Leaderboards and Projects' +description: 'New leaderboard page showing the most active users' seo: title: 'Leaderboard Page - roadmap.sh' description: '' date: 2024-09-13 --- -![Leaderboard Page](https://assets.roadmap.sh/guest/accordion-rbvpo.png) +TL;DR: new dashboard, leaderboard page and projects page. -We are introducing a new leaderboard page that will show the most active users on the platform. This will help users to see who is contributing the most to the community and motivate them to participate more. +- New dashboard for logged-in users +- New leaderboard page +- Projects page listing all projects +- Ability to stop a started project +- Frontend and backend content improvements +- Bug fixes -- Top users will be shown based on the number of contributions they have made. -- Users will be able to see their own rank on the leaderboard. -- Users will be able to see the rank of other users on the leaderboard. -- Top performers will be highlighted on the leaderboard. +![Leaderboard Page](https://assets.roadmap.sh/guest/personal-dashboard.png) -You can check out the leaderboard page [here](/leaderboard). +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). + +We also launched a new [leaderboard page](/leaderboard) showing the most active users, users who completed most projects and more. + +There is also a [new projects page](/projects) where you can see all the projects you have been working on. You can also now stop a started project. \ No newline at end of file diff --git a/src/pages/changelog.astro b/src/pages/changelog.astro new file mode 100644 index 000000000..12f6f90fd --- /dev/null +++ b/src/pages/changelog.astro @@ -0,0 +1,38 @@ +--- +import SimplePageHeader from '../components/SimplePageHeader.astro'; +import BaseLayout from '../layouts/BaseLayout.astro'; +import { getAllChangelogs } from '../lib/changelog'; +import ChangelogItem from '../components/Changelog/ChangelogItem.astro'; + +const allChangelogs = await getAllChangelogs(); +--- + + +
+
+
+

Changelog

+

Here is everything we have been shipping recently

+
+
+ +
+
+
+
+ + { + allChangelogs.map((changelog) => ( + + )) + } +
+
+
+ diff --git a/src/pages/changelogs.astro b/src/pages/changelogs.astro deleted file mode 100644 index c71c5decd..000000000 --- a/src/pages/changelogs.astro +++ /dev/null @@ -1,29 +0,0 @@ ---- -import SimplePageHeader from '../components/SimplePageHeader.astro'; -import BaseLayout from '../layouts/BaseLayout.astro'; -import { getAllChangelogs } from '../lib/changelog'; -import ChangelogItem from '../components/Changelog/ChangelogItem.astro'; - -const allChangelogs = await getAllChangelogs(); ---- - - - - -
-
- { - allChangelogs.map((changelog) => ( - - )) - } -
-
-