add countdown and some bug fixes like csv
This commit is contained in:
parent
2b1e35e55f
commit
d41551c806
18 changed files with 263 additions and 205 deletions
37
views/countdown.twig
Normal file
37
views/countdown.twig
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
{% extends "./base.twig" %}
|
||||
{% block title %}Le site va ouvrir prochainement{% endblock %}
|
||||
{% block head %}
|
||||
<link rel="stylesheet" href="/styles/countdown.css" />
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="countdown" id="countdown">
|
||||
<div class="countdown-title-container">
|
||||
<h2 class="countdown-title">Soyez patient...</h2>
|
||||
<h5 class="countdown-subtitle">Le site ouvre le 4 septembre, c'est à dire dans :</h5>
|
||||
</div>
|
||||
<div id="counter" class="counter">
|
||||
<div class="counter-component days">
|
||||
<span id="days"></span>
|
||||
<div class="label">Jours</div>
|
||||
</div>
|
||||
<span class="separator">:</span>
|
||||
<div class="counter-component hours">
|
||||
<span id="hours"></span>
|
||||
<div class="label">Heures</div>
|
||||
</div>
|
||||
<span class="separator">:</span>
|
||||
<div class="counter-component minutes">
|
||||
<span id="minutes"></span>
|
||||
<div class="label">Minutes</div>
|
||||
</div>
|
||||
<span class="separator">:</span>
|
||||
<div class="counter-component seconds">
|
||||
<span id="seconds"></span>
|
||||
<div class="label">Secondes</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block scripts %}
|
||||
<script src="/scripts/countdown.js"></script>
|
||||
{% endblock %}
|
||||
|
|
@ -20,18 +20,20 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cover-background" style="background-image: url({{ data.cover.location }})"></div>
|
||||
<div class="cover">
|
||||
<div class="cover-content container">
|
||||
<div class="cover-image" style="background-image: url({{ data.thumbnail.location }});">
|
||||
</div>
|
||||
<div class="cover-title-container">
|
||||
<h1 class="cover-title">
|
||||
{{ data.name }}
|
||||
</h1>
|
||||
{# <h4 class="cover-sub-title">
|
||||
Sous titre
|
||||
</h4> #}
|
||||
<div class="cover-container">
|
||||
<div class="cover-background" style="background-image: url({{ data.cover.location }})"></div>
|
||||
<div class="cover-content">
|
||||
<div class="container">
|
||||
<div class="cover-image" style="background-image: url({{ data.thumbnail.location }});">
|
||||
</div>
|
||||
<div class="cover-title-container">
|
||||
<h1 class="cover-title">
|
||||
{{ data.name }}
|
||||
</h1>
|
||||
{# <h4 class="cover-sub-title">
|
||||
Sous titre
|
||||
</h4> #}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -163,7 +165,6 @@
|
|||
<div class="section-divider"></div>
|
||||
</div>
|
||||
<div class="org-container contact">
|
||||
{% if data.contacts.peoples|length > 0 %}
|
||||
<div class="peoples">
|
||||
<div class="people-card">
|
||||
<div class="people-header">
|
||||
|
|
@ -183,6 +184,7 @@
|
|||
{{ data.contacts.email }}
|
||||
</a>
|
||||
</div>
|
||||
{% if data.contacts.phoneInt is not empty %}
|
||||
<div class="people-contact phone">
|
||||
<svg class="people-contact-icon" aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<path fill="currentColor" d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path>
|
||||
|
|
@ -191,6 +193,7 @@
|
|||
{{ data.contacts.phoneSplit }}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% for people in data.contacts.peoples %}
|
||||
|
|
@ -224,31 +227,32 @@
|
|||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if data.contacts.peoples|length == 0 and data.contacts.person|length > 0 %}
|
||||
<div class="contact-item person">
|
||||
<div class="contact-icon">
|
||||
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path>
|
||||
</svg>
|
||||
{#
|
||||
{% if data.contacts.peoples|length == 0 and data.contacts.person|length > 0 %}
|
||||
<div class="contact-item person">
|
||||
<div class="contact-icon">
|
||||
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="contact-content">
|
||||
{{ data.contacts.person }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-content">
|
||||
{{ data.contacts.person }}
|
||||
{% endif %}
|
||||
{% if data.contacts.peoples|length == 0 and data.contacts.email|length > 0 %}
|
||||
<div class="contact-item email">
|
||||
<div class="contact-icon">
|
||||
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<path fill="currentColor" d="M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248 48.154 0 95.342-14.14 135.408-40.223 12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160 0 38.786-21.093 79.742-58.17 83.693-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.518 13.518 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775-74.58 0-137.831 62.234-137.831 151.46 0 65.303 36.785 105.87 96 105.87 26.984 0 57.369-15.637 74.991-38.333 9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232 504 95.653 394.023 8 256 8zm-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771 0-44.993 30.779-72.729 58.63-72.729 22.292 0 35.601 15.241 35.601 40.77 0 45.061-33.875 72.73-58.161 72.73z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="contact-content">
|
||||
<a href="mailto:{{ data.contacts.email }}">{{ data.contacts.email }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if data.contacts.peoples|length == 0 and data.contacts.email|length > 0 %}
|
||||
<div class="contact-item email">
|
||||
<div class="contact-icon">
|
||||
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<path fill="currentColor" d="M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248 48.154 0 95.342-14.14 135.408-40.223 12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160 0 38.786-21.093 79.742-58.17 83.693-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.518 13.518 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775-74.58 0-137.831 62.234-137.831 151.46 0 65.303 36.785 105.87 96 105.87 26.984 0 57.369-15.637 74.991-38.333 9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232 504 95.653 394.023 8 256 8zm-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771 0-44.993 30.779-72.729 58.63-72.729 22.292 0 35.601 15.241 35.601 40.77 0 45.061-33.875 72.73-58.161 72.73z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="contact-content">
|
||||
<a href="mailto:{{ data.contacts.email }}">{{ data.contacts.email }}</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
#}
|
||||
{% if data.contacts.peoples|length == 0 and data.contacts.phone|length > 0 %}
|
||||
<div class="contact-item phone">
|
||||
<div class="contact-icon">
|
||||
|
|
@ -270,7 +274,7 @@
|
|||
</div>
|
||||
<div class="contact-content">
|
||||
{% for line in data.contacts.address %}
|
||||
<span>{{ line }}</span><br>
|
||||
<div>{{ line }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue