helloworld
This commit is contained in:
parent
0594f17c9e
commit
3c9beda960
7 changed files with 2154 additions and 1774 deletions
|
@ -1,3 +1,34 @@
|
|||
ul.sponsors-per-event-list{
|
||||
list-style-type: none;
|
||||
li.event{
|
||||
div.supporters{
|
||||
div.supporters-list{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
a{
|
||||
img{
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
}
|
||||
&.level-big{
|
||||
flex-direction:column;
|
||||
a{
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
&.level-middle{
|
||||
a{
|
||||
width:33%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
|
@ -1,24 +1,35 @@
|
|||
compet:
|
||||
- name: First Global Challenge 2024
|
||||
levels: # différents niveaux de sponsoring
|
||||
- title: Gros Sponsors # titre de la catégorie (français et défaut si pas de titleen)
|
||||
titleen: Big Sponsors # titre de la catégorie en anglais
|
||||
size: big # taille des images
|
||||
orgs: #organisations dans cette catégorie
|
||||
# JUSTE UN PLACEHOLDER: On n'est bien évidemment pas sponsorisé par google et on n'a pas de sponsors avec ce montant
|
||||
- name: Google # nom de l'organisation
|
||||
logo: https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png # logo de l'organisation (à partir de la racine des images d'organisation: /sponsors/)
|
||||
ammount: 1 500 000€ #optional: montant donné par l'organisation, pas nécessaire de le mettre
|
||||
url: https://google.com
|
||||
- title: Gros Sponsors
|
||||
size: big
|
||||
orgs:
|
||||
- name: Altair
|
||||
ammount: 5000€
|
||||
url: https://altair.com/
|
||||
logo: https://www.nafems.org/images/logos/altair-2020.pagespeed.1588268967.png
|
||||
- name: Crédit Agricole
|
||||
url: https://www.credit-agricole.fr/
|
||||
logo: https://storage.googleapis.com/endurance-apps-liip/media/cache/credit-agricole-2021_no_filter_grid_fs/5a6609398d543f584e0c970e
|
||||
ammount: 2500€ #5000€
|
||||
- title: Sponsors
|
||||
size: middle
|
||||
orgs:
|
||||
- name: SKF
|
||||
logo: skf.png
|
||||
ammount: 1000€
|
||||
- name: Schneider Electric
|
||||
logo: schneider.png
|
||||
logo: https://www.se.com/ww/en/assets/wiztopic/615aeb0184d20b323d58575e/Schneider-Electric-logo-jpg-_original.jpg
|
||||
ammount: 2000€
|
||||
url: https://www.se.com/fr/fr/
|
||||
- name: All Inclusive!
|
||||
ammount: 2000€
|
||||
url: https://www.beallinclusive.com/
|
||||
logo: https://image.jimcdn.com/app/cms/image/transf/dimension=200x10000:format=png/path/s2d1929a3611d71fe/image/i97611d2560e8d183/version/1459075465/image.png
|
||||
- name: SKF
|
||||
logo: https://evolution.skf.com/wp-content/uploads/sites/5/2022/05/logos.jpg
|
||||
ammount: 1000€
|
||||
url: https://skf.com/fr
|
||||
- name: Maritech SAS
|
||||
logo: https://media.licdn.com/dms/image/C4D0BAQEfGX0tdRWr7A/company-logo_200_200/0/1641198190668/maritech_sas_logo?e=2147483647&v=beta&t=bQL0Bx9RYHwjADKUB0jWuthfGJQgO62vA8Lrd2vcGBA
|
||||
ammount: 1000€
|
||||
- title: Supporters
|
||||
size: little
|
||||
orgs:
|
||||
|
|
3730
import.insta.json
3730
import.insta.json
File diff suppressed because it is too large
Load diff
|
@ -1 +1 @@
|
|||
1721389650
|
||||
1722341665
|
|
@ -1,37 +1,34 @@
|
|||
<dl class="card contact-card">
|
||||
<dt>
|
||||
Nom
|
||||
</dt>
|
||||
<dd>
|
||||
{{ site.Data.contact.name }}
|
||||
</dd>
|
||||
|
||||
<dt>Téléphone</dt>
|
||||
<dd>
|
||||
<a href="tel:{{ site.Data.contact.phone }}">{{ site.Data.contact.phone }}</a>
|
||||
</dd>
|
||||
|
||||
<dt>Adresse électronique</dt>
|
||||
<dd>
|
||||
<a href="mailto:{{ site.Data.contact.email }}">{{ site.Data.contact.email }}</a>
|
||||
</dd>
|
||||
|
||||
<dt>Facebook</dt>
|
||||
<dd>
|
||||
<a href="{{ site.Data.contact.facebook.url }}">{{ site.Data.contact.facebook.name }}</a>
|
||||
</dd>
|
||||
|
||||
<dt>Adresse</dt>
|
||||
<dd>
|
||||
{{ site.Data.contact.address.house_number }}
|
||||
{{ site.Data.contact.address.street_name }}<br>
|
||||
{{ site.Data.contact.address.postal_code }}
|
||||
{{ site.Data.contact.address.quarter }}
|
||||
{{ site.Data.contact.address.city }}
|
||||
</dd>
|
||||
|
||||
<dt>SIRET</dt>
|
||||
<dd>
|
||||
{{ site.Data.contact.siret }}
|
||||
</dd>
|
||||
</dl>
|
||||
<div class="contact-card">
|
||||
<div
|
||||
style="background-image: url({{.avatarUrl}})"
|
||||
class="contact-card-left"
|
||||
>
|
||||
</div>
|
||||
<div class="contact-card-right">
|
||||
<div class="contact-card-title">{{ .name }}</div>
|
||||
<ul class="contact-methods">
|
||||
<li class="contact-method">
|
||||
<div class="contact-method-icon">
|
||||
<i class="fa fas fa-phone"></i>
|
||||
</div>
|
||||
<no-ssr>
|
||||
<div class="contact-method-description">
|
||||
<a href="telto:{{ .phone }}">
|
||||
{{ .phone }}
|
||||
</a>
|
||||
</div>
|
||||
</no-ssr>
|
||||
</li>
|
||||
<li class="contact-method">
|
||||
<div class="contact-method-icon">
|
||||
<i class="fa fas fa-at"></i>
|
||||
</div>
|
||||
<div class="contact-method-description">
|
||||
<a href="mailto:{{.email}}">
|
||||
{{ .email }}
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -3,41 +3,17 @@
|
|||
<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="/proxyPhotos?code=/profiles/franck.jpg"
|
||||
name="Franck GITON"
|
||||
email="werobot.fr@gmail.com"
|
||||
/>
|
||||
{{ partial "contact-card.html"
|
||||
(dict "phone" "0616617945"
|
||||
"avatarUrl" "/proxyPhotos?code=/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
|
||||
action="mailto:contact@werobot.fr"
|
||||
class="w-full">
|
||||
<div class="flex flex-wrap -mx-3">
|
||||
<div class="w-full md:w-1/2 px-3">
|
||||
|
@ -48,7 +24,6 @@
|
|||
</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">
|
||||
|
@ -61,10 +36,9 @@
|
|||
</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">
|
||||
type="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap -mx-3">
|
||||
|
@ -76,7 +50,6 @@
|
|||
</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">
|
||||
|
@ -91,7 +64,6 @@
|
|||
</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">
|
||||
|
@ -99,21 +71,16 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap justify-end">
|
||||
<div class="button button-primary">
|
||||
<button type=submit 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">
|
||||
class="button-text">
|
||||
{{ (index site.Params "contact-us").form.submit }}
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<div class=supporters>
|
||||
{{ range .levels }}
|
||||
<h4 class=title>{{ if (and .titleen (eq $pagelanguage "en")) }}{{ .titleen }}{{ else }}{{ .title }}{{ end }}</h4>
|
||||
<div class="level-{{ .size }}">
|
||||
<div class="supporters-list level-{{ .size }}">
|
||||
{{ range .orgs }}
|
||||
<a href="{{ .url | safeURL }}" title="{{ .name }}{{ if .ammount }} avec un montant de {{ .ammount }}{{ end }}"><img src="{{ .logo | safeURL }}"></a>
|
||||
{{ end }}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue