werobot/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

bientot pret

Browse source
This commit is contained in:
GZod01 2024-05-12 11:20:23 +02:00
parent b71cbb37ef
commit d860e3d987
45 changed files with 1987 additions and 249 deletions
Download patch file Download diff file Expand all files Collapse all files

120
layouts/partials/contact.html Normal file
View 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>