bientot pret
This commit is contained in:
parent
b71cbb37ef
commit
d860e3d987
45 changed files with 1987 additions and 249 deletions
11
layouts/partials/ToolTip.html
Normal file
11
layouts/partials/ToolTip.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<div>
|
||||
<div v-if="$isServer === true">
|
||||
<slot/>
|
||||
</div>
|
||||
<div
|
||||
v-tooltip.top="value"
|
||||
v-else
|
||||
@click="$router.push(to)">
|
||||
<slot/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -2,9 +2,9 @@
|
|||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment-with-locales.min.js" integrity="sha512-4F1cxYdMiAW98oomSLaygEwmCnIP38pb4Kx70yQYqRwLVCs3DbRumfBq82T08g/4LJ/smbFGFpmeFlQgoDccgg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/locale/{{ .Lang }}.min.js" integrity="sha512-RAt2+PIRwJiyjWpzvvhKAG2LEdPpQhTgWfbEkFDCo8wC4rFYh5GQzJBVIFDswwaEDEYX16GEE/4fpeDNr7OIZw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<div class="articles-list transition-parent">
|
||||
{{ $allposts := (where site.RegularPages "Section" "=" site.Params.mainSections)}}
|
||||
{{ $allposts := (where site.RegularPages "Section" "=" "blog")}}
|
||||
{{ $allposts = $allposts.ByDate }}
|
||||
{{ $context := (page.GetPage "/posts")}}
|
||||
{{ $context := (page.GetPage "/blog")}}
|
||||
{{ if (eq (len $allposts) 0) }}
|
||||
<div
|
||||
class="section-error-container transition-child"
|
||||
|
|
|
|||
120
layouts/partials/contact.html
Normal file
120
layouts/partials/contact.html
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
<div>
|
||||
<div class="content text">
|
||||
<div class="container mx-auto">
|
||||
<h2>{{ (index site.Params "contact-us").president.title }}</h2>
|
||||
<div class="pt-1 d-flex justify-center">
|
||||
<contact-card
|
||||
:phone="['KzMzNjE2', 'NjE3OTQ1']"
|
||||
avatarUrl="https://s.werobot.fr/profiles/franck.jpg"
|
||||
name="Franck GITON"
|
||||
email="werobot.fr@gmail.com"
|
||||
/>
|
||||
</div>
|
||||
<h2>{{ (index site.Params "contact-us").form.title }}</h2>
|
||||
<p class="mb-3">{{ (index site.Params "contact-us").form.description }}</p>
|
||||
<transition name="main-transition">
|
||||
<div v-if="success">
|
||||
<div
|
||||
role="alert"
|
||||
class="w-100 bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md mb-4">
|
||||
<div class="flex justify-between">
|
||||
<div class="flex">
|
||||
<div class="px-5">
|
||||
<i class="fa fas fa-check-circle"></i>
|
||||
</div>
|
||||
<div>
|
||||
<p class="font-bold">
|
||||
{{ (index site.Params "contact-us").form.success }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="cursor:pointer"
|
||||
@click="success=false">
|
||||
<i class="fa fas fa-times-circle"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
<form
|
||||
class="w-full">
|
||||
<div class="flex flex-wrap -mx-3">
|
||||
<div class="w-full md:w-1/2 px-3">
|
||||
<label
|
||||
class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-1"
|
||||
for="name">
|
||||
{{ (index site.Params "contact-us").form.name }}
|
||||
</label>
|
||||
<input
|
||||
id="name"
|
||||
v-model="name"
|
||||
placeholder="{{ (index site.Params "contact-us").form.name_placeholder }}"
|
||||
class="appearance-none block w-full bg-grey-lighter text-grey-darker border rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white"
|
||||
type="text">
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 px-3">
|
||||
<label
|
||||
class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-1"
|
||||
for="email">
|
||||
{{ (index site.Params "contact-us").form.email }}
|
||||
</label>
|
||||
<input
|
||||
id="email"
|
||||
v-model="email"
|
||||
placeholder="{{ (index site.Params "contact-us").form.email_placeholder }}"
|
||||
class="appearance-none block w-full bg-grey-lighter text-grey-darker border rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-grey"
|
||||
type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap -mx-3">
|
||||
<div class="w-full px-3">
|
||||
<label
|
||||
class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-1"
|
||||
for="subject">
|
||||
{{ (index site.Params "contact-us").form.subject }}
|
||||
</label>
|
||||
<input
|
||||
id="subject"
|
||||
v-model="subject"
|
||||
placeholder="{{ (index site.Params "contact-us").form.subject_placeholder }}"
|
||||
class="appearance-none block w-full bg-grey-lighter text-grey-darker border rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-grey"
|
||||
type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap -mx-3 mb-4">
|
||||
<div class="w-full px-3">
|
||||
<label
|
||||
class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-1"
|
||||
for="content">
|
||||
{{ (index site.Params "contact-us").form.content }}
|
||||
</label>
|
||||
<textarea
|
||||
id="content"
|
||||
v-model="content"
|
||||
placeholder="{{ (index site.Params "contact-us").form.content_placeholder }}"
|
||||
class="appearance-none block w-full bg-grey-lighter text-grey-darker border rounded py-3 px-4 mb-2 leading-tight focus:outline-none focus:bg-white focus:border-grey"
|
||||
style="height: 12em">
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap justify-end">
|
||||
<div class="button button-primary">
|
||||
<div class="button-icon">
|
||||
<i
|
||||
v-if="loading"
|
||||
class="fa fas fa-sync fa-spin"></i>
|
||||
<i
|
||||
v-else
|
||||
class="fa fas fa-check-circle"></i>
|
||||
</div>
|
||||
<div
|
||||
class="button-text"
|
||||
@click="submit">
|
||||
{{ (index site.Params "contact-us").form.submit }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -57,26 +57,31 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="header-locale-container">
|
||||
<div
|
||||
id="h"
|
||||
class="footer-locale ">
|
||||
<a
|
||||
class="button button-primary"
|
||||
>
|
||||
<div class="button-icon">
|
||||
<i class="fa fas fa-flag"></i>
|
||||
</div>
|
||||
<div
|
||||
class="link button-text">
|
||||
<!-- <span> -->
|
||||
<!-- English -->
|
||||
<!-- </span> -->
|
||||
<span>
|
||||
Français
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
id="h"
|
||||
class="footer-locale">
|
||||
{{ $nextlangcode := .Language.Params.nextlang }}
|
||||
{{ $nextlang := . }}
|
||||
{{ range .Translations }}
|
||||
{{ if (eq .Lang $nextlangcode) }}
|
||||
{{ $nextlang = . }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<a
|
||||
class="button button-primary"
|
||||
href="{{ $nextlang.Permalink }}"
|
||||
>
|
||||
<div class="button-icon">
|
||||
<i class="fa fas fa-flag"></i>
|
||||
</div>
|
||||
<div
|
||||
class="link button-text">
|
||||
<span>
|
||||
{{ $nextlang.Language.LanguageName }}
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue