Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

🎨 landing page white background

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/core/components/header/header.component.html
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"

6
src/app/core/components/header/header.component.scss
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;

4
src/app/core/components/home/home.component.html
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>

31
src/app/core/components/home/home.component.scss
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;
}

2
src/app/shared/components/selectors/language-selector/language-selector.component.scss
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;

2
src/app/shared/components/selectors/language-selector/language-selector.component.ts
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,

1
src/assets/i18n/en.json
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",

2
src/assets/i18n/fr.json
View File

@ -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",

17
src/styles/partials/_navigation.scss
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;

1
src/styles/themes/_base.scss
View File

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