From 978ea735a63c2088369b76114ea92aa378dab5ee Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Tue, 15 Feb 2022 15:04:49 +0100
Subject: [PATCH] style landing

---
 .../components/footer/footer.component.html   | 42 +++++++++----------
 .../components/footer/footer.component.scss   | 30 +++++++++++++
 .../components/footer/footer.component.ts     |  1 +
 .../core/components/home/home.component.scss  | 18 +++++++-
 src/environments/environment.prod.ts          |  1 +
 src/environments/environment.ts               |  1 +
 6 files changed, 69 insertions(+), 24 deletions(-)

diff --git a/src/app/core/components/footer/footer.component.html b/src/app/core/components/footer/footer.component.html
index 3a166664..9f431abb 100644
--- a/src/app/core/components/footer/footer.component.html
+++ b/src/app/core/components/footer/footer.component.html
@@ -1,40 +1,36 @@
 <footer class="footer main-footer">
 	<div class="content container">
-		<div class="columns border-bottom">
-			<div class="column is-narrow">
-				<a href="/">
-					<img
-						class="app-logo logo"
-						*ngIf="env.appLogo"
-						src="{{ env.appLogo }}"
-						alt="{{ env.appTitle }} logo"
-					/>
-				</a>
-			</div>
-			<div class="column">
+		<div class="logo-box">
+			<a href="/" class="pull-left">
+				<img class="app-logo logo" *ngIf="env.appLogo" src="{{ env.appLogo }}" alt="{{ env.appTitle }} logo" />
+			</a>
+			<div class="app-title pull-left">
 				{{ env.appTitle }}
 			</div>
 		</div>
 		<div class="pages-links">
-			<div>Nos Mentions légales</div>
+			<!--			<div>Nos Mentions légales</div>-->
+			<a href="{{ env.appSupportWebpage }}">
+				Contact
+			</a>
+			<a href="mailto:{{ env.appSupportEmail }}">
+				Support
+			</a>
 			<a routerLink="/page/legal">
-				mentions légales,
+				Mentions légales
 			</a>
 			<a routerLink="/page/cgu">
-				CGU, CPU,
+				Conditions générales d’utilisation
 			</a>
 			<a routerLink="/page/privacy">
-				politique de confidentialité.
+				Politique de confidentialité
 			</a>
-			Support:
-			<a href="mailto:{{ env.appSupportEmail }}">
-				mail
-			</a>
-			<a href="{{ env.appSupportWebpage }}">
-				Autres canaux
+
+			<a href="#">
+				Accessibilité : Totalement conforme
 			</a>
 		</div>
-		<p>
+		<p *ngIf="show_bottom_sources">
 			{{ env.appTitle }} - {{ env.appVersion }} - libérez vos sondages. <i class="fa fa-copyleft"></i> Logiciel
 			libre sous licence AGPL v3.
 			<app-theme-selector></app-theme-selector>
diff --git a/src/app/core/components/footer/footer.component.scss b/src/app/core/components/footer/footer.component.scss
index 0db39dff..887b03d6 100644
--- a/src/app/core/components/footer/footer.component.scss
+++ b/src/app/core/components/footer/footer.component.scss
@@ -1,13 +1,43 @@
 @import '../../../../styles/variables';
 
 .main-footer {
+	.app-title {
+		min-height: 5rem;
+		line-height: 5rem;
+		font-weight: bold;
+	}
+	.logo-box {
+		height: 5rem;
+		border-bottom: 1px solid $white;
+		margin-bottom: 1rem;
+		width: 100%;
+	}
 	a {
 		color: $white;
 	}
+
 	img {
 		max-height: $header-nav-inner-height;
 	}
+
 	.border-bottom {
 		border-bottom: solid 1px #ccc;
 	}
+
+	.pages-links {
+		a {
+			border-right: 1px solid $white;
+			padding-left: 1rem;
+			padding-right: 1rem;
+
+			&:first-of-type {
+				padding-left: 0;
+				border-left: 0;
+			}
+			&:last-of-type {
+				padding-right: 0;
+				border-right: 0;
+			}
+		}
+	}
 }
diff --git a/src/app/core/components/footer/footer.component.ts b/src/app/core/components/footer/footer.component.ts
index ff7db39f..ce133b8d 100644
--- a/src/app/core/components/footer/footer.component.ts
+++ b/src/app/core/components/footer/footer.component.ts
@@ -8,6 +8,7 @@ import { environment } from '../../../../environments/environment';
 })
 export class FooterComponent implements OnInit {
 	public env = environment;
+	show_bottom_sources: boolean = environment.show_bottom_sources;
 	constructor() {}
 
 	ngOnInit(): void {}
diff --git a/src/app/core/components/home/home.component.scss b/src/app/core/components/home/home.component.scss
index a3f2c288..68c67e86 100644
--- a/src/app/core/components/home/home.component.scss
+++ b/src/app/core/components/home/home.component.scss
@@ -1,14 +1,30 @@
 @import '../../../../styles/variables';
 
 :host {
+	.content {
+		padding: 0;
+		padding-left: 1rem;
+	}
+	.subtitle,
+	.presentation {
+		.columns {
+			margin-left: 0;
+		}
+		.column {
+			padding-left: 0;
+		}
+	}
+
 	.landing-box {
 		padding: 6em 0;
 		color: $primary_color;
-		min-height: 500px;
+		min-height: 80vh;
+
 		.title {
 			color: $primary_color !important;
 		}
 	}
+
 	a .fa {
 		margin-right: 1ch;
 	}
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
index 88a5ea4b..3dcb50c4 100644
--- a/src/environments/environment.prod.ts
+++ b/src/environments/environment.prod.ts
@@ -96,4 +96,5 @@ export const environment = {
 	display_time_actions_more: false,
 	display_date_end_of_poll: false,
 	display_wip: false,
+	show_bottom_sources: false,
 };
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index c32f4e15..714440d5 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -56,6 +56,7 @@ export const environment = {
 	display_time_actions_more: false,
 	display_date_end_of_poll: false,
 	display_wip: false,
+	show_bottom_sources: false,
 };
 
 // Included with Angular CLI.