diff --git a/eslint.config.js b/eslint.config.js index acfadc5..6752e85 100644 --- a/eslint.config.js +++ b/eslint.config.js @@ -31,7 +31,6 @@ module.exports = tseslint.config( ...angular.configs.tsRecommended, eslintPluginPrettierRecommended, ], - // Set the custom processor which will allow us to have our inline Component templates extracted // and treated as if they are HTML files (and therefore have the .html config below applied to them) processor: angular.processInlineTemplates, @@ -59,6 +58,7 @@ module.exports = tseslint.config( allow: ['warn', 'error'], }, ], + '@typescript-eslint/no-extraneous-class': 'warn', }, }, { diff --git a/public/background.svg b/public/background.svg new file mode 100644 index 0000000..c850007 --- /dev/null +++ b/public/background.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/app/app.component.html b/src/app/app.component.html index 95baddf..0ecedb9 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,294 +1,3 @@ - - - - - - - - - - - -
-
-
- -

Hello, {{ title }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for ( - item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; - track item.title - ) { - - {{ item.title }} - - - - - } -
- -
-
-
- - - - - - - - - +
+
diff --git a/src/app/app.component.scss b/src/app/app.component.scss index e69de29..8e82b22 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -0,0 +1,19 @@ +.background { + background-image: url('../../public/background.svg'); + background-repeat: no-repeat; + z-index: -1; + position: absolute; + height: 50vh; + width: 100%; + background-position: 33%; + background-size: 150%; + image-rendering: pixelated; +} +.glass { + position: absolute; + z-index: -1; + width: 100%; + min-height: 100vh; + backdrop-filter: blur(40px) saturate(140%); + background-color: rgba(0, 100, 42, 0.1); +} diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 1bc5b9f..0416d6e 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -4,7 +4,7 @@ import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', standalone: true, - imports: [RouterOutlet], + imports: [RouterOutlet, AppComponent], templateUrl: './app.component.html', styleUrl: './app.component.scss', }) diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index dc39edb..7f9b270 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -1,3 +1,27 @@ import { Routes } from '@angular/router'; +import { AuthPageComponent } from './pages/auth-page/auth-page.component'; +import { LandingPageComponent } from './pages/landing-page/landing-page.component'; +import { FaqPageComponent } from './pages/faq-page/faq-page.component'; +import { AssoPageComponent } from './pages/asso-page/asso-page.component'; +import { TransparencyPageComponent } from './pages/transparency-page/transparency-page.component'; +import { UserPageComponent } from './pages/user-page/user-page.component'; -export const routes: Routes = []; +export const routes: Routes = [ + { + path: 'auth', + component: AuthPageComponent, + /*children: [ + { path: 'login', loadComponent: () => import('./pages/auth-page/login.component').then(m => m.LoginComponent) }, + { + path: 'register', + loadComponent: () => import('./pages/auth-page/register.component').then(m => m.RegisterComponent), + }, + ],*/ + }, + { path: 'home', component: LandingPageComponent }, + { path: 'faq', component: FaqPageComponent }, + { path: 'asso', component: AssoPageComponent }, + { path: 'transparency', component: TransparencyPageComponent }, + { path: 'profile', component: UserPageComponent }, + { path: '**', redirectTo: 'home' }, +]; diff --git a/src/app/pages/asso-page/asso-page.component.html b/src/app/pages/asso-page/asso-page.component.html new file mode 100644 index 0000000..e5299b8 --- /dev/null +++ b/src/app/pages/asso-page/asso-page.component.html @@ -0,0 +1 @@ +

asso-page works!

diff --git a/src/app/pages/asso-page/asso-page.component.scss b/src/app/pages/asso-page/asso-page.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/asso-page/asso-page.component.spec.ts b/src/app/pages/asso-page/asso-page.component.spec.ts new file mode 100644 index 0000000..f0f7697 --- /dev/null +++ b/src/app/pages/asso-page/asso-page.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AssoPageComponent } from './asso-page.component'; + +describe('AssoPageComponent', () => { + let component: AssoPageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [AssoPageComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(AssoPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/asso-page/asso-page.component.ts b/src/app/pages/asso-page/asso-page.component.ts new file mode 100644 index 0000000..7c2019a --- /dev/null +++ b/src/app/pages/asso-page/asso-page.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-asso-page', + standalone: true, + imports: [], + templateUrl: './asso-page.component.html', + styleUrl: './asso-page.component.scss', +}) +export class AssoPageComponent {} diff --git a/src/app/pages/auth-page/auth-page.component.html b/src/app/pages/auth-page/auth-page.component.html new file mode 100644 index 0000000..9a759e9 --- /dev/null +++ b/src/app/pages/auth-page/auth-page.component.html @@ -0,0 +1,2 @@ +

auth-page works!

+ \ No newline at end of file diff --git a/src/app/pages/auth-page/auth-page.component.scss b/src/app/pages/auth-page/auth-page.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/auth-page/auth-page.component.spec.ts b/src/app/pages/auth-page/auth-page.component.spec.ts new file mode 100644 index 0000000..b34c16a --- /dev/null +++ b/src/app/pages/auth-page/auth-page.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AuthPageComponent } from './auth-page.component'; + +describe('AuthPageComponent', () => { + let component: AuthPageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [AuthPageComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(AuthPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/auth-page/auth-page.component.ts b/src/app/pages/auth-page/auth-page.component.ts new file mode 100644 index 0000000..899067a --- /dev/null +++ b/src/app/pages/auth-page/auth-page.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; +import { RouterOutlet } from '@angular/router'; + +@Component({ + selector: 'app-auth-page', + standalone: true, + imports: [RouterOutlet], + templateUrl: './auth-page.component.html', + styleUrl: './auth-page.component.scss', +}) +export class AuthPageComponent {} diff --git a/src/app/pages/faq-page/faq-page.component.html b/src/app/pages/faq-page/faq-page.component.html new file mode 100644 index 0000000..d4d1b38 --- /dev/null +++ b/src/app/pages/faq-page/faq-page.component.html @@ -0,0 +1 @@ +

faq-page works!

diff --git a/src/app/pages/faq-page/faq-page.component.scss b/src/app/pages/faq-page/faq-page.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/faq-page/faq-page.component.spec.ts b/src/app/pages/faq-page/faq-page.component.spec.ts new file mode 100644 index 0000000..f6fb9fd --- /dev/null +++ b/src/app/pages/faq-page/faq-page.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FaqPageComponent } from './faq-page.component'; + +describe('FaqPageComponent', () => { + let component: FaqPageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [FaqPageComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(FaqPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/faq-page/faq-page.component.ts b/src/app/pages/faq-page/faq-page.component.ts new file mode 100644 index 0000000..321e20e --- /dev/null +++ b/src/app/pages/faq-page/faq-page.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-faq-page', + standalone: true, + imports: [], + templateUrl: './faq-page.component.html', + styleUrl: './faq-page.component.scss', +}) +export class FaqPageComponent {} diff --git a/src/app/pages/landing-page/landing-page.component.html b/src/app/pages/landing-page/landing-page.component.html new file mode 100644 index 0000000..f7e945b --- /dev/null +++ b/src/app/pages/landing-page/landing-page.component.html @@ -0,0 +1 @@ +

landing-page works!

diff --git a/src/app/pages/landing-page/landing-page.component.scss b/src/app/pages/landing-page/landing-page.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/landing-page/landing-page.component.spec.ts b/src/app/pages/landing-page/landing-page.component.spec.ts new file mode 100644 index 0000000..08bec12 --- /dev/null +++ b/src/app/pages/landing-page/landing-page.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LandingPageComponent } from './landing-page.component'; + +describe('LandingPageComponent', () => { + let component: LandingPageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [LandingPageComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(LandingPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/landing-page/landing-page.component.ts b/src/app/pages/landing-page/landing-page.component.ts new file mode 100644 index 0000000..ab005f2 --- /dev/null +++ b/src/app/pages/landing-page/landing-page.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-landing-page', + standalone: true, + imports: [], + templateUrl: './landing-page.component.html', + styleUrl: './landing-page.component.scss', +}) +export class LandingPageComponent {} diff --git a/src/app/pages/transparency-page/transparency-page.component.html b/src/app/pages/transparency-page/transparency-page.component.html new file mode 100644 index 0000000..ac11b82 --- /dev/null +++ b/src/app/pages/transparency-page/transparency-page.component.html @@ -0,0 +1 @@ +

transparency-page works!

diff --git a/src/app/pages/transparency-page/transparency-page.component.scss b/src/app/pages/transparency-page/transparency-page.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/transparency-page/transparency-page.component.spec.ts b/src/app/pages/transparency-page/transparency-page.component.spec.ts new file mode 100644 index 0000000..a70ec68 --- /dev/null +++ b/src/app/pages/transparency-page/transparency-page.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TransparencyPageComponent } from './transparency-page.component'; + +describe('TransparencyPageComponent', () => { + let component: TransparencyPageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [TransparencyPageComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(TransparencyPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/transparency-page/transparency-page.component.ts b/src/app/pages/transparency-page/transparency-page.component.ts new file mode 100644 index 0000000..146e6dd --- /dev/null +++ b/src/app/pages/transparency-page/transparency-page.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-transparency-page', + standalone: true, + imports: [], + templateUrl: './transparency-page.component.html', + styleUrl: './transparency-page.component.scss', +}) +export class TransparencyPageComponent {} diff --git a/src/app/pages/user-page/user-page.component.html b/src/app/pages/user-page/user-page.component.html new file mode 100644 index 0000000..fa9aec9 --- /dev/null +++ b/src/app/pages/user-page/user-page.component.html @@ -0,0 +1 @@ +

user-page works!

diff --git a/src/app/pages/user-page/user-page.component.scss b/src/app/pages/user-page/user-page.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/user-page/user-page.component.spec.ts b/src/app/pages/user-page/user-page.component.spec.ts new file mode 100644 index 0000000..22c2d6e --- /dev/null +++ b/src/app/pages/user-page/user-page.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UserPageComponent } from './user-page.component'; + +describe('UserPageComponent', () => { + let component: UserPageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [UserPageComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(UserPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/user-page/user-page.component.ts b/src/app/pages/user-page/user-page.component.ts new file mode 100644 index 0000000..332eecd --- /dev/null +++ b/src/app/pages/user-page/user-page.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-user-page', + standalone: true, + imports: [], + templateUrl: './user-page.component.html', + styleUrl: './user-page.component.scss', +}) +export class UserPageComponent {} diff --git a/src/index.html b/src/index.html index 3ce11c0..9cd72e9 100644 --- a/src/index.html +++ b/src/index.html @@ -8,6 +8,6 @@ - + diff --git a/src/styles.scss b/src/styles.scss index 90d4ee0..7588b71 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1 +1,13 @@ /* You can add global styles to this file, and also import other style files */ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} +body { + min-height: 100vh; + background-color: #fbe6e6; +} +app-root { + min-height: 100vh; +}