175 lines
4.5 KiB
HTML
175 lines
4.5 KiB
HTML
<section class="hero">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="column">
|
|
<blockquote class="notification is-info is-light content is-size-3 has-text-weight-light">
|
|
<h1 class="title">
|
|
{{ 'home.title' | translate }}
|
|
{{ env.appTitle }}
|
|
</h1>
|
|
<i class="fa fa-poll"></i>
|
|
{{
|
|
'SENTENCES.framadate-is-an-online-service-for-planning-an-appointment-or-making-a-decision-quickly-and-easily'
|
|
| translate
|
|
}}
|
|
</blockquote>
|
|
|
|
<img src="assets/img/undraw_group_selfie_ijc6.svg" alt="image WIP" />
|
|
</div>
|
|
<div class="columns">
|
|
<div class="column">
|
|
<h2 class="subtitle">
|
|
{{ 'home.subtitle' | translate }}
|
|
</h2>
|
|
</div>
|
|
<div class="column">
|
|
<h2 class="subtitle">
|
|
{{ 'home.search_title' | translate }}
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="columns">
|
|
<div class="column">
|
|
<a role="button" class="button is-fullwidth is-primary is-size-3" routerLink="administration">
|
|
<i class="fa fa-plus-circle"></i>
|
|
{{ 'home.create_button' | translate }}
|
|
</a>
|
|
<img src="assets/img/kind/date.jpeg" alt="sondage date" />
|
|
</div>
|
|
<div class="column">
|
|
<a role="button" class="button is-fullwidth is-info is-size-3" routerLink="user/polls">
|
|
<i class="fa fa-search"></i>
|
|
{{ 'home.search_button' | translate }}
|
|
</a>
|
|
<img src="assets/img/kind/classic.jpeg" alt="sondage date" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<h2 class="title is-2">
|
|
<i class="fa fa-format-paint"></i>
|
|
{{ 'SENTENCES.here-is-how-it-works' | translate }}
|
|
</h2>
|
|
<p>
|
|
{{ 'SENTENCES.send-the-poll-link-to-your-friends-or-colleagues' | translate }}
|
|
|
|
{{ 'SENTENCES.what-you-can-do' | translate }}
|
|
</p>
|
|
<h2 class="title is-2">
|
|
<i class="fa fa-format-paint"></i>
|
|
{{ 'SENTENCES.view-an-example' | translate }}
|
|
</h2>
|
|
<p>
|
|
<a href="/poll/orange-ou-citron/consultation" class="btn btn-info">
|
|
<i class="fa fa-biking"></i> Orange ou citron?
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<i class="fa fa-gavel"></i>
|
|
|
|
{{ 'SENTENCES.framadate-is-licensed-under-the' | translate }}
|
|
<span class="licence has-text-weight-medium">
|
|
<i class="fa fa-gnu"></i>
|
|
GNU Affero v3 Licence
|
|
</span>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="column">
|
|
<h2 class="title is-2">
|
|
<i class="fa fa-seeding"></i>
|
|
{{ 'SENTENCES.grow-your-own' | translate }}
|
|
</h2>
|
|
<p>
|
|
{{
|
|
'SENTENCES.if-you-want-to-install-the-software-for-your-own-use-and-thus-increase-your-independence-we-can-help'
|
|
| translate
|
|
}}
|
|
{{
|
|
'SENTENCES.to-participate-in-the-software-development-suggest-improvements-or-simply-download-it-please-visit'
|
|
| translate
|
|
}}
|
|
{{ 'SENTENCES.the-development-site' | translate }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- statistiques-->
|
|
<p class="title">Statistiques</p>
|
|
<app-wip-todo></app-wip-todo>
|
|
<div class="tile is-ancestor">
|
|
<div class="tile is-4 is-vertical is-parent">
|
|
<div class="tile is-child box">
|
|
<div class="title">
|
|
<i class="fa fa-check-circle"></i>
|
|
62 346
|
|
</div>
|
|
<p>sondages</p>
|
|
</div>
|
|
<div class="tile is-child box">
|
|
<div class="title">
|
|
<i class="fa fa-tachometer"></i>
|
|
223 124
|
|
</div>
|
|
<p>votes</p>
|
|
</div>
|
|
|
|
<div class="tile is-child box">
|
|
<div class="title">
|
|
<i class="fa fa-comment-o"></i>
|
|
41 875
|
|
</div>
|
|
<p>commentaires</p>
|
|
</div>
|
|
</div>
|
|
<div class="tile is-parent">
|
|
<div class="tile is-child box">
|
|
<div class="title">
|
|
<i class="fa fa-calendar-check-o"></i>
|
|
44 985
|
|
</div>
|
|
<p>sondages de type date</p>
|
|
</div>
|
|
|
|
<div class="tile is-child box">
|
|
<div class="title">
|
|
<i class="fa fa-file-epub"></i>
|
|
22 985
|
|
</div>
|
|
<p>sondages de type classique</p>
|
|
</div>
|
|
<div class="tile is-child box">
|
|
<div class="title">
|
|
<i class="fa fa-check-circle-o"></i>
|
|
123
|
|
</div>
|
|
<p>consensus parfaits</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box">
|
|
<h2 class="title">Nos Mentions légales</h2>
|
|
<ul>
|
|
<li>
|
|
<a href="/legal">
|
|
mentions légales,
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/cgu">
|
|
CGU, CPU,
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/privacy">
|
|
politique de confidentialité.
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|