Gabriel Vidal
620e0e2adc
- README.md / CLAUDE.md: replace Vite boilerplate with the actual project description (Le Monde Usagé — Cloueless Collectif multimedia art project) and architecture notes. - index.html: add full metadata (title, description, keywords, canonical, Open Graph + Twitter card, theme-color); fix lang en->fr. - home.tsx: point helmet og:url at the live raspy2 domain (was stale Vercel) and add og:image. - public/og-image.png: hand-made green papercut collage social image (generated from the project's own art), matching the site aesthetic. - scripts/deploy.sh: zipgo deploy to monde-usage.game.gabvdl.xyz; omits the og-screenshot step to preserve the curated og:image. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
75 lines
3.5 KiB
HTML
75 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta
|
|
name="google-site-verification"
|
|
content="8jzTXHFhltg6p9cAoBETNIbLbwPvKpV312wL7jxB9hE"
|
|
/>
|
|
|
|
<!-- Primary meta -->
|
|
<title>Le Monde Usagé — Un jardin sur le déclin & la création collective</title>
|
|
<meta
|
|
name="description"
|
|
content="Le Monde Usagé : un projet artistique multimédia du Cloueless Collectif racontant l'histoire d'un jardin en déclin. Film, archive interactive et expositions autour de la création collective et des luttes écologiques."
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="Le Monde Usagé, Cloueless Collectif, création collective, luttes écologiques, pratiques collaboratives, exposition numérique, monde en carton, film des légumes, jeu interactif"
|
|
/>
|
|
<meta name="author" content="Cloueless Collectif & GVA Production" />
|
|
<meta name="theme-color" content="#76978c" />
|
|
<link rel="canonical" href="https://monde-usage.game.gabvdl.xyz/" />
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:site_name" content="Le Monde Usagé" />
|
|
<meta
|
|
property="og:title"
|
|
content="Le Monde Usagé — Un jardin sur le déclin & la création collective"
|
|
/>
|
|
<meta
|
|
property="og:description"
|
|
content="Un projet artistique multimédia du Cloueless Collectif : film, archive interactive et expositions autour d'un jardin en déclin, des luttes écologiques et de la création collective."
|
|
/>
|
|
<meta property="og:url" content="https://monde-usage.game.gabvdl.xyz/" />
|
|
<meta property="og:image" content="https://monde-usage.game.gabvdl.xyz/og-image.png" />
|
|
<meta property="og:image:width" content="1424" />
|
|
<meta property="og:image:height" content="752" />
|
|
<meta property="og:image:alt" content="Le Monde Usagé — collage vert : personnages-légumes et arbre en papier découpé" />
|
|
<meta property="og:locale" content="fr_FR" />
|
|
|
|
<!-- Twitter / X -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta
|
|
name="twitter:title"
|
|
content="Le Monde Usagé — Un jardin sur le déclin & la création collective"
|
|
/>
|
|
<meta
|
|
name="twitter:description"
|
|
content="Un projet artistique multimédia du Cloueless Collectif : film, archive interactive et expositions autour d'un jardin en déclin et de la création collective."
|
|
/>
|
|
<meta name="twitter:image" content="https://monde-usage.game.gabvdl.xyz/og-image.png" />
|
|
|
|
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<link rel="shortcut icon" href="/favicon.ico" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
|
<link rel="manifest" href="/site.webmanifest" />
|
|
<!-- Web analytics (self-hosted Matomo @ analytics.gabvdl.xyz, idSite=5 for monde-usage). -->
|
|
<script>
|
|
var _paq = window._paq = window._paq || [];
|
|
_paq.push(['trackPageView']); _paq.push(['enableLinkTracking']);
|
|
(function(){var u="https://analytics.gabvdl.xyz/";
|
|
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId','5']);
|
|
var d=document,g=d.createElement('script'),s=d.getElementsByTagName('script')[0];
|
|
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);})();
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|