From 28c9be78322316bd5d03710f99bd6732647c647f Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 2 Jun 2026 21:40:03 +0000 Subject: [PATCH 1/4] =?UTF-8?q?refactor:=20rework=20UI=20design=20?= =?UTF-8?q?=E2=80=94=20header=20separator,=20footer,=20cards,=20badges,=20?= =?UTF-8?q?avatar=20decoration,=20logo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Fix author ID in getting-started meta.json (was "DISCORD" string, now actual Discord ID) - Remove emojis from all article markdown content (fr + en) - Nav: replace placeholder logo with Moddy brand SVG, add border-bottom separator, backdrop blur - Base layout: new compact footer (~80px) with Moddy logo, shared --page-max-width CSS token so footer aligns with content - Homepage: add hero banner section (colored card with logo + title), increase gaps/padding, larger typography - ArticleCard: raise border-radius to 24px, redesign label badge (outlined + fully rounded + better contrast), larger title/summary fonts, hover shadow - Article page: full rewrite of layout β€” banner uses new banner-card style, add labels row display, restructure author avatar so decoration img sits OUTSIDE overflow:hidden clip (no longer cropped) - Author page: restructure avatar HTML β€” avatar-outer has no overflow:hidden, avatar-circle clips only the photo, avatar-deco overlays at 125% size outside the circle border - Overall: consistent max-width, more generous padding, editorial spacing throughout https://claude.ai/code/session_016ZaubKTWBMpD8bXCnRL6va --- content/articles/getting-started/en.md | 2 +- content/articles/getting-started/fr.md | 2 +- content/articles/getting-started/meta.json | 2 +- content/articles/v1-changelog/en.md | 10 +- content/articles/v1-changelog/fr.md | 10 +- src/components/ArticleCard.astro | 143 ++++---- src/components/Nav.astro | 35 +- src/layouts/Base.astro | 91 +++--- src/pages/articles/[id].astro | 359 +++++++++++---------- src/pages/authors/[id].astro | 225 +++++++------ src/pages/index.astro | 169 +++++++--- 11 files changed, 590 insertions(+), 458 deletions(-) diff --git a/content/articles/getting-started/en.md b/content/articles/getting-started/en.md index 010c21d..eba8415 100644 --- a/content/articles/getting-started/en.md +++ b/content/articles/getting-started/en.md @@ -62,4 +62,4 @@ If Moddy doesn't respond: 2. Check that it isn't `timeout` or `banned` 3. Join our Discord server and open a support ticket -*Welcome to the Moddy community!* πŸŽ‰ +*Welcome to the Moddy community!* diff --git a/content/articles/getting-started/fr.md b/content/articles/getting-started/fr.md index e16f4e5..bc6f487 100644 --- a/content/articles/getting-started/fr.md +++ b/content/articles/getting-started/fr.md @@ -62,4 +62,4 @@ Si Moddy ne rΓ©pond pas : 2. VΓ©rifiez qu'il n'est pas `timeout` ou `banni` 3. Rejoignez notre serveur Discord et ouvrez un ticket de support -*Bienvenue dans la communautΓ© Moddy !* πŸŽ‰ +*Bienvenue dans la communautΓ© Moddy !* diff --git a/content/articles/getting-started/meta.json b/content/articles/getting-started/meta.json index 991bda8..14163fc 100644 --- a/content/articles/getting-started/meta.json +++ b/content/articles/getting-started/meta.json @@ -8,7 +8,7 @@ "fr": "Guide complet pour inviter Moddy sur votre serveur Discord et effectuer la configuration initiale en quelques minutes.", "en": "Complete guide to invite Moddy to your Discord server and complete the initial setup in just a few minutes." }, - "authors": ["DISCORD"], + "authors": ["1164597199594852395"], "createdAt": "2026-06-01", "labels": ["guide"], "banner": null, diff --git a/content/articles/v1-changelog/en.md b/content/articles/v1-changelog/en.md index 5a11a70..7371e6e 100644 --- a/content/articles/v1-changelog/en.md +++ b/content/articles/v1-changelog/en.md @@ -4,7 +4,7 @@ Welcome to the first public release of **Moddy**! This release marks the beginni --- -## πŸš€ New Features +## New Features ### Moderation @@ -35,20 +35,20 @@ Welcome to the first public release of **Moddy**! This release marks the beginni --- -## πŸ› Bug Fixes +## Bug Fixes - Improved general stability during traffic spikes - Fixed a crash on startup in certain Docker configurations --- -## ⚠️ Notes +## Notes > This version is a **public beta**. Changes may occur without notice. Join our Discord server to report bugs or suggest features. --- -## πŸ“¦ Installation +## Installation ```bash # Invite Moddy to your server @@ -59,4 +59,4 @@ Then run `/setup` to configure Moddy in a few minutes. --- -*Thank you for using Moddy β€” Built to let you focus on your community.* πŸŽ‰ +*Thank you for using Moddy β€” Built to let you focus on your community.* diff --git a/content/articles/v1-changelog/fr.md b/content/articles/v1-changelog/fr.md index 81334c7..188fe98 100644 --- a/content/articles/v1-changelog/fr.md +++ b/content/articles/v1-changelog/fr.md @@ -4,7 +4,7 @@ Bienvenue dans la premiΓ¨re version publique de **Moddy** ! Cette release marque --- -## πŸš€ Nouvelles fonctionnalitΓ©s +## Nouvelles fonctionnalitΓ©s ### ModΓ©ration @@ -35,20 +35,20 @@ Bienvenue dans la premiΓ¨re version publique de **Moddy** ! Cette release marque --- -## πŸ› Corrections +## Corrections - StabilitΓ© gΓ©nΓ©rale amΓ©liorΓ©e lors des pics de trafic - Correction d'un crash au dΓ©marrage sur certaines configurations Docker --- -## ⚠️ Notes +## Notes > Cette version est une **beta publique**. Des changements peuvent intervenir sans prΓ©avis. Rejoignez notre serveur Discord pour signaler des bugs ou proposer des fonctionnalitΓ©s. --- -## πŸ“¦ Installation +## Installation ```bash # Inviter Moddy sur votre serveur @@ -59,4 +59,4 @@ Puis lancez `/setup` pour configurer Moddy en quelques minutes. --- -*Merci d'utiliser Moddy β€” Built to let you focus on your community.* πŸŽ‰ +*Merci d'utiliser Moddy β€” Built to let you focus on your community.* diff --git a/src/components/ArticleCard.astro b/src/components/ArticleCard.astro index e04543c..b538f64 100644 --- a/src/components/ArticleCard.astro +++ b/src/components/ArticleCard.astro @@ -23,142 +23,163 @@ const bannerSrc = article.banner : null; --- -
-
-
-
+
+
{dateShort} -
-

{title}

 - {summary} -
- {primaryLabel ? ( - + {primaryLabel && ( + {primaryLabel.name} - ) : } + )} +
+ +

{title}

+ +

{summary}

+
arrow_forward - View Article + Lire l'article
diff --git a/src/components/Nav.astro b/src/components/Nav.astro index 550163f..f6f3f3e 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -9,13 +9,9 @@ const { slug = 'home' } = Astro.props;