diff --git a/ui/src/app/app-routing.module.ts b/ui/src/app/app-routing.module.ts index 0297262..910e19f 100644 --- a/ui/src/app/app-routing.module.ts +++ b/ui/src/app/app-routing.module.ts @@ -1,7 +1,13 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; +import { BesucherComponent } from './besucher/besucher.component'; +import { HomeComponent } from './home/home.component'; -const routes: Routes = []; +const routes: Routes = [ + { path: '', redirectTo: '/home',pathMatch:'full'}, + { path: 'home', component: HomeComponent}, + { path: 'besucher',component: BesucherComponent} +]; @NgModule({ imports: [RouterModule.forRoot(routes)], diff --git a/ui/src/app/app.component.html b/ui/src/app/app.component.html index 37438e6..77568cd 100644 --- a/ui/src/app/app.component.html +++ b/ui/src/app/app.component.html @@ -1,16 +1,7 @@ - -
-
-
-
-

Annika & Damian

-
04.10.2022
-
-
-
-
+ + + + - - diff --git a/ui/src/app/countdown/countdown.component.css b/ui/src/app/countdown/countdown.component.css index 1ea0f12..62f78d6 100644 --- a/ui/src/app/countdown/countdown.component.css +++ b/ui/src/app/countdown/countdown.component.css @@ -1,121 +1,50 @@ -.content-coming-soon { - position: relative; - width: 100%; -} -#coming-soon { - position: absolute; - top: -50px; - left: 50%; - margin-left: -230px; -} -.coming-soon-wrapper { - width: 100px; - border-radius: 50%; - height: 100px; -} -.coming-soon-time { - font-size: 44px; - font-weight: 100; - line-height: 64px; -} -.coming-soon-date { - line-height: 14px; - display:block; - font-size: 16px; -} - - -.wrapper-table { - margin: 0; - padding: 0; - width: 100%; -} - -.wrapper-table { - display: table; -} - -.wrapper-table-cell { - display: table-cell; - margin: 0; - padding: 0; - text-align: center; - vertical-align: middle; -} - -.content-coming-soon { - height: auto; - margin: auto; -} - -.coming-soon-wrapper { - text-align:center; - background-color:#fff; - padding: 0px; - display:inline-block; - color:white; -} - -.coming-soon-wrapper-transparent { - text-align:center; - background-color:rgba(0,0,0,0.6); - padding:20px; - display:inline-block; - color:white; -} -.coming-soon-wrapper+.coming-soon-wrapper, -.coming-soon-wrapper-transparent+.coming-soon-wrapper-transparent { - margin-left:16px; -} - -@media (max-width: 992px) { - /* - .coming-soon-wrapper, - .coming-soon-wrapper-transparent { - padding-p: 20px; - } - /*.coming-soon-time { - font-size: 48px; - line-height: 60px; - } - .coming-soon-date { - line-height: 20px; - font-size: 15px; - }*/ - #coming-soon { - top: -64px; - margin-left: -228px; - } -} - -@media (max-width: 767px) { +.content-comming-soon { + height: auto; + margin: auto; + position: relative; + width: 100%; + box-sizing: border-box; + text-align: center; + font-size: 15px; + line-height: 1.6; - .coming-soon-wrapper, - .coming-soon-wrapper-transparent { - width: 64px; /* 160, 128, 64 */ - border-radius: 35px; - height: 64px; - padding-top: 10px; - } - .coming-soon-time { - font-size: 24px; /* 60, 48, 24 */ - line-height: 30px; - } - .coming-soon-date { - line-height: 15px; - font-size: 11px; /* 18, 15, 13 */ - } - #coming-soon { - top: -32px; - margin-left: -150px; - } +} - .coming-soon-wrapper+.coming-soon-wrapper, - .coming-soon-wrapper-transparent+.coming-soon-wrapper-transparent { - margin-left:8px; - } +#comming-soon { + position: absolute; + background-color: red; + display: flex; - .coming-soon-date { - display:block; - } + +} +.comming-soon-wrapper { + text-align: center; + padding: 0px; + display: inline-block; + color:black; + width: 100px; + border-radius: 50%; + background-color: lightblue; + height: 100px; + box-sizing: border-box; + margin: 10px; + font-size: 15px; +} + +.comming-soon-time { + color:black; + font-weight: 100; + font-size: 44px; + line-height: 64px; + box-sizing: border-box; + text-align: center; +} + +.comming-soon-date { + color: #787873; + line-height: 14px; + display: block; + font-size: 16px; + box-sizing: border-box; + text-align: center; } \ No newline at end of file diff --git a/ui/src/app/countdown/countdown.component.html b/ui/src/app/countdown/countdown.component.html index 0d27188..714957b 100644 --- a/ui/src/app/countdown/countdown.component.html +++ b/ui/src/app/countdown/countdown.component.html @@ -1,4 +1,5 @@
+
{{Counter.Tage}} diff --git a/ui/src/app/home/home.component.css b/ui/src/app/home/home.component.css index e69de29..db9e63e 100644 --- a/ui/src/app/home/home.component.css +++ b/ui/src/app/home/home.component.css @@ -0,0 +1,36 @@ +.heading-page { + + text-align: center; + font-size: 60px; + + margin: 0; + line-height: 1.2; +} + +.section-heading-page { + background: #228fb8; + color: white; + +} +.col-xs-12 { + width: 100%; +} + +.container { + width:1170px; + + text-align: center; +} + +.wrapper-table { + display: table; + margin: 0; + padding: 0; + width: 100%; +} + +.wrapper-table-cell { + display: table-cell; + text-align: center; + vertical-align: middle; +} diff --git a/ui/src/app/home/home.component.html b/ui/src/app/home/home.component.html index 990ff1a..c52331b 100644 --- a/ui/src/app/home/home.component.html +++ b/ui/src/app/home/home.component.html @@ -1,4 +1,30 @@ -
-

Welcome Home!

- Zeige Besucher liste +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+

Annika & Damian

+
20.08.2022
+
+
+
+
+ + diff --git a/ui/src/app/navbar/navbar.component.html b/ui/src/app/navbar/navbar.component.html index 39a077f..50fa8dc 100644 --- a/ui/src/app/navbar/navbar.component.html +++ b/ui/src/app/navbar/navbar.component.html @@ -5,7 +5,7 @@ - -
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file diff --git a/ui/src/index.html b/ui/src/index.html index 5a4eff6..3098c39 100644 --- a/ui/src/index.html +++ b/ui/src/index.html @@ -12,7 +12,7 @@ - + diff --git a/ui/src/styles.css b/ui/src/styles.css index 7e7239a..0e2c3d3 100644 --- a/ui/src/styles.css +++ b/ui/src/styles.css @@ -1,4 +1,10 @@ /* You can add global styles to this file, and also import other style files */ - +* { + font-size: 15px; +} html, body { height: 100%; } -body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } +body { + margin: 0; + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 15px; +}