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>
40 lines
1.3 KiB
Vue
40 lines
1.3 KiB
Vue
<template>
|
|
<div class="relative overflow-hidden section-padding">
|
|
<div class="container-content relative mx-auto max-w-3xl">
|
|
<!-- In the margins, at the height of « La vision » and of the economic proposal -->
|
|
<UiOiseauPose nom="philosophe" pose="libre" left="calc(100% + 50px)" top="470px" :w="120" retourne />
|
|
<UiOiseauPose nom="penseur" pose="libre" right="calc(100% + 60px)" top="720px" :w="100" />
|
|
<ContentRenderer v-if="page" :value="page" class="prose" />
|
|
<!-- Credit of the mascot (Yvv, word for word, 27/10) -->
|
|
<p class="oiseaux-credit">
|
|
N'ayant pas les moyens d'acquérir des droits, le personnage mascotte est une création qui fait un clin d'œil aux shadoks, avec respect et une grande affection, petit hommage en passant.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
definePageMeta({
|
|
layout: 'default',
|
|
})
|
|
|
|
useSeoPage({
|
|
title: 'À propos — Le Librodrome',
|
|
description: 'Le Librodrome : l\'histoire du projet, la démarche et les personnes derrière le livre et les outils d\'autonomie.',
|
|
})
|
|
|
|
const { data: page } = await useAsyncData('about', () =>
|
|
queryCollection('pages').path('/pages/about').first(),
|
|
)
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
.oiseaux-credit {
|
|
margin: 3rem 0 0;
|
|
font-size: 0.8rem;
|
|
line-height: 1.5;
|
|
color: hsl(var(--color-text) / 0.5);
|
|
}
|
|
</style>
|