retouch homepage, add title html

This commit is contained in:
Tykayn 2021-11-08 11:27:35 +01:00 committed by tykayn
parent 912e8af990
commit e1a28a7c81
8 changed files with 42 additions and 9 deletions

View File

@ -1,5 +1,20 @@
<section class="hero"> <section class="hero">
<div class="hero-body"> <div class="hero-body">
<div class="columns presentation">
<div class="column">
<h2 class="title is-2">
Organisez des évènements ou récoltez lopinion de vos proches, simplement, librement.
</h2>
<p>
Grâce à Framadate planifiez, organisez et prenez des décisions rapidement, simplement et sans
inscription.
</p>
</div>
<div class="column">
<img src="assets/img/icone_home.png" alt="calendrier icone framadate" />
</div>
</div>
<div class="container"> <div class="container">
<div class="column"> <div class="column">
<section class="creation"> <section class="creation">
@ -22,7 +37,9 @@
*ngIf="environment.showDemoWarning" *ngIf="environment.showDemoWarning"
class="demo demo-warning well has-background-warning-light padded marged" class="demo demo-warning well has-background-warning-light padded marged"
> >
<h3 class="title is-3">
Ce que l'on peut faire sur cette démo: Ce que l'on peut faire sur cette démo:
</h3>
<ul> <ul>
<li> <li>
☑️ Créer un nouveau sondage ☑️ Créer un nouveau sondage
@ -39,7 +56,9 @@
> >
</li> </li>
</ul> </ul>
<h3 class="title is-3">
Ce qu'on ne peut pas encore faire: Ce qu'on ne peut pas encore faire:
</h3>
<ul> <ul>
<li> <li>
🚴‍️ mettre à jour son vote à un sondage 🚴‍️ mettre à jour son vote à un sondage
@ -58,6 +77,8 @@
<h1 class="title is-1 is-centered"> <h1 class="title is-1 is-centered">
{{ 'home.search_title' | translate }} {{ 'home.search_title' | translate }}
</h1> </h1>
<img src="assets/img/where-is-it.jpg" alt="batman veut savoir où sont ses sondages" />
<div class="poll-list"> <div class="poll-list">
<ul> <ul>
<li *ngFor="let p of storageService.userPolls"> <li *ngFor="let p of storageService.userPolls">
@ -75,7 +96,7 @@
<form (ngSubmit)="searchMyPolls()"> <form (ngSubmit)="searchMyPolls()">
<div class="search-others"> <div class="search-others">
<label for="search_email"> <label for="search_email">
Je cherche d'autres sondages, qui correspondent à mon mail : {{ 'home.search_subtitle' | translate }}
</label> </label>
<input <input
type="email" type="email"
@ -139,9 +160,11 @@
<div class="column"></div> <div class="column"></div>
</div> </div>
<div class="columns"> <div class="columns">
<div class="column"></div>
<div class="column"> <div class="column">
<img src="assets/img/kind/classic.jpeg" alt="sondage date" /> <img src="assets/img/kind/date.jpeg" alt="sondage date" />
</div>
<div class="column">
<img src="assets/img/kind/classic.jpeg" alt="sondage classique" />
</div> </div>
</div> </div>

View File

@ -1,5 +1,9 @@
@import '../../../../styles/variables';
:host { :host {
text-align: center; text-align: center;
margin-left: -2em;
margin-right: -2em;
a .fa { a .fa {
margin-right: 1ch; margin-right: 1ch;
} }
@ -9,4 +13,7 @@
.poll-list { .poll-list {
margin: 2em 0; margin: 2em 0;
} }
.presentation {
background: $secondary_color;
}
} }

View File

@ -4,6 +4,7 @@ import { StorageService } from '../../services/storage.service';
import { ApiService } from '../../services/api.service'; import { ApiService } from '../../services/api.service';
import { ToastService } from '../../services/toast.service'; import { ToastService } from '../../services/toast.service';
import { DOCUMENT } from '@angular/common'; import { DOCUMENT } from '@angular/common';
import { Title } from '@angular/platform-browser';
@Component({ @Component({
selector: 'app-home', selector: 'app-home',
@ -18,8 +19,11 @@ export class HomeComponent {
@Inject(DOCUMENT) private document: any, @Inject(DOCUMENT) private document: any,
public storageService: StorageService, public storageService: StorageService,
public toastService: ToastService, public toastService: ToastService,
public titleService: Title,
private api: ApiService private api: ApiService
) {} ) {
this.titleService.setTitle(environment.appTitle + ' - Accueil ');
}
searchMyPolls() { searchMyPolls() {
const email = this.storageService.vote_stack.owner.email; const email = this.storageService.vote_stack.owner.email;

View File

@ -5,7 +5,8 @@
"home": { "home": {
"title": "Bienvenue sur", "title": "Bienvenue sur",
"subtitle": "Se consulter simplement pour sorganiser collectivement.", "subtitle": "Se consulter simplement pour sorganiser collectivement.",
"search_title": "Où sont mes sondages? ", "search_title": "Vous avez déjà créé un sondage et vous souhaitez y accéder ?",
"search_subtitle": "Saisissez votre adresse e-mail et nous vous enverrons le lien vers votre sondage. ",
"create_button": "Créer un nouveau sondage ", "create_button": "Créer un nouveau sondage ",
"search_button": "Rechercher" "search_button": "Rechercher"
}, },

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

View File

@ -4,7 +4,6 @@ main {
display: block; display: block;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 0 2rem;
} }
.main-block { .main-block {
min-height: 20em; min-height: 20em;

View File

@ -4,7 +4,6 @@
main { main {
margin-bottom: 2em; margin-bottom: 2em;
padding-bottom: 5em; padding-bottom: 5em;
padding-top: 1em;
background: $white; background: $white;
} }
.big-header { .big-header {