johanleroy/Portfolio_angular
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Init pages

Browse Source
This commit is contained in:
leroy
2025-04-19 13:57:31 +02:00
parent d15f69b85e
commit 20fc934eb9
43 changed files with 1045 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/app/public/public-layout/public-layout.component.html
View File

@@ -1 +1,43 @@
<router-outlet />
<div class="min-h-screen bg-[#FFFAFF]">
<header class="bg-[#181818] text-[#FFFAFF] shadow-lg fixed w-full z-10">
<div class="container mx-auto px-4 py-4">
<div class="flex justify-between items-center">
<!-- Logo / Nom -->
<div class="text-xl font-bold">
<a routerLink="/" class="flex items-center">
<span class="text-[#3E92CC]">Johan</span>
<span class="ml-1">Leroy</span>
</a>
</div>
<!-- Navigation -->
<nav class="hidden md:flex space-x-8">
<a routerLink="/" class="hover:text-[#3E92CC] transition-colors">Accueil</a>
<a routerLink="/formations" class="hover:text-[#3E92CC] transition-colors">Mes formations</a>
<a routerLink="/experience" class="hover:text-[#3E92CC] transition-colors">Mon expérience professionnelle</a>
<a routerLink="/projets" class="hover:text-[#3E92CC] transition-colors">Mes projets</a>
</nav>
<!-- Menu mobile -->
<div class="md:hidden">
<button (click)="toggleMobileMenu()" class="text-[#FFFAFF] focus:outline-none">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
</div>
</div>
<!-- Menu mobile déroulant -->
<div *ngIf="mobileMenuOpen" class="md:hidden mt-4 pb-4">
<div class="flex flex-col space-y-3">
<a routerLink="/" class="hover:text-[#3E92CC] transition-colors">Accueil</a>
<a routerLink="/formations" class="hover:text-[#3E92CC] transition-colors">Mes formations</a>
<a routerLink="/experience" class="hover:text-[#3E92CC] transition-colors">Mon expérience professionnelle</a>
<a routerLink="/projets" class="hover:text-[#3E92CC] transition-colors">Mes projets</a>
</div>
</div>
</div>
</header>
<router-outlet />
</div>

13
src/app/public/public-layout/public-layout.component.ts
View File

@@ -1,14 +1,23 @@
import { Component } from '@angular/core';
import {RouterOutlet} from '@angular/router';
import {RouterLink, RouterOutlet} from '@angular/router';
import {NgIf} from '@angular/common';
@Component({
selector: 'app-public-layout',
imports: [
RouterOutlet
RouterOutlet,
NgIf,
RouterLink
],
templateUrl: './public-layout.component.html',
styleUrl: './public-layout.component.css'
})
export class PublicLayoutComponent {
mobileMenuOpen = false;
toggleMobileMenu() {
this.mobileMenuOpen = !this.mobileMenuOpen;
}
}