From e6094e04ffb219e80f0288d15cc56bdd8e6f7700 Mon Sep 17 00:00:00 2001 From: Djoufson CHE BENE Date: Sun, 7 Jun 2026 14:41:15 +0100 Subject: [PATCH 1/3] sober design pass on the Home page and its surrounding chrome Establishes the design language the rest of the site will follow: loud pill badges replaced with a small uppercase .eyebrow utility, decorative motion dropped (animate-bounce, the secondary ping, hover translate-x/-y, the banner shine sweep) while subtle hover/focus color and border transitions are kept. Hero overlay simplified to a single gradient, headings tightened (6xl with tracking-tight), stats restructured as restrained
blocks instead of glass cards, project and activity cards reworked to use border-color hover instead of heavy shadow, navbar links get a subtle bg-pill hover, and the footer moves to a real dark surface with icon-button socials. Co-Authored-By: Claude Opus 4.7 (1M context) --- .../Components/Components/ActivityCard.razor | 25 +- .../Components/Components/BannerStack.razor | 10 +- src/app/Components/Components/Footer.razor | 114 +++-- src/app/Components/Components/NavBar.razor | 14 +- src/app/Components/Components/Partners.razor | 20 +- src/app/Components/Pages/Home.razor | 439 +++++++++--------- src/app/styles/input.css | 37 +- 7 files changed, 337 insertions(+), 322 deletions(-) diff --git a/src/app/Components/Components/ActivityCard.razor b/src/app/Components/Components/ActivityCard.razor index c8bb0f3..9a7904b 100644 --- a/src/app/Components/Components/ActivityCard.razor +++ b/src/app/Components/Components/ActivityCard.razor @@ -1,18 +1,23 @@ -
- .NET Cameroon @Title -
-

@Title

-

@Description

+
+
+ .NET Cameroon @Title
-
- @if(!string.IsNullOrWhiteSpace(Link) && !string.IsNullOrWhiteSpace(LinkText)) +
+

@Title

+

@Description

+ @if (!string.IsNullOrWhiteSpace(Link) && !string.IsNullOrWhiteSpace(LinkText)) { - @LinkText + + @LinkText + + }
-
+
-@code{ +@code { [Parameter] public string Title { get; set; } = string.Empty; diff --git a/src/app/Components/Components/BannerStack.razor b/src/app/Components/Components/BannerStack.razor index fed3f4a..78251b2 100644 --- a/src/app/Components/Components/BannerStack.razor +++ b/src/app/Components/Components/BannerStack.razor @@ -17,15 +17,9 @@
- -
-
-
- - @SharedLocalizer["About_Mission_Badge"] - -

@SharedLocalizer["About_Mission_Title"]

-

@SharedLocalizer["About_Mission_Intro"]

+ +
+
+
+ @SharedLocalizer["About_Mission_Badge"] +

@SharedLocalizer["About_Mission_Title"]

+

@SharedLocalizer["About_Mission_Intro"]

-
-
-
- +
+ @* iconClass, color, title, description pattern repeated below *@ +
+
+
-

@SharedLocalizer["About_Mission_1_Title"]

-

@SharedLocalizer["About_Mission_1_Description"]

-
+

@SharedLocalizer["About_Mission_1_Title"]

+

@SharedLocalizer["About_Mission_1_Description"]

+ -
-
- +
+
+
-

@SharedLocalizer["About_Mission_2_Title"]

-

@SharedLocalizer["About_Mission_2_Description"]

-
+

@SharedLocalizer["About_Mission_2_Title"]

+

@SharedLocalizer["About_Mission_2_Description"]

+ -
-
- +
+
+
-

@SharedLocalizer["About_Mission_3_Title"]

-

@SharedLocalizer["About_Mission_3_Description"]

-
+

@SharedLocalizer["About_Mission_3_Title"]

+

@SharedLocalizer["About_Mission_3_Description"]

+ -
-
- +
+
+
-

@SharedLocalizer["About_Mission_4_Title"]

-

@SharedLocalizer["About_Mission_4_Description"]

-
+

@SharedLocalizer["About_Mission_4_Title"]

+

@SharedLocalizer["About_Mission_4_Description"]

+ -
-
- +
+
+
-

@SharedLocalizer["About_Mission_5_Title"]

-

@SharedLocalizer["About_Mission_5_Description"]

-
+

@SharedLocalizer["About_Mission_5_Title"]

+

@SharedLocalizer["About_Mission_5_Description"]

+ -
-
- +
+
+
-

@SharedLocalizer["About_Mission_6_Title"]

-

@SharedLocalizer["About_Mission_6_Description"]

-
+

@SharedLocalizer["About_Mission_6_Title"]

+

@SharedLocalizer["About_Mission_6_Description"]

+
- -
-
-
- - @SharedLocalizer["About_Values_Badge"] - -

@SharedLocalizer["About_Values_Title"]

+ +
+
+
+ @SharedLocalizer["About_Values_Badge"] +

@SharedLocalizer["About_Values_Title"]

-
-
-
- +
+
+
+
-

@SharedLocalizer["About_Value_Passion_Title"]

-

@SharedLocalizer["About_Value_Passion_Description"]

+

@SharedLocalizer["About_Value_Passion_Title"]

+

@SharedLocalizer["About_Value_Passion_Description"]

-
-
- +
+
+
-

@SharedLocalizer["About_Value_Collaboration_Title"]

-

@SharedLocalizer["About_Value_Collaboration_Description"]

+

@SharedLocalizer["About_Value_Collaboration_Title"]

+

@SharedLocalizer["About_Value_Collaboration_Description"]

-
-
- +
+
+
-

@SharedLocalizer["About_Value_Learning_Title"]

-

@SharedLocalizer["About_Value_Learning_Description"]

+

@SharedLocalizer["About_Value_Learning_Title"]

+

@SharedLocalizer["About_Value_Learning_Description"]

-
-
- +
+
+
-

@SharedLocalizer["About_Value_Impact_Title"]

-

@SharedLocalizer["About_Value_Impact_Description"]

+

@SharedLocalizer["About_Value_Impact_Title"]

+

@SharedLocalizer["About_Value_Impact_Description"]

- -
-
-
- - @SharedLocalizer["About_Founders_Badge"] - -

@SharedLocalizer["About_Founders_Title"]

-

@SharedLocalizer["About_Founders_Intro"]

+ +
+
+
+ @SharedLocalizer["About_Founders_Badge"] +

@SharedLocalizer["About_Founders_Title"]

+

@SharedLocalizer["About_Founders_Intro"]

-
+
-
-
+
+ -
-
+
+ -
-
+
+
- + - -
-
-
- -
-

- @SharedLocalizer["About_CTA_Title"] -

-

- @SharedLocalizer["About_CTA_Description"] -

-
- - - @SharedLocalizer["About_CTA_Join"] - + +
+
+
+
+

+ @SharedLocalizer["About_CTA_Title"] +

+

+ @SharedLocalizer["About_CTA_Description"] +

+
+ + + @SharedLocalizer["About_CTA_Join"] + +
diff --git a/src/app/Components/Pages/Account/Login.razor b/src/app/Components/Pages/Account/Login.razor index fa4843a..b94c5d6 100644 --- a/src/app/Components/Pages/Account/Login.razor +++ b/src/app/Components/Pages/Account/Login.razor @@ -7,37 +7,86 @@ @L["PageTitle_Login"] -
-