style landing

This commit is contained in:
Tykayn 2022-02-15 15:04:49 +01:00 committed by tykayn
parent 3fa415f24c
commit 978ea735a6
6 changed files with 69 additions and 24 deletions

View File

@ -1,40 +1,36 @@
<footer class="footer main-footer"> <footer class="footer main-footer">
<div class="content container"> <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 }} {{ env.appTitle }}
</div> </div>
</div> </div>
<div class="pages-links"> <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"> <a routerLink="/page/legal">
mentions légales, Mentions légales
</a> </a>
<a routerLink="/page/cgu"> <a routerLink="/page/cgu">
CGU, CPU, Conditions générales dutilisation
</a> </a>
<a routerLink="/page/privacy"> <a routerLink="/page/privacy">
politique de confidentialité. Politique de confidentialité
</a> </a>
Support:
<a href="mailto:{{ env.appSupportEmail }}"> <a href="#">
mail Accessibilité : Totalement conforme
</a>
<a href="{{ env.appSupportWebpage }}">
Autres canaux
</a> </a>
</div> </div>
<p> <p *ngIf="show_bottom_sources">
{{ env.appTitle }} - {{ env.appVersion }} - libérez vos sondages. <i class="fa fa-copyleft"></i> Logiciel {{ env.appTitle }} - {{ env.appVersion }} - libérez vos sondages. <i class="fa fa-copyleft"></i> Logiciel
libre sous licence AGPL v3. libre sous licence AGPL v3.
<app-theme-selector></app-theme-selector> <app-theme-selector></app-theme-selector>

View File

@ -1,13 +1,43 @@
@import '../../../../styles/variables'; @import '../../../../styles/variables';
.main-footer { .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 { a {
color: $white; color: $white;
} }
img { img {
max-height: $header-nav-inner-height; max-height: $header-nav-inner-height;
} }
.border-bottom { .border-bottom {
border-bottom: solid 1px #ccc; 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;
}
}
}
} }

View File

@ -8,6 +8,7 @@ import { environment } from '../../../../environments/environment';
}) })
export class FooterComponent implements OnInit { export class FooterComponent implements OnInit {
public env = environment; public env = environment;
show_bottom_sources: boolean = environment.show_bottom_sources;
constructor() {} constructor() {}
ngOnInit(): void {} ngOnInit(): void {}

View File

@ -1,14 +1,30 @@
@import '../../../../styles/variables'; @import '../../../../styles/variables';
:host { :host {
.content {
padding: 0;
padding-left: 1rem;
}
.subtitle,
.presentation {
.columns {
margin-left: 0;
}
.column {
padding-left: 0;
}
}
.landing-box { .landing-box {
padding: 6em 0; padding: 6em 0;
color: $primary_color; color: $primary_color;
min-height: 500px; min-height: 80vh;
.title { .title {
color: $primary_color !important; color: $primary_color !important;
} }
} }
a .fa { a .fa {
margin-right: 1ch; margin-right: 1ch;
} }

View File

@ -96,4 +96,5 @@ export const environment = {
display_time_actions_more: false, display_time_actions_more: false,
display_date_end_of_poll: false, display_date_end_of_poll: false,
display_wip: false, display_wip: false,
show_bottom_sources: false,
}; };

View File

@ -56,6 +56,7 @@ export const environment = {
display_time_actions_more: false, display_time_actions_more: false,
display_date_end_of_poll: false, display_date_end_of_poll: false,
display_wip: false, display_wip: false,
show_bottom_sources: false,
}; };
// Included with Angular CLI. // Included with Angular CLI.