diff --git a/frontend/src/app/components/home/header/header.component.html b/frontend/src/app/components/home/header/header.component.html new file mode 100644 index 0000000..a3bbbd1 --- /dev/null +++ b/frontend/src/app/components/home/header/header.component.html @@ -0,0 +1,6 @@ +
+ +
Log in
+
diff --git a/frontend/src/app/components/home/header/header.component.scss b/frontend/src/app/components/home/header/header.component.scss new file mode 100644 index 0000000..0ab9972 --- /dev/null +++ b/frontend/src/app/components/home/header/header.component.scss @@ -0,0 +1,14 @@ +header { + display: flex; + justify-content: space-between; + align-items: center; + height: 88px; + padding: 10px 96px; +} + +.logo { + img { + width: 200px; + height: 32px; + } +} diff --git a/frontend/src/app/components/home/header/header.component.spec.ts b/frontend/src/app/components/home/header/header.component.spec.ts new file mode 100644 index 0000000..4ff21e8 --- /dev/null +++ b/frontend/src/app/components/home/header/header.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HeaderComponent } from './header.component'; + +describe('HeaderComponent', () => { + let component: HeaderComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [HeaderComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(HeaderComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/components/home/header/header.component.ts b/frontend/src/app/components/home/header/header.component.ts new file mode 100644 index 0000000..c780cb4 --- /dev/null +++ b/frontend/src/app/components/home/header/header.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-header', + standalone: true, + imports: [], + templateUrl: './header.component.html', + styleUrl: './header.component.scss' +}) +export class HeaderComponent { + +} diff --git a/frontend/src/app/components/home/home.component.html b/frontend/src/app/components/home/home.component.html index 5f2c53f..3e819bc 100644 --- a/frontend/src/app/components/home/home.component.html +++ b/frontend/src/app/components/home/home.component.html @@ -1 +1,3 @@ -

home works!

+
+ +
diff --git a/frontend/src/app/components/home/home.component.ts b/frontend/src/app/components/home/home.component.ts index deb69c4..819de42 100644 --- a/frontend/src/app/components/home/home.component.ts +++ b/frontend/src/app/components/home/home.component.ts @@ -1,12 +1,11 @@ import { Component } from '@angular/core'; +import { HeaderComponent } from './header/header.component'; @Component({ selector: 'app-home', standalone: true, - imports: [], + imports: [HeaderComponent], templateUrl: './home.component.html', - styleUrl: './home.component.scss' + styleUrl: './home.component.scss', }) -export class HomeComponent { - -} +export class HomeComponent {} diff --git a/frontend/src/assets/img/logo_ci.svg b/frontend/src/assets/img/logo_ci.svg new file mode 100644 index 0000000..41d4f18 --- /dev/null +++ b/frontend/src/assets/img/logo_ci.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/frontend/src/assets/img/logo_full.svg b/frontend/src/assets/img/logo_full.svg new file mode 100644 index 0000000..84c8809 --- /dev/null +++ b/frontend/src/assets/img/logo_full.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/assets/style/colors.scss b/frontend/src/assets/style/colors.scss new file mode 100644 index 0000000..145a39d --- /dev/null +++ b/frontend/src/assets/style/colors.scss @@ -0,0 +1,5 @@ +/* COLORS */ +$white: #fff; +$black: #000; +$gray: #ababab; +$blue: #2e3edf; diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index 90d4ee0..495abb9 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -1 +1,4 @@ -/* You can add global styles to this file, and also import other style files */ +* { + margin: 0; + scroll-behavior: smooth; +}