From c9a3f23bdf40d95eb3e5aa36d4ac993321997235 Mon Sep 17 00:00:00 2001 From: "marcus@weifer.de" Date: Tue, 6 Dec 2022 10:51:05 +0100 Subject: [PATCH] Footer and Cards --- src/app/app.component.html | 8 ++++--- src/app/app.module.ts | 6 ++++- .../android-apps/android-apps.component.html | 19 +++++++-------- src/app/cards/angular/angular.component.html | 23 ++++++++++--------- src/app/cards/csharp/csharp.component.html | 22 ++++++++++-------- src/app/cards/java/java.component.html | 19 +++++++-------- src/app/cards/python/python.component.html | 21 +++++++++-------- src/app/footer/footer.component.css | 6 +++++ src/app/footer/footer.component.html | 8 +++++++ src/app/footer/footer.component.spec.ts | 23 +++++++++++++++++++ src/app/footer/footer.component.ts | 15 ++++++++++++ src/app/sites/about-me/about-me.component.css | 0 .../sites/about-me/about-me.component.html | 1 + .../sites/about-me/about-me.component.spec.ts | 23 +++++++++++++++++++ src/app/sites/about-me/about-me.component.ts | 15 ++++++++++++ src/app/sites/android/android.component.css | 0 src/app/sites/android/android.component.html | 1 + .../sites/android/android.component.spec.ts | 23 +++++++++++++++++++ src/app/sites/android/android.component.ts | 15 ++++++++++++ src/app/sites/angular/angular.component.css | 0 src/app/sites/angular/angular.component.html | 1 + .../sites/angular/angular.component.spec.ts | 23 +++++++++++++++++++ src/app/sites/angular/angular.component.ts | 15 ++++++++++++ src/app/sites/csharp/csharp.component.css | 0 src/app/sites/csharp/csharp.component.html | 1 + src/app/sites/csharp/csharp.component.spec.ts | 23 +++++++++++++++++++ src/app/sites/csharp/csharp.component.ts | 15 ++++++++++++ src/app/sites/java/java.component.css | 0 src/app/sites/java/java.component.html | 1 + src/app/sites/java/java.component.spec.ts | 23 +++++++++++++++++++ src/app/sites/java/java.component.ts | 15 ++++++++++++ src/app/sites/python/python.component.css | 0 src/app/sites/python/python.component.html | 1 + src/app/sites/python/python.component.spec.ts | 23 +++++++++++++++++++ src/app/sites/python/python.component.ts | 15 ++++++++++++ 35 files changed, 353 insertions(+), 51 deletions(-) create mode 100644 src/app/footer/footer.component.css create mode 100644 src/app/footer/footer.component.html create mode 100644 src/app/footer/footer.component.spec.ts create mode 100644 src/app/footer/footer.component.ts create mode 100644 src/app/sites/about-me/about-me.component.css create mode 100644 src/app/sites/about-me/about-me.component.html create mode 100644 src/app/sites/about-me/about-me.component.spec.ts create mode 100644 src/app/sites/about-me/about-me.component.ts create mode 100644 src/app/sites/android/android.component.css create mode 100644 src/app/sites/android/android.component.html create mode 100644 src/app/sites/android/android.component.spec.ts create mode 100644 src/app/sites/android/android.component.ts create mode 100644 src/app/sites/angular/angular.component.css create mode 100644 src/app/sites/angular/angular.component.html create mode 100644 src/app/sites/angular/angular.component.spec.ts create mode 100644 src/app/sites/angular/angular.component.ts create mode 100644 src/app/sites/csharp/csharp.component.css create mode 100644 src/app/sites/csharp/csharp.component.html create mode 100644 src/app/sites/csharp/csharp.component.spec.ts create mode 100644 src/app/sites/csharp/csharp.component.ts create mode 100644 src/app/sites/java/java.component.css create mode 100644 src/app/sites/java/java.component.html create mode 100644 src/app/sites/java/java.component.spec.ts create mode 100644 src/app/sites/java/java.component.ts create mode 100644 src/app/sites/python/python.component.css create mode 100644 src/app/sites/python/python.component.html create mode 100644 src/app/sites/python/python.component.spec.ts create mode 100644 src/app/sites/python/python.component.ts diff --git a/src/app/app.component.html b/src/app/app.component.html index 0f911e9..2c20193 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -3,9 +3,11 @@
-
- - \ No newline at end of file +
+
+
+ + \ No newline at end of file diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 10e312b..0cf4e3b 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -11,6 +11,8 @@ import { CsharpComponent } from './cards/csharp/csharp.component'; import { PythonComponent } from './cards/python/python.component'; import { AngularComponent } from './cards/angular/angular.component'; import { JavaComponent } from './cards/java/java.component'; +import { AndroidComponent } from './sites/android/android.component'; +import { FooterComponent } from './footer/footer.component'; @NgModule({ declarations: [ @@ -22,7 +24,9 @@ import { JavaComponent } from './cards/java/java.component'; CsharpComponent, PythonComponent, AngularComponent, - JavaComponent + JavaComponent, + AndroidComponent, + FooterComponent ], imports: [ BrowserModule, diff --git a/src/app/cards/android-apps/android-apps.component.html b/src/app/cards/android-apps/android-apps.component.html index ea0e7a1..1a4bd13 100644 --- a/src/app/cards/android-apps/android-apps.component.html +++ b/src/app/cards/android-apps/android-apps.component.html @@ -1,18 +1,19 @@
-
-

Android Apps

+
+ + + + +
-
- - - +
+

Android Apps

-
\ No newline at end of file diff --git a/src/app/cards/angular/angular.component.html b/src/app/cards/angular/angular.component.html index b66ffe5..fa18faf 100644 --- a/src/app/cards/angular/angular.component.html +++ b/src/app/cards/angular/angular.component.html @@ -1,18 +1,19 @@
-
-

Android Apps

+
+ + + + +
-
- - - +
+

Angular

-
-
- +
\ No newline at end of file diff --git a/src/app/cards/csharp/csharp.component.html b/src/app/cards/csharp/csharp.component.html index 96daea9..15e37e1 100644 --- a/src/app/cards/csharp/csharp.component.html +++ b/src/app/cards/csharp/csharp.component.html @@ -1,16 +1,20 @@ -
+
-
-

C#

+
+ + + + +
-
- - - +
+

C#

+
+
\ No newline at end of file diff --git a/src/app/cards/java/java.component.html b/src/app/cards/java/java.component.html index 7db88aa..f184b32 100644 --- a/src/app/cards/java/java.component.html +++ b/src/app/cards/java/java.component.html @@ -1,18 +1,19 @@
-
-

Android Apps

+
+ + + + +
-
- - - +
+

Java

-
\ No newline at end of file diff --git a/src/app/cards/python/python.component.html b/src/app/cards/python/python.component.html index 708dd4b..ff059e8 100644 --- a/src/app/cards/python/python.component.html +++ b/src/app/cards/python/python.component.html @@ -1,15 +1,18 @@ -
+
-
-

Python

+
+ + + + +
-
- - - +
+

Python

+
diff --git a/src/app/footer/footer.component.css b/src/app/footer/footer.component.css new file mode 100644 index 0000000..737c047 --- /dev/null +++ b/src/app/footer/footer.component.css @@ -0,0 +1,6 @@ +.footer-custom { + border-top: 5px solid rgb(225, 213, 213); + height: 78px; + padding: auto; + +} \ No newline at end of file diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html new file mode 100644 index 0000000..9828062 --- /dev/null +++ b/src/app/footer/footer.component.html @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/src/app/footer/footer.component.spec.ts b/src/app/footer/footer.component.spec.ts new file mode 100644 index 0000000..953b22c --- /dev/null +++ b/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/src/app/footer/footer.component.ts b/src/app/footer/footer.component.ts new file mode 100644 index 0000000..a10f2a4 --- /dev/null +++ b/src/app/footer/footer.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-footer', + templateUrl: './footer.component.html', + styleUrls: ['./footer.component.css'] +}) +export class FooterComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/sites/about-me/about-me.component.css b/src/app/sites/about-me/about-me.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/sites/about-me/about-me.component.html b/src/app/sites/about-me/about-me.component.html new file mode 100644 index 0000000..9f63822 --- /dev/null +++ b/src/app/sites/about-me/about-me.component.html @@ -0,0 +1 @@ +

about-me works!

diff --git a/src/app/sites/about-me/about-me.component.spec.ts b/src/app/sites/about-me/about-me.component.spec.ts new file mode 100644 index 0000000..d402b77 --- /dev/null +++ b/src/app/sites/about-me/about-me.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AboutMeComponent } from './about-me.component'; + +describe('AboutMeComponent', () => { + let component: AboutMeComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AboutMeComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(AboutMeComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sites/about-me/about-me.component.ts b/src/app/sites/about-me/about-me.component.ts new file mode 100644 index 0000000..14b3504 --- /dev/null +++ b/src/app/sites/about-me/about-me.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-about-me', + templateUrl: './about-me.component.html', + styleUrls: ['./about-me.component.css'] +}) +export class AboutMeComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/sites/android/android.component.css b/src/app/sites/android/android.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/sites/android/android.component.html b/src/app/sites/android/android.component.html new file mode 100644 index 0000000..8ee4eea --- /dev/null +++ b/src/app/sites/android/android.component.html @@ -0,0 +1 @@ +

android works!

diff --git a/src/app/sites/android/android.component.spec.ts b/src/app/sites/android/android.component.spec.ts new file mode 100644 index 0000000..3dfa014 --- /dev/null +++ b/src/app/sites/android/android.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AndroidComponent } from './android.component'; + +describe('AndroidComponent', () => { + let component: AndroidComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AndroidComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(AndroidComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sites/android/android.component.ts b/src/app/sites/android/android.component.ts new file mode 100644 index 0000000..6c51943 --- /dev/null +++ b/src/app/sites/android/android.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-android', + templateUrl: './android.component.html', + styleUrls: ['./android.component.css'] +}) +export class AndroidComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/sites/angular/angular.component.css b/src/app/sites/angular/angular.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/sites/angular/angular.component.html b/src/app/sites/angular/angular.component.html new file mode 100644 index 0000000..f461532 --- /dev/null +++ b/src/app/sites/angular/angular.component.html @@ -0,0 +1 @@ +

angular works!

diff --git a/src/app/sites/angular/angular.component.spec.ts b/src/app/sites/angular/angular.component.spec.ts new file mode 100644 index 0000000..adc8798 --- /dev/null +++ b/src/app/sites/angular/angular.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AngularComponent } from './angular.component'; + +describe('AngularComponent', () => { + let component: AngularComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AngularComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(AngularComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sites/angular/angular.component.ts b/src/app/sites/angular/angular.component.ts new file mode 100644 index 0000000..07dd5b5 --- /dev/null +++ b/src/app/sites/angular/angular.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-angular', + templateUrl: './angular.component.html', + styleUrls: ['./angular.component.css'] +}) +export class AngularComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/sites/csharp/csharp.component.css b/src/app/sites/csharp/csharp.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/sites/csharp/csharp.component.html b/src/app/sites/csharp/csharp.component.html new file mode 100644 index 0000000..f50d924 --- /dev/null +++ b/src/app/sites/csharp/csharp.component.html @@ -0,0 +1 @@ +

csharp works!

diff --git a/src/app/sites/csharp/csharp.component.spec.ts b/src/app/sites/csharp/csharp.component.spec.ts new file mode 100644 index 0000000..ffa02dc --- /dev/null +++ b/src/app/sites/csharp/csharp.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CsharpComponent } from './csharp.component'; + +describe('CsharpComponent', () => { + let component: CsharpComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ CsharpComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(CsharpComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sites/csharp/csharp.component.ts b/src/app/sites/csharp/csharp.component.ts new file mode 100644 index 0000000..c0de25a --- /dev/null +++ b/src/app/sites/csharp/csharp.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-csharp', + templateUrl: './csharp.component.html', + styleUrls: ['./csharp.component.css'] +}) +export class CsharpComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/sites/java/java.component.css b/src/app/sites/java/java.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/sites/java/java.component.html b/src/app/sites/java/java.component.html new file mode 100644 index 0000000..dd3853c --- /dev/null +++ b/src/app/sites/java/java.component.html @@ -0,0 +1 @@ +

java works!

diff --git a/src/app/sites/java/java.component.spec.ts b/src/app/sites/java/java.component.spec.ts new file mode 100644 index 0000000..3dfce6a --- /dev/null +++ b/src/app/sites/java/java.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { JavaComponent } from './java.component'; + +describe('JavaComponent', () => { + let component: JavaComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ JavaComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(JavaComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sites/java/java.component.ts b/src/app/sites/java/java.component.ts new file mode 100644 index 0000000..23028e3 --- /dev/null +++ b/src/app/sites/java/java.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-java', + templateUrl: './java.component.html', + styleUrls: ['./java.component.css'] +}) +export class JavaComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/sites/python/python.component.css b/src/app/sites/python/python.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/sites/python/python.component.html b/src/app/sites/python/python.component.html new file mode 100644 index 0000000..fa6b169 --- /dev/null +++ b/src/app/sites/python/python.component.html @@ -0,0 +1 @@ +

python works!

diff --git a/src/app/sites/python/python.component.spec.ts b/src/app/sites/python/python.component.spec.ts new file mode 100644 index 0000000..9b6131c --- /dev/null +++ b/src/app/sites/python/python.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PythonComponent } from './python.component'; + +describe('PythonComponent', () => { + let component: PythonComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PythonComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(PythonComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sites/python/python.component.ts b/src/app/sites/python/python.component.ts new file mode 100644 index 0000000..e2a9add --- /dev/null +++ b/src/app/sites/python/python.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-python', + templateUrl: './python.component.html', + styleUrls: ['./python.component.css'] +}) +export class PythonComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +}