diff --git a/src/app/core/components/home/home.component.html b/src/app/core/components/home/home.component.html index 7b1abfd9..58d0a2fc 100644 --- a/src/app/core/components/home/home.component.html +++ b/src/app/core/components/home/home.component.html @@ -1,5 +1,20 @@
+
+
+

+ Organisez des évènements ou récoltez l’opinion de vos proches, simplement, librement. +

+

+ Grâce à Framadate planifiez, organisez et prenez des décisions rapidement, simplement et sans + inscription. +

+
+
+ calendrier icone framadate +
+
+
@@ -22,7 +37,9 @@ *ngIf="environment.showDemoWarning" class="demo demo-warning well has-background-warning-light padded marged" > - Ce que l'on peut faire sur cette démo: +

+ Ce que l'on peut faire sur cette démo: +

  • ☑️ Créer un nouveau sondage @@ -39,7 +56,9 @@ >
- Ce qu'on ne peut pas encore faire: +

+ Ce qu'on ne peut pas encore faire: +

  • 🚴‍️ mettre à jour son vote à un sondage @@ -58,6 +77,8 @@

    {{ 'home.search_title' | translate }}

    + + batman veut savoir où sont ses sondages
    • @@ -75,7 +96,7 @@
    -
    - sondage date + sondage date +
    +
    + sondage classique
    diff --git a/src/app/core/components/home/home.component.scss b/src/app/core/components/home/home.component.scss index 05590871..b76a9e58 100644 --- a/src/app/core/components/home/home.component.scss +++ b/src/app/core/components/home/home.component.scss @@ -1,5 +1,9 @@ +@import '../../../../styles/variables'; + :host { text-align: center; + margin-left: -2em; + margin-right: -2em; a .fa { margin-right: 1ch; } @@ -9,4 +13,7 @@ .poll-list { margin: 2em 0; } + .presentation { + background: $secondary_color; + } } diff --git a/src/app/core/components/home/home.component.ts b/src/app/core/components/home/home.component.ts index d3e1acdc..bda8fab6 100644 --- a/src/app/core/components/home/home.component.ts +++ b/src/app/core/components/home/home.component.ts @@ -4,6 +4,7 @@ import { StorageService } from '../../services/storage.service'; import { ApiService } from '../../services/api.service'; import { ToastService } from '../../services/toast.service'; import { DOCUMENT } from '@angular/common'; +import { Title } from '@angular/platform-browser'; @Component({ selector: 'app-home', @@ -18,8 +19,11 @@ export class HomeComponent { @Inject(DOCUMENT) private document: any, public storageService: StorageService, public toastService: ToastService, + public titleService: Title, private api: ApiService - ) {} + ) { + this.titleService.setTitle(environment.appTitle + ' - Accueil '); + } searchMyPolls() { const email = this.storageService.vote_stack.owner.email; diff --git a/src/assets/i18n/FR.json b/src/assets/i18n/FR.json index 385eef74..77a8fbaf 100644 --- a/src/assets/i18n/FR.json +++ b/src/assets/i18n/FR.json @@ -5,7 +5,8 @@ "home": { "title": "Bienvenue sur", "subtitle": "Se consulter simplement pour s’organiser 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 ", "search_button": "Rechercher" }, diff --git a/src/assets/img/icone_home.png b/src/assets/img/icone_home.png new file mode 100644 index 00000000..9447bc94 Binary files /dev/null and b/src/assets/img/icone_home.png differ diff --git a/src/assets/img/where-is-it.jpg b/src/assets/img/where-is-it.jpg new file mode 100644 index 00000000..cf097e47 Binary files /dev/null and b/src/assets/img/where-is-it.jpg differ diff --git a/src/styles/partials/_main.scss b/src/styles/partials/_main.scss index b598ef39..459c2cfd 100644 --- a/src/styles/partials/_main.scss +++ b/src/styles/partials/_main.scss @@ -4,7 +4,6 @@ main { display: block; width: 100%; margin: 0 auto; - padding: 0 2rem; } .main-block { min-height: 20em; diff --git a/src/styles/themes/_base.scss b/src/styles/themes/_base.scss index 4d7250bc..6a9d867e 100644 --- a/src/styles/themes/_base.scss +++ b/src/styles/themes/_base.scss @@ -4,7 +4,6 @@ main { margin-bottom: 2em; padding-bottom: 5em; - padding-top: 1em; background: $white; } .big-header {