🎨 landing page white background
This commit is contained in:
tykayn
parent
f9c4eda5e7
commit
00f48d102a
|
|
@ -1,72 +1,55 @@
|
|||
<header class="big-header">
|
||||
<div class="contained-desktop">
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="logo-home-link navbar-item" routerLink="/">
|
||||
<img
|
||||
class="header-app-logo app-logo logo"
|
||||
*ngIf="appLogo"
|
||||
src="{{ appLogo }}"
|
||||
alt="{{ appTitle }}"
|
||||
/>
|
||||
</a>
|
||||
<a class="logo-home-link navbar-item" routerLink="/">
|
||||
<span class="app-title">
|
||||
{{ appTitle }}
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-start">
|
||||
<span class="navbar-item">
|
||||
<a
|
||||
*ngIf="environment.display_header_create_button"
|
||||
class="button is-primary"
|
||||
role="button"
|
||||
routerLink="/administration"
|
||||
routerLinkActive="is-active"
|
||||
>
|
||||
<i class="fa fa-plus-circle"></i>
|
||||
<div class="is-hidden-touch">
|
||||
{{ 'creation.init' | translate }}
|
||||
<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="/">
|
||||
<img
|
||||
class="header-app-logo app-logo logo"
|
||||
*ngIf="appLogo"
|
||||
src="{{ appLogo }}"
|
||||
alt="{{ appTitle }}"
|
||||
/>
|
||||
</a>
|
||||
<a class="logo-home-link navbar-item" routerLink="/">
|
||||
<span class="app-title">
|
||||
{{ appTitle }}
|
||||
</span>
|
||||
</a>
|
||||
</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 class="navbar-start">
|
||||
<span class="navbar-item">
|
||||
<a
|
||||
*ngIf="environment.display_header_create_button"
|
||||
class="button is-primary"
|
||||
role="button"
|
||||
routerLink="/administration"
|
||||
routerLinkActive="is-active"
|
||||
>
|
||||
<i class="fa fa-plus-circle"></i>
|
||||
<div class="is-hidden-touch">
|
||||
{{ 'creation.init' | translate }}
|
||||
</div>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<!-- navbar items -->
|
||||
<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>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</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>
|
||||
</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
|
||||
*ngIf="environment.showDemoWarning"
|
||||
class="demo demo-warning well debug has-text-white-bis has-background-warning-dark padded marged"
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -2,39 +2,12 @@
|
|||
|
||||
:host {
|
||||
.landing-box {
|
||||
background: $secondary_color;
|
||||
padding: 70px 1em 6em;
|
||||
}
|
||||
.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;
|
||||
.title {
|
||||
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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
"landing_title": "Organisez des évènements ou récoltez l’opinion 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",
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
}
|
||||
.big-header {
|
||||
.container {
|
||||
padding-bottom: 5em;
|
||||
.column:last-of-type {
|
||||
text-align: right;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue