diff --git a/sandkasten/src/app/app.component.css b/sandkasten/src/app/app.component.css
index 8b13789..ceb372e 100644
--- a/sandkasten/src/app/app.component.css
+++ b/sandkasten/src/app/app.component.css
@@ -1 +1,7 @@
-
+body{
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ height: 100vh;
+ margin: 0;
+}
diff --git a/sandkasten/src/app/app.component.html b/sandkasten/src/app/app.component.html
index f741a93..d3d5c21 100644
--- a/sandkasten/src/app/app.component.html
+++ b/sandkasten/src/app/app.component.html
@@ -1,5 +1,15 @@
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/sandkasten/src/app/footer/footer.component.css b/sandkasten/src/app/footer/footer.component.css
index e69de29..b873b6d 100644
--- a/sandkasten/src/app/footer/footer.component.css
+++ b/sandkasten/src/app/footer/footer.component.css
@@ -0,0 +1,18 @@
+
+.footer {
+ background-color: #494b92;
+ padding: .5rem 1rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ gap: 4rem;
+}
+
+.sandkasten-logo {
+ width: 4rem;
+ height: auto;
+ aspect-ratio: 1;
+}
+
+
diff --git a/sandkasten/src/app/footer/footer.component.html b/sandkasten/src/app/footer/footer.component.html
index 28c0d7d..1096b5c 100644
--- a/sandkasten/src/app/footer/footer.component.html
+++ b/sandkasten/src/app/footer/footer.component.html
@@ -1 +1,9 @@
-footer works!
+
diff --git a/sandkasten/src/app/footer/footer.component.ts b/sandkasten/src/app/footer/footer.component.ts
index 98c515e..d6ade9c 100644
--- a/sandkasten/src/app/footer/footer.component.ts
+++ b/sandkasten/src/app/footer/footer.component.ts
@@ -1,10 +1,15 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.css']
})
-export class FooterComponent {
+export class FooterComponent implements OnInit {
+ sandkasten_logo!: string;
+
+ ngOnInit(): void {
+ this.sandkasten_logo = 'assets/img/logo.png';
+ }
}
diff --git a/sandkasten/src/app/header/header.component.css b/sandkasten/src/app/header/header.component.css
index 67d2bd2..0dbfc93 100644
--- a/sandkasten/src/app/header/header.component.css
+++ b/sandkasten/src/app/header/header.component.css
@@ -1,11 +1,7 @@
-.header-card {
-
-}
.toolbar {
- background-color: #1976D2;
+ background-color: #494b92;
padding: .5rem 1rem;
-
display: flex;
flex-direction: row;
align-items: center;
@@ -13,19 +9,19 @@
gap: 4rem;
}
-.right_part {
+.left_part {
display: flex;
flex-direction: row;
gap: 4rem;
}
-.right_part .logo_container {
+.left_part .logo_container {
display: flex;
flex-direction: row;
gap: 2rem;
}
-.right_part .menu {
+.left_part .menu {
display: flex;
flex-direction: row;
gap: 2rem;
@@ -33,7 +29,7 @@
align-items: center;
}
-.right_part .menu a {
+.left_part .menu a {
color: white;
text-decoration: none;
}
@@ -57,7 +53,7 @@
color: white;
}
-.left_part {
+.right_part {
display: flex;
flex-direction: row;
align-items: center;
@@ -65,10 +61,10 @@
color: white;
}
-
.gitea_logo_container .gitea-logo {
width: 4rem;
height: auto;
aspect-ratio: 1;
}
+
diff --git a/sandkasten/src/app/header/header.component.html b/sandkasten/src/app/header/header.component.html
index 1e88440..8c3bfb8 100644
--- a/sandkasten/src/app/header/header.component.html
+++ b/sandkasten/src/app/header/header.component.html
@@ -1,39 +1,38 @@
-
+
+