style landing

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="logo-box">
-			<div class="column is-narrow">
+			<a href="/" class="pull-left">
-				<a href="/">
+				<img class="app-logo logo" *ngIf="env.appLogo" src="{{ env.appLogo }}" alt="{{ env.appTitle }} logo" />
-					<img
+			</a>
-						class="app-logo logo"
+			<div class="app-title pull-left">
-						*ngIf="env.appLogo"
-						src="{{ env.appLogo }}"
-						alt="{{ env.appTitle }} logo"
-					/>
-				</a>
-			</div>
-			<div class="column">
 				{{ 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 }}">
+			<a href="#">
-				mail
+				Accessibilité : Totalement conforme
-			</a>
-			<a href="{{ env.appSupportWebpage }}">
-				Autres canaux
 			</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>

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;
+			}
+		}
+	}
 }

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 {}

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;
 	}

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,
 };

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.