🎨 landing page white background

This commit is contained in:
Tykayn 2022-02-08 14:04:09 +01:00 committed by tykayn
parent f9c4eda5e7
commit 00f48d102a
10 changed files with 62 additions and 119 deletions

View File

@ -1,5 +1,8 @@
<header class="big-header">
<div class="contained-desktop">
<div class="container">
<div class="columns">
<div class="column">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="logo-home-link navbar-item" routerLink="/">
@ -30,43 +33,23 @@
{{ 'creation.init' | translate }}
</div>
</a>
<a href="#" class="navbar-item is-visible-desktop">
Explorer le libre
<i class="fa fa-chevron-down"></i>
</a>
<a href="#" class="navbar-item is-visible-desktop">
Des outils éthiques
<i class="fa fa-chevron-down"></i>
</a>
<a href="#" class="navbar-item is-visible-desktop">
Changer le monde
<i class="fa fa-chevron-down"></i>
</a>
<a href="#" class="navbar-item is-visible-desktop">
Entraide
<i class="fa fa-chevron-down"></i>
</a>
<span class="navbar-item is-visible-desktop">
<app-language-selector></app-language-selector>
</span>
</span>
</div>
<div class="navbar-end">
<!-- navbar items -->
<span class="navbar-item give-to-project">
<a href="https://soutenir.framasoft.org" class="button is-outlined">
Faire un don
</a>
<span class="navbar-item is-visible-desktop">
<app-language-selector></app-language-selector>
</span>
</div>
<!-- navbar items -->
<div class="mobile-menu" *ngIf="mobileMenuVisible">
<!-- menu mobile-->
<app-language-selector></app-language-selector>
<!-- <app-navigation [appTitle]="appTitle" [appLogo]="appLogo"></app-navigation>-->
</div>
</nav>
</div>
</div>
</div>
<div
*ngIf="environment.showDemoWarning"
class="demo demo-warning well debug has-text-white-bis has-background-warning-dark padded marged"

View File

@ -5,11 +5,11 @@
line-height: 4rem;
display: inline-block;
}
.navbar {
background: white;
}
.navbar-item {
color: $white;
a {
color: $white;
&:hover {
background: $primary_color;
color: $white;

View File

@ -1,6 +1,6 @@
<section>
<div class="landing-box">
<div class="landing contained-desktop content">
<div class="landing container content">
<div class="columns presentation">
<div class="column">
<h2 class="title is-2">
@ -11,7 +11,7 @@
</p>
<div class="columns">
<div class="column">
<a role="button" class="button is-fullwidth is-white" routerLink="administration">
<a role="button" class="button is-fullwidth is-primary" routerLink="administration">
{{ 'config.letsgo' | translate }}
</a>
</div>

View File

@ -2,39 +2,12 @@
:host {
.landing-box {
background: $secondary_color;
padding: 70px 1em 6em;
}
color: $primary_color;
.title {
color: $white;
margin-bottom: 1rem;
text-align: left;
}
.button {
color: $secondary_color !important;
background: $secondary_color;
text-align: center;
&.is-white {
background: $white;
}
&.is-secondary {
color: $white !important;
background: $secondary_color !important;
color: $primary_color !important;
}
}
.subtitle {
text-align: left;
margin-top: 1rem;
min-height: 4em;
color: $white;
}
.poll-list {
margin: 2em 0;
}
a .fa {
margin-right: 1ch;
}

View File

@ -31,7 +31,7 @@
.lang-button {
color: $secondary_color;
border: none;
padding: 0;
padding: 0 1rem;
display: block;
line-height: $header-nav-height;
height: $header-nav-height;

View File

@ -15,7 +15,7 @@ export class LanguageSelectorComponent implements OnInit {
public availableLanguages: any = ['FR', 'EN', 'ES'];
language: string;
language_to_apply: string;
display_lang_dialog: any = true;
display_lang_dialog: boolean = false;
constructor(
private languageService: LanguageService,

View File

@ -33,6 +33,7 @@
"landing_title": "Organize events or collect the opinion of your relatives, simply, freely.",
"landing_subtitle": "Thanks to {{AppTitle}} you can schedule, organize and quickly take decisions, easily and without registration.",
"letsgo": "Create a new poll",
"discover": "Find an existing poll",
"description": "Shedule appointments with your friends or your family, or create a pool with text, pictures or links… A real survey!",
"find_my_polls": "My polls",
"find_helper": "I am looking for polls linked to my email",

View File

@ -33,7 +33,7 @@
"landing_title": "Organisez des évènements ou récoltez lopinion de vos proches, simplement, librement.",
"landing_subtitle": "Grâce à {{AppTitle}} planifiez, organisez et prenez des décisions rapidement, simplement et sans inscription.",
"letsgo": "Créer un nouveau sondage",
"discover": "Découvrir Framadate",
"discover": "Accéder à un sondage existant",
"description": "Planifiez des rendez-vous avec vos amis ou votre famille ou créez un sondage avec du texte, des images ou des liens… un sondage quoi !",
"find_my_polls": "Mes sondages",
"find_helper": "Je cherche d'autres sondages qui correspondent à mon mail",

View File

@ -3,27 +3,14 @@ app-header {
color: $white;
}
.big-header {
background: $secondary-color;
color: $white;
border-bottom: solid 1px #ccc !important;
.container {
background: $secondary-color;
color: $white;
box-shadow: none;
padding-bottom: 0;
}
}
// material override
.navbar {
margin-bottom: 0;
background: $secondary-color;
color: $white;
}
nav {
background: $primary-color;
text-align: center;
border-bottom: 2px solid $primary-color;
a {
&::before {
display: inline-block;

View File

@ -7,7 +7,6 @@
}
.big-header {
.container {
padding-bottom: 5em;
.column:last-of-type {
text-align: right;
}