info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-01-31 05:07:41 +01:00
Code Issues Releases Wiki Activity

feat: add subscribe to changelog (#8012)

Browse Source 
* feat: add subscribe to changelog

* Add subscribe to changelog

---------

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
This commit is contained in:
Arik Chakma 2025-01-28 05:23:19 +06:00 committed by GitHub
parent 1ffa292c98
commit 412e3b5935
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.astro/settings.json
View File

@ -3,6 +3,6 @@
"enabled": false "enabled": false
}, },
"_variables": { "_variables": {
"lastUpdateCheck": 1737392387456 "lastUpdateCheck": 1738019390029
} }
} }

32
src/components/ChangelogBanner.astro
View File

@ -1,7 +1,7 @@
--- ---
import { getAllChangelogs } from '../lib/changelog'; import { getAllChangelogs } from '../lib/changelog';
import { DateTime } from 'luxon'; import { DateTime } from 'luxon';
import AstroIcon from './AstroIcon.astro';
const allChangelogs = await getAllChangelogs(); const allChangelogs = await getAllChangelogs();
const top10Changelogs = allChangelogs.slice(0, 10); const top10Changelogs = allChangelogs.slice(0, 10);
--- ---
@ -12,16 +12,18 @@ const top10Changelogs = allChangelogs.slice(0, 10);
<img <img
src='/images/gifs/rocket.gif' src='/images/gifs/rocket.gif'
alt='Rocket' alt='Rocket'
class='mr-2 hidden sm:inline h-12 w-12' class='mr-2 hidden h-12 w-12 sm:inline'
/> />
Actively Maintained Actively Maintained
</p> </p>
<p class='mt-1 mb-2 sm:my-2 text-sm leading-relaxed text-gray-600 sm:my-5 sm:text-lg'> <p
class='mb-2 mt-1 text-sm leading-relaxed text-gray-600 sm:my-2 sm:my-5 sm:text-lg'
>
We are always improving our content, adding new resources and adding We are always improving our content, adding new resources and adding
features to enhance your learning experience. features to enhance your learning experience.
</p> </p>
<div class='relative mt-2 sm:mt-8 text-left'> <div class='relative mt-2 text-left sm:mt-8'>
<div <div
class='absolute inset-y-0 left-[120px] hidden w-px -translate-x-[0.5px] translate-x-[5.75px] bg-gray-300 sm:block' class='absolute inset-y-0 left-[120px] hidden w-px -translate-x-[0.5px] translate-x-[5.75px] bg-gray-300 sm:block'
> >
@ -36,13 +38,13 @@ const top10Changelogs = allChangelogs.slice(0, 10);
<li class='relative'> <li class='relative'>
<a <a
href={`/changelog#${changelog.id}`} href={`/changelog#${changelog.id}`}
class='flex flex-col sm:flex-row items-start sm:items-center' class='flex flex-col items-start sm:flex-row sm:items-center'
> >
<span class='sm:w-[120px] flex-shrink-0 pr-0 sm:pr-4 text-right text-sm tracking-wide text-gray-400'> <span class='flex-shrink-0 pr-0 text-right text-sm tracking-wide text-gray-400 sm:w-[120px] sm:pr-4'>
{formattedDate} {formattedDate}
</span> </span>
<span class='h-3 w-3 flex-shrink-0 rounded-full bg-gray-300 hidden sm:block' /> <span class='hidden h-3 w-3 flex-shrink-0 rounded-full bg-gray-300 sm:block' />
<span class='text-balance sm:pl-8 text-base font-medium text-gray-900'> <span class='text-balance text-base font-medium text-gray-900 sm:pl-8'>
{changelog.frontmatter.title} {changelog.frontmatter.title}
</span> </span>
</a> </a>
@ -52,13 +54,23 @@ const top10Changelogs = allChangelogs.slice(0, 10);
} }
</ul> </ul>
</div> </div>
<div class='mt-2 sm:mt-8 text-left sm:text-center'> <div
class='mt-2 flex flex-col gap-2 sm:flex-row sm:mt-8 sm:items-center sm:justify-center'
>
<a <a
href='/changelog' href='/changelog'
class='inline-block text-sm sm:text-base rounded-lg sm:rounded-full bg-gray-800 px-4 sm:px-6 py-2 text-white transition-colors hover:bg-gray-700' class='inline-block rounded-lg border border-black bg-black px-4 py-2 text-sm text-white transition-colors hover:bg-gray-700 sm:rounded-full sm:px-6 sm:text-base'
> >
View Full Changelog View Full Changelog
</a> </a>
<button
data-guest-required
data-popup='login-popup'
class='flex flex-row items-center gap-2 rounded-lg border border-black bg-white px-4 py-2 text-sm text-black transition-all hover:bg-black hover:text-white sm:rounded-full sm:pl-4 sm:pr-5 sm:text-base'
>
<AstroIcon icon='bell' class='h-5 w-5' />
Subscribe for Notifications
</button>
</div> </div>
</div> </div>
</div> </div>