Skip to content

Design refresh: new About page, refreshed Home, Phosphor Icons #155

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
djoufson merged 4 commits into from
Apr 9, 2026
Merged

Design refresh: new About page, refreshed Home, Phosphor Icons #155

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
f940639
Add About page and refresh Home design
djoufson Apr 9, 2026
50d2c12
Add founders, SVG icons and clean up About/Home
djoufson Apr 9, 2026
eaf6fbb
Hide contact links, refresh stats and founders
djoufson Apr 9, 2026
ebc1646
Use Phosphor Icons instead of inline SVGs
djoufson Apr 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions src/app/Components/App.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,11 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">

<!-- Phosphor Icons -->
<link rel="stylesheet" type="text/css" href="https://unpkg.com/@@phosphor-icons/web@2.1.1/src/regular/style.css">
<link rel="stylesheet" type="text/css" href="https://unpkg.com/@@phosphor-icons/web@2.1.1/src/fill/style.css">
<link rel="stylesheet" type="text/css" href="https://unpkg.com/@@phosphor-icons/web@2.1.1/src/duotone/style.css">

<base href="/" />
<link rel="stylesheet" href="@Assets["/app.css"]" />
<ImportMap />
Expand Down
18 changes: 1 addition & 17 deletions src/app/Components/Components/Footer.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
@inject Microsoft.Extensions.Localization.IStringLocalizerFactory LocalizerFactory
@using app.Resources
@using Microsoft.Extensions.Localization
@inject IWebHostEnvironment Environment

<section class="text-white bg-opacity-85">
<div class="section relative mt-2 p-4 py-8 container mx-auto">
Expand All @@ -21,23 +20,8 @@
<li class="flex w-fit items-center hover:translate-x-2 transition-all">
<a data-enhance-nav="false" href="/events" class="py-1" aria-label="Events">@L["Footer_Events"]</a>
</li>
@if (Environment.IsDevelopment())
{
<li class="flex w-fit items-center hover:translate-x-2 transition-all">
<a data-enhance-nav="false" href="/jobs" class="py-1 flex items-center gap-2" aria-label="Jobs">
Jobs
<span class="text-[10px] py-1 px-2 rounded-full bg-primary text-white">Soon</span>
</a>
</li>
}
<li class="flex w-fit items-center hover:translate-x-2 transition-all">
<a data-enhance-nav="false" href="/" class="py-1" aria-label="About">@L["Footer_About"] <span class="ml-2 text-[10px] py-1 px-2 rounded-full bg-primary text-white">@L["Footer_Soon"]</span></a>
</li>
<li class="flex w-fit items-center hover:translate-x-2 transition-all">
<a data-enhance-nav="false" href="/" class="py-1" aria-label="Projects">@L["Footer_Projects"] <span class="ml-2 text-[10px] py-1 px-2 rounded-full bg-primary text-white">@L["Footer_Soon"]</span></a>
</li>
<li class="flex w-fit items-center hover:translate-x-2 transition-all">
<a data-enhance-nav="false" href="/" class="py-1" aria-label="Contact">@L["Footer_Resources"]</a>
<a data-enhance-nav="false" href="/about" class="py-1" aria-label="About">@L["Footer_About"]</a>
</li>
</ul>
</nav>
Expand Down
46 changes: 4 additions & 42 deletions src/app/Components/Components/NavBar.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@
@using Microsoft.Extensions.Localization
@inject IFeatureFlagService FeatureFlagService
@inject IDevModeService DevModeService
@inject IWebHostEnvironment Environment

<header>
<nav id="navbar" class="relative w-full z-50 bg-white shadow-sm">
Expand Down Expand Up @@ -39,37 +38,14 @@
</DropDownContent>
</DropDown>
</li>
@if (Environment.IsDevelopment())
{
<li>
<NavLink href="/jobs" data-enhance-nav="false"
class="text-gray-700 hover:text-gray-900 transition-colors font-medium flex items-center gap-2">
Jobs
<span class="text-[10px] py-1 px-2 rounded-full bg-primary text-white">Soon</span>
</NavLink>
</li>
}
@* <li>
<NavLink href="/about" data-enhance-nav="false"
class="text-gray-700 hover:text-gray-900 transition-colors font-medium">About us</NavLink>
</li>
<li>
<NavLink href="/projects" data-enhance-nav="false"
class="text-gray-700 hover:text-gray-900 transition-colors font-medium">Projects</NavLink>
<NavLink href="/about" data-enhance-nav="false"
class="text-gray-700 hover:text-gray-900 transition-colors font-medium">@SharedLocalizer["Nav_About"]</NavLink>
</li>
<li>
<NavLink href="/resources" data-enhance-nav="false"
class="text-gray-700 hover:text-gray-900 transition-colors font-medium">Resources</NavLink>
</li> *@
</ul>

<!-- Right side actions -->
<div class="flex items-center gap-4">
<!-- Contact button -->
<NavLink href="/contact" data-enhance-nav="false" class="btn btn-outline">
Contact-us
</NavLink>

<!-- Language selector -->
<div class="hidden md:flex items-center">
<LanguageDropdown CurrentLanguage="@GetCurrentLanguage()" GetSetCultureUrl="@GetSetCultureUrl" />
Expand Down Expand Up @@ -105,22 +81,8 @@
<NavLink href="/events" data-enhance-nav="false"
class="block pl-4 text-gray-600 hover:text-gray-900 transition-colors">All Events</NavLink>
</div>
@if (Environment.IsDevelopment())
{
<NavLink href="/jobs" data-enhance-nav="false"
class="block text-gray-700 hover:text-gray-900 transition-colors font-medium items-center gap-2">
Jobs
<span class="text-[10px] py-1 px-2 rounded-full bg-primary text-white">Soon</span>
</NavLink>
}
@* <NavLink href="/about" data-enhance-nav="false"
class="block text-gray-700 hover:text-gray-900 transition-colors font-medium">About us</NavLink>
<NavLink href="/projects" data-enhance-nav="false"
class="block text-gray-700 hover:text-gray-900 transition-colors font-medium">Projects</NavLink>
<NavLink href="/resources" data-enhance-nav="false"
class="block text-gray-700 hover:text-gray-900 transition-colors font-medium">Resources</NavLink>
<NavLink href="/contact" data-enhance-nav="false"
class="block text-gray-700 hover:text-gray-900 transition-colors font-medium">Contact-us</NavLink> *@
<NavLink href="/about" data-enhance-nav="false"
class="block text-gray-700 hover:text-gray-900 transition-colors font-medium">@SharedLocalizer["Nav_About"]</NavLink>
<div class="flex items-center gap-4 pt-4 border-t border-gray-200">
<LanguageDropdown CurrentLanguage="@GetCurrentLanguage()" GetSetCultureUrl="@GetSetCultureUrl" />
</div>
Expand Down
40 changes: 40 additions & 0 deletions src/app/Components/Components/Partners.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
@using Microsoft.Extensions.Localization
@inject IStringLocalizerFactory LocalizerFactory

<section class="bg-gradient-to-b from-white to-gray-50">
<div class="section container mx-auto">
<div class="text-center max-w-2xl mx-auto mb-12">
<span class="inline-block px-4 py-1 bg-primary/10 text-primary rounded-full text-sm font-semibold mb-4">
@SharedLocalizer["Sponsors_Badge"]
</span>
<h2 class="heading heading-1">@SharedLocalizer["Sponsors_Title"]</h2>
<p class="text-gray-600">@SharedLocalizer["Sponsors_Description"]</p>
</div>

<div class="grid grid-cols-2 md:grid-cols-4 gap-6 items-center max-w-4xl mx-auto">
@foreach (var partner in _partners)
{
<a data-enhance-nav="false" href="@partner.Url" target="_blank" rel="noopener"
class="group bg-white rounded-xl border border-gray-100 p-6 flex items-center justify-center h-[120px] hover:shadow-lg hover:border-primary/30 hover:-translate-y-1 transition-all duration-300">
<img src="@Assets[partner.Image]" alt="@partner.Name"
class="max-h-[70px] max-w-full object-contain grayscale opacity-75 group-hover:grayscale-0 group-hover:opacity-100 transition-all duration-300" />
</a>
}
</div>
</div>
</section>

@code {
private IStringLocalizer? _sharedLocalizer;
private IStringLocalizer SharedLocalizer => _sharedLocalizer ??= LocalizerFactory.Create("SharedResources", "app");

private record Partner(string Name, string Image, string Url);

private static readonly Partner[] _partners =
[
new(".NET Foundation", "/assets/sponsors/dotnetfondation.webp", "https://dotnetfoundation.org"),
new("Packt", "/assets/sponsors/packt.svg", "https://www.packtpub.com/"),
new("Microsoft PowerPlatform Cameroun", "/assets/sponsors/Microsoft_PowerPlateform_Cameroun-removebg-preview.png", "https://www.linkedin.com/company/communaut%C3%A9-microsoft-powerplatform"),
new("Proditech", "/assets/sponsors/proditech.png", "https://proditech-digital.com"),
];
}
Loading
Loading