gcch/haiku-atelier-2024
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

2025-07-04

Browse source
This commit is contained in:
gcch 2025-07-03 20:23:26 +02:00
commit 445593c4b8
16 changed files with 154 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

25
web/app/themes/haiku-atelier-2024/views/accueil.twig
View file

@ -23,17 +23,23 @@
xmlns="http://www.w3.org/2000/svg"
>
<svg
y="50%"
class="animation-texte"
height="100%"
width="100%"
y="50%"
>
<path
d="m0 0c600-90 600 90 1200 0"
fill="transparent"
id="curve-1"
transform="translate3d(0,0,0)"
/>
{# TODO: Créer une fonction pour générer les images #}
<text dominant-baseline="middle">
<text
dominant-baseline="middle"
transform="translate3d(0,0,0)"
>
<textPath
id="text-path-1"
xlink:href="#curve-1"
@ -51,7 +57,10 @@
/>
</text>
<text dominant-baseline="middle">
<text
dominant-baseline="middle"
transform="translate3d(0,0,0)"
>
<textPath
id="text-path-2"
xlink:href="#curve-1"
@ -69,7 +78,10 @@
/>
</text>
<text dominant-baseline="middle">
<text
dominant-baseline="middle"
transform="translate3d(0,0,0)"
>
<textPath
id="text-path-3"
xlink:href="#curve-1"
@ -87,7 +99,10 @@
/>
</text>
<text dominant-baseline="middle">
<text
dominant-baseline="middle"
transform="translate3d(0,0,0)"
>
<textPath
id="text-path-4"
xlink:href="#curve-1"

10
web/app/themes/haiku-atelier-2024/views/base.twig
View file

@ -21,17 +21,21 @@
{# Bouton Revenir en haut #}
<button
aria-hidden
aria-hidden="true"
aria-labelled-by="bouton-retour-haut-label"
class="bouton-retour-haut"
id="bouton-retour-haut"
type="button"
>
<img
alt="An arrow pointing to the top"
aria-hidden="true"
src="{{ site.theme.link }}/assets/img/icons/arrow.svg"
aria-hidden
>
<span class="visuellement-cache">Back to top</span>
<span
class="visuellement-cache"
id="bouton-retour-haut-label"
>Back to top</span>
</button>
{# Pied de page #}

9
web/app/themes/haiku-atelier-2024/views/parts/en-tete.twig
View file

@ -1,7 +1,8 @@
<header id="en-tete">
{# Bouton (dés)activant le menu mobile #}
<section class="logo">
<div class="logo">
<button
aria-label="Button to toggle the mobile navigation menu for small screen sizes"
id="bouton-menu-mobile"
type="button"
>
@ -14,7 +15,7 @@
width="307"
>
</button>
</section>
</div>
{# TODO: Utiliser un Menu WordPress ? #}
<nav
@ -79,7 +80,7 @@
</nav>
{# Bouton « Panier » avec l'indicateur de quantité de Produits #}
<section class="compte-panier">
<div class="compte-panier">
<a
class="lien-bouton"
data-contient-articles="{{ articles_presents }}"
@ -88,7 +89,7 @@
>
cart ({{ quantite_articles }})
</a>
</section>
</div>
{# Menu mobile #}
<div

8
web/app/themes/haiku-atelier-2024/views/parts/pied-de-page.twig
View file

@ -2,7 +2,7 @@
aria-label="Footer offering navigations links"
id="pied-de-page"
>
<section class="zone-menu-navigation-secondaire">
<div class="zone-menu-navigation-secondaire">
<nav
aria-label="Navigation for special pages"
class="menu-navigation"
@ -14,9 +14,9 @@
{# <li><a href="">Shipping & Returns</a></li> #}
</ul>
</nav>
</section>
</div>
<section class="zone-liens-reseaux-sociaux">
<div class="zone-liens-reseaux-sociaux">
<nav
aria-label="Navigation for Haiku Atelier's social links"
class="menu-navigation"
@ -37,5 +37,5 @@
{% endfor %}
</ul>
</nav>
</section>
</div>
</footer>