YvvandClaude Opus 5.5
d2bc0d9e46
Copie du kit kit-site (empreinte vérifiée) : logotype dans l'en-tête, signe §, favicons et icônes, og-default (?v=3), frise du pied de page, 61 oiseaux. Les shadoks positionnés à la main (HomeShadoks et les règles des 10 pages) cèdent la place à UiOiseauPose : chaque oiseau se pose sur une arête réelle (perché, marge gauche ou droite, derrière une carte, libre), currentColor, largeur 72 px au moins, opacité 0,18-0,28 près du texte et 0,10-0,14 derrière, jamais deux fois sur une page, calligraphe et typographe jamais en miroir. Sous 768 px, un oiseau par page au plus ; seuls ceux derrière une carte dérivent un peu, et plus du tout en mouvement réduit. Consignes d'Yvv du 03/11 inscrites dans docs/consignes-yvv.md. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
50 lines
1.4 KiB
Vue
50 lines
1.4 KiB
Vue
<template>
|
|
<footer class="footer-wrap border-t border-[hsl(var(--color-text)/0.1)] bg-[hsl(var(--color-surface))]">
|
|
<!-- The frieze of the birds (studio DA), standing on the bottom edge -->
|
|
<UiOiseau nom="frise" class="footer-shadok-pattern" />
|
|
<div class="container-content px-4 py-8 relative z-1">
|
|
<div class="flex flex-col items-center gap-4 md:flex-row md:justify-between">
|
|
<!-- Credits -->
|
|
<p class="text-sm text-[hsl(var(--color-text)/0.4)]">
|
|
{{ site?.footer.credits }}
|
|
</p>
|
|
|
|
<!-- Links -->
|
|
<nav class="flex items-center gap-4" aria-label="Liens du pied de page">
|
|
<NuxtLink
|
|
v-for="link in site?.footer.links"
|
|
:key="link.to"
|
|
:to="link.to"
|
|
class="text-sm text-[hsl(var(--color-text)/0.4)] transition-colors hover:text-[hsl(var(--color-text)/0.7)]"
|
|
>
|
|
{{ link.label }}
|
|
</NuxtLink>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { data: site } = await useSiteContent()
|
|
</script>
|
|
|
|
<style scoped>
|
|
.footer-wrap {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* The whole frieze fits in the footer (mask: contain), never cropped; pale under the links */
|
|
.footer-shadok-pattern {
|
|
position: absolute;
|
|
top: 0.75rem;
|
|
left: 0;
|
|
width: 100%;
|
|
height: calc(100% - 0.75rem);
|
|
opacity: 0.12;
|
|
pointer-events: none;
|
|
color: hsl(var(--color-primary));
|
|
}
|
|
</style>
|