-
- TrouveTonProfile
-
+
diff --git a/src/app/shared/components/footer/footer.component.ts b/src/app/shared/components/footer/footer.component.ts
index 5c09a53..7666104 100644
--- a/src/app/shared/components/footer/footer.component.ts
+++ b/src/app/shared/components/footer/footer.component.ts
@@ -8,4 +8,6 @@ import { RouterLink } from '@angular/router';
templateUrl: './footer.component.html',
styleUrl: './footer.component.scss',
})
-export class FooterComponent {}
+export class FooterComponent {
+ readonly currentYear = new Date().getFullYear();
+}
diff --git a/src/app/shared/components/nav-bar/nav-bar.component.html b/src/app/shared/components/nav-bar/nav-bar.component.html
index 42cd3b4..edfe991 100644
--- a/src/app/shared/components/nav-bar/nav-bar.component.html
+++ b/src/app/shared/components/nav-bar/nav-bar.component.html
@@ -1,132 +1,136 @@
-
-
-
diff --git a/src/app/shared/components/pagination/pagination.component.html b/src/app/shared/components/pagination/pagination.component.html
new file mode 100644
index 0000000..37d1375
--- /dev/null
+++ b/src/app/shared/components/pagination/pagination.component.html
@@ -0,0 +1,36 @@
+
+
diff --git a/src/app/shared/components/pagination/pagination.component.scss b/src/app/shared/components/pagination/pagination.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/shared/components/pagination/pagination.component.spec.ts b/src/app/shared/components/pagination/pagination.component.spec.ts
new file mode 100644
index 0000000..d478844
--- /dev/null
+++ b/src/app/shared/components/pagination/pagination.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PaginationComponent } from './pagination.component';
+
+describe('PaginationComponent', () => {
+ let component: PaginationComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [PaginationComponent],
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(PaginationComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/shared/components/pagination/pagination.component.ts b/src/app/shared/components/pagination/pagination.component.ts
new file mode 100644
index 0000000..f75e00d
--- /dev/null
+++ b/src/app/shared/components/pagination/pagination.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-pagination',
+ standalone: true,
+ imports: [],
+ templateUrl: './pagination.component.html',
+ styleUrl: './pagination.component.scss',
+})
+export class PaginationComponent {}
diff --git a/tailwind.config.js b/tailwind.config.js
index d2f26e3..add51cd 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -18,8 +18,80 @@ module.exports = {
backgroundImage: {
auth: 'url("./assets/images/bg.avif")',
},
+ // Conteneurs max-width
+ maxWidth: {
+ 'container': '1280px',
+ 'content': '896px',
+ },
+
+ // Espacements personnalisés
+ spacing: {
+ '18': '4.5rem',
+ '88': '22rem',
+ '128': '32rem',
+ },
+
+ // Couleurs de la marque
+ colors: {
+ primary: {
+ 50: '#eef2ff',
+ 100: '#e0e7ff',
+ 200: '#c7d2fe',
+ 300: '#a5b4fc',
+ 400: '#818cf8',
+ 500: '#6366f1', // Indigo principal
+ 600: '#4f46e5',
+ 700: '#4338ca',
+ 800: '#3730a3',
+ 900: '#312e81',
+ 950: '#1e1b4b',
+ },
+ },
+
+ // Animations personnalisées
+ animation: {
+ 'fade-in': 'fadeIn 0.3s ease-in-out',
+ 'slide-up': 'slideUp 0.3s ease-out',
+ 'scale-in': 'scaleIn 0.2s ease-out',
+ },
+
+ keyframes: {
+ fadeIn: {
+ '0%': { opacity: '0' },
+ '100%': { opacity: '1' },
+ },
+ slideUp: {
+ '0%': { transform: 'translateY(10px)', opacity: '0' },
+ '100%': { transform: 'translateY(0)', opacity: '1' },
+ },
+ scaleIn: {
+ '0%': { transform: 'scale(0.95)', opacity: '0' },
+ '100%': { transform: 'scale(1)', opacity: '1' },
+ },
+ },
+
+ // Typography
+ fontSize: {
+ 'xxs': ['0.625rem', { lineHeight: '0.875rem' }],
+ },
+
+ // Transitions
+ transitionProperty: {
+ 'height': 'height',
+ 'spacing': 'margin, padding',
+ },
},
},
- plugins: [],
+ plugins: [
+ // Plugin pour line-clamp (limiter le nombre de lignes)
+ require('@tailwindcss/line-clamp'),
+
+ // Plugin pour les formulaires
+ require('@tailwindcss/forms')({
+ strategy: 'class', // Utilise la classe 'form-*' au lieu de styles globaux
+ }),
+
+ // Plugin pour l'aspect ratio
+ require('@tailwindcss/aspect-ratio'),],
}