From 0c58bf3717cee9ce8954c753a93e417de872aeb8 Mon Sep 17 00:00:00 2001 From: Afonso Jorge Ramos Date: Wed, 22 Jul 2026 03:07:04 +0200 Subject: [PATCH 01/10] feat: redesign site with dark developer-focused aesthetic --- src/components/DownloadButton.astro | 18 +-- src/components/Footer.astro | 83 +++++++--- src/components/Hero.astro | 82 +++++++--- src/components/Navbar.astro | 65 ++++---- src/constants.ts | 11 ++ src/layouts/Layout.astro | 12 +- src/layouts/SectionRow.astro | 57 ++++--- src/pages/404.astro | 45 +++--- src/pages/faq.astro | 21 ++- src/pages/index.astro | 230 ++++++++++++++++++++++++---- src/styles/app.css | 80 +++++++--- tailwind.config.ts | 46 +++--- 12 files changed, 544 insertions(+), 206 deletions(-) diff --git a/src/components/DownloadButton.astro b/src/components/DownloadButton.astro index 2c0c8ffe..1a5045de 100644 --- a/src/components/DownloadButton.astro +++ b/src/components/DownloadButton.astro @@ -5,23 +5,23 @@ export interface Props { item: { url: string; name: string; + icon?: string; }; + variant?: 'primary' | 'ghost'; } -const { item } = Astro.props; +const { item, variant = 'ghost' } = Astro.props; --- -
- - {item.name} -
+ + {item.name}
diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 30463307..4c18ca91 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -3,32 +3,69 @@ import { Icon } from 'astro-icon/components'; import { siteMetadata, URLs } from '~/constants'; -const { currentPathname } = Astro.props; -const isHomepage = currentPathname === '/'; +import Logo from '~/components/Logo.astro'; + +const links = [ + { name: 'FAQ', path: '/faq/' }, + { name: 'Releases', path: URLs.GITHUB.LATEST_RELEASE }, + { name: 'Issues', path: URLs.GITHUB.ISSUES }, + { name: 'GitHub', path: URLs.GITHUB.REPO }, +]; --- -
-
- +
+
- - +
+ +
+
{siteMetadata.title}
+
+ {siteMetadata.description}. +
+
+
+ + +
-
- Copyright ©{' '} - {siteMetadata.author.name} - {' '} - {new Date().getFullYear()} +
+ + © {new Date().getFullYear()}{" "} + + {siteMetadata.author.name} + + + MIT Licensed · Free forever
-
+ diff --git a/src/components/Hero.astro b/src/components/Hero.astro index dcc782f9..9894b662 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -1,37 +1,79 @@ --- import { Image } from 'astro:assets'; -import { siteMetadata } from '~/constants'; - import notifications from '~/assets/notifications.png'; import LatestRelease from '~/components/LatestRelease.astro'; -import Logo from '~/components/Logo.astro'; --- -
+
+
+ +
-
- +
+
+ + Free & open source · macOS, Windows & Linux +
-

{siteMetadata.title}

+

+ Git notifications, right on your{" "} + menu bar. +

-

- {siteMetadata.description}. -

+

+ Gitify pulls every mention, review request and failing check out of your + inbox and into one quiet, always-visible tray. Inbox zero, without the + tab hoarding. +

+ +
+ + $ + brew install --cask gitify + +
-
- Gitify - Notifications +
+
+
+
+ + + + gitify +
+ Gitify - Notifications +
-
+
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index 42b2efcb..fc1ff6ec 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -5,42 +5,43 @@ import GitHubRepo from '~/components/GitHubRepo.astro'; import Logo from '~/components/Logo.astro'; const { currentPathname } = Astro.props; -const isHomepage = currentPathname === '/'; --- -