diff --git a/angular/angular.json b/angular/angular.json index f86f3cb..9c673f9 100644 --- a/angular/angular.json +++ b/angular/angular.json @@ -39,7 +39,8 @@ ], "styles": [ "src/styles.css", - "node_modules/bootstrap/dist/css/bootstrap.min.css" + "node_modules/bootstrap/dist/css/bootstrap.min.css", + "https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" ], "scripts": [ "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" diff --git a/angular/package-lock.json b/angular/package-lock.json index 2b08b66..f89f351 100644 --- a/angular/package-lock.json +++ b/angular/package-lock.json @@ -16,6 +16,7 @@ "@angular/platform-browser-dynamic": "^19.2.0", "@angular/router": "^19.2.0", "bootstrap": "^5.3.3", + "bootstrap-icons": "^1.11.3", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.0" @@ -5892,6 +5893,22 @@ "@popperjs/core": "^2.11.8" } }, + "node_modules/bootstrap-icons": { + "version": "1.11.3", + "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.11.3.tgz", + "integrity": "sha512-+3lpHrCw/it2/7lBL15VR0HEumaBss0+f/Lb6ZvHISn1mlK83jjFpooTLsMWbIjJMDjDjOExMsTxnXSIT4k4ww==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "license": "MIT" + }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", diff --git a/angular/package.json b/angular/package.json index 31f4016..6408a0c 100644 --- a/angular/package.json +++ b/angular/package.json @@ -18,6 +18,7 @@ "@angular/platform-browser-dynamic": "^19.2.0", "@angular/router": "^19.2.0", "bootstrap": "^5.3.3", + "bootstrap-icons": "^1.11.3", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.0" diff --git a/angular/src/app/app-routing.module.ts b/angular/src/app/app-routing.module.ts index 2594496..f185c47 100644 --- a/angular/src/app/app-routing.module.ts +++ b/angular/src/app/app-routing.module.ts @@ -1,14 +1,20 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { HomeComponent } from './home/home.component'; +import { ContactComponent } from './contact/contact.component'; +import { SymptomeComponent } from './symptome/symptome.component'; +import { BlogComponent } from './blog/blog.component'; const routes: Routes = [ { path: '', component: HomeComponent }, { path: 'home', component: HomeComponent }, + { path: 'contacts', component: ContactComponent }, + { path: 'symptômes', component: SymptomeComponent }, + { path: 'blog', component: BlogComponent }, ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) -export class AppRoutingModule { } +export class AppRoutingModule { } \ No newline at end of file diff --git a/angular/src/app/app.component.html b/angular/src/app/app.component.html index 9a8d940..3dd40ca 100644 --- a/angular/src/app/app.component.html +++ b/angular/src/app/app.component.html @@ -1,4 +1,5 @@
-
\ No newline at end of file + + \ No newline at end of file diff --git a/angular/src/app/app.module.ts b/angular/src/app/app.module.ts index 4004f0e..70b0e22 100644 --- a/angular/src/app/app.module.ts +++ b/angular/src/app/app.module.ts @@ -6,13 +6,21 @@ import { AppComponent } from './app.component'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { NavBarComponent } from './nav-bar/nav-bar.component'; import { HomeComponent } from './home/home.component'; +import { FooterComponent } from './footer/footer.component'; +import { SymptomeComponent } from './symptome/symptome.component'; +import { ContactComponent } from './contact/contact.component'; +import { BlogComponent } from './blog/blog.component'; @NgModule({ declarations: [ AppComponent, NavBarComponent, - HomeComponent + HomeComponent, + FooterComponent, + SymptomeComponent, + ContactComponent, + BlogComponent ], imports: [ BrowserModule, diff --git a/angular/src/app/blog/blog.component.css b/angular/src/app/blog/blog.component.css new file mode 100644 index 0000000..e69de29 diff --git a/angular/src/app/blog/blog.component.html b/angular/src/app/blog/blog.component.html new file mode 100644 index 0000000..ff0c151 --- /dev/null +++ b/angular/src/app/blog/blog.component.html @@ -0,0 +1 @@ +

blog works!

diff --git a/angular/src/app/blog/blog.component.spec.ts b/angular/src/app/blog/blog.component.spec.ts new file mode 100644 index 0000000..ac14310 --- /dev/null +++ b/angular/src/app/blog/blog.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BlogComponent } from './blog.component'; + +describe('BlogComponent', () => { + let component: BlogComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [BlogComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(BlogComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/angular/src/app/blog/blog.component.ts b/angular/src/app/blog/blog.component.ts new file mode 100644 index 0000000..65310b0 --- /dev/null +++ b/angular/src/app/blog/blog.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-blog', + standalone: false, + templateUrl: './blog.component.html', + styleUrl: './blog.component.css' +}) +export class BlogComponent { + +} diff --git a/angular/src/app/contact/contact.component.css b/angular/src/app/contact/contact.component.css new file mode 100644 index 0000000..e69de29 diff --git a/angular/src/app/contact/contact.component.html b/angular/src/app/contact/contact.component.html new file mode 100644 index 0000000..9cae746 --- /dev/null +++ b/angular/src/app/contact/contact.component.html @@ -0,0 +1 @@ +

contact works!

diff --git a/angular/src/app/contact/contact.component.spec.ts b/angular/src/app/contact/contact.component.spec.ts new file mode 100644 index 0000000..7f306c4 --- /dev/null +++ b/angular/src/app/contact/contact.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ContactComponent } from './contact.component'; + +describe('ContactComponent', () => { + let component: ContactComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ContactComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ContactComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/angular/src/app/contact/contact.component.ts b/angular/src/app/contact/contact.component.ts new file mode 100644 index 0000000..4a8c27e --- /dev/null +++ b/angular/src/app/contact/contact.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-contact', + standalone: false, + templateUrl: './contact.component.html', + styleUrl: './contact.component.css' +}) +export class ContactComponent { + +} diff --git a/angular/src/app/footer/footer.component.css b/angular/src/app/footer/footer.component.css new file mode 100644 index 0000000..e69de29 diff --git a/angular/src/app/footer/footer.component.html b/angular/src/app/footer/footer.component.html new file mode 100644 index 0000000..8f79ba5 --- /dev/null +++ b/angular/src/app/footer/footer.component.html @@ -0,0 +1,26 @@ + diff --git a/angular/src/app/footer/footer.component.spec.ts b/angular/src/app/footer/footer.component.spec.ts new file mode 100644 index 0000000..aa27d1c --- /dev/null +++ b/angular/src/app/footer/footer.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FooterComponent } from './footer.component'; + +describe('FooterComponent', () => { + let component: FooterComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [FooterComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FooterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/angular/src/app/footer/footer.component.ts b/angular/src/app/footer/footer.component.ts new file mode 100644 index 0000000..d8f2f2c --- /dev/null +++ b/angular/src/app/footer/footer.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-footer', + standalone: false, + templateUrl: './footer.component.html', + styleUrl: './footer.component.css' +}) +export class FooterComponent { + +} diff --git a/angular/src/app/home/home.component.html b/angular/src/app/home/home.component.html index 5f2c53f..559963e 100644 --- a/angular/src/app/home/home.component.html +++ b/angular/src/app/home/home.component.html @@ -1 +1,63 @@ -

home works!

+
+
+
+

Ensemble. Luttons.

+

Lorem, ipsum dolor, sit amet consectetur adipisicing elit...

+ +
+
+ Illustration Covid +
+
+ +
+

Symptôme du Coronavirus

+

Lorem, ipsum dolor sit amet consectetur...

+
+ +
+
+
+
+ Forte fièvre +
+
Forte fièvre
+

Lorem ipsum dolor sit amet...

+
+
+
+
+
+
+
+ Toux +
+
Toux
+

Lorem ipsum dolor sit amet...

+
+
+
+
+
+
+
+ Gorge irritée +
+
Gorge irritée
+

Lorem ipsum dolor sit amet...

+
+
+
+
+
+
+
+ Migraine +
+
Migraine
+

Lorem ipsum dolor sit amet...

+
+
+
+
+
\ No newline at end of file diff --git a/angular/src/app/symptome/symptome.component.css b/angular/src/app/symptome/symptome.component.css new file mode 100644 index 0000000..e69de29 diff --git a/angular/src/app/symptome/symptome.component.html b/angular/src/app/symptome/symptome.component.html new file mode 100644 index 0000000..1e0558d --- /dev/null +++ b/angular/src/app/symptome/symptome.component.html @@ -0,0 +1 @@ +

symptome works!

diff --git a/angular/src/app/symptome/symptome.component.spec.ts b/angular/src/app/symptome/symptome.component.spec.ts new file mode 100644 index 0000000..d1e0d3e --- /dev/null +++ b/angular/src/app/symptome/symptome.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SymptomeComponent } from './symptome.component'; + +describe('SymptomeComponent', () => { + let component: SymptomeComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [SymptomeComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(SymptomeComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/angular/src/app/symptome/symptome.component.ts b/angular/src/app/symptome/symptome.component.ts new file mode 100644 index 0000000..c8e9850 --- /dev/null +++ b/angular/src/app/symptome/symptome.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-symptome', + standalone: false, + templateUrl: './symptome.component.html', + styleUrl: './symptome.component.css' +}) +export class SymptomeComponent { + +} diff --git a/angular/src/assets/illustration.png b/angular/src/assets/illustration.png new file mode 100644 index 0000000..1eaba44 Binary files /dev/null and b/angular/src/assets/illustration.png differ diff --git a/angular/src/assets/logo.ico b/angular/src/assets/logo.ico new file mode 100644 index 0000000..f9179e8 Binary files /dev/null and b/angular/src/assets/logo.ico differ diff --git a/angular/src/assets/logo.png b/angular/src/assets/logo.png new file mode 100644 index 0000000..6e75e34 Binary files /dev/null and b/angular/src/assets/logo.png differ diff --git a/angular/src/index.html b/angular/src/index.html index aa06306..3c6dff3 100644 --- a/angular/src/index.html +++ b/angular/src/index.html @@ -5,9 +5,9 @@ Angular - + - + diff --git a/angular/src/styles.css b/angular/src/styles.css index 473dcd0..1bd1c52 100644 --- a/angular/src/styles.css +++ b/angular/src/styles.css @@ -1,4 +1,19 @@ /* You can add global styles to this file, and also import other style files */ +.background-all { + background: linear-gradient(90deg, #E3F2FD, #FFFFFF); + background-size: 400% 400%; + animation: gradientAnimation 6s infinite alternate ease-in-out; +} + +@keyframes gradientAnimation { + 0% { + background-position: 0% 50%; + } + 100% { + background-position: 100% 50%; + } +} + .active-link { color: #ffc107 !important; /* Jaune Bootstrap */ font-weight: bold;