fix(site): corrige la page blanche (PageSpeed), ajoute des boutons copier, corrige l'URL Gitea
All checks were successful
Deploy site (production) / build-and-deploy (push) Successful in 15s

- .htaccess : désactive Google PageSpeed (mod_pagespeed/ngx_pagespeed) qui renvoyait
  un corps HTML vide sur le vhost Plesk (home en 200 mais 0 octet → page blanche),
  alors que les assets Vite passaient. Backstop versionné du fix côté serveur.
- CopyButton réutilisable (variantes bar/icon, retour ✓ 1,8 s, bilingue, accessible) :
  ajoute « copier » sur la commande de How-it-works, l'URL localhost et la commande du footer.
- URL du dépôt Gitea : johanleroy/git-arboretum → johanleroy/arboretum (centralisée dans
  lib/links.ts). Le paquet npm @johanleroy/git-arboretum reste inchangé (c'est son nom).
- Port affiché corrigé : localhost:7777 → 7317 (port réel du daemon, cf. config.ts).
This commit is contained in:
2026-06-19 10:42:41 +02:00
parent dcb6cd1ec7
commit ca6700d6ce
13 changed files with 135 additions and 37 deletions

View File

@@ -1,13 +1,12 @@
<script setup lang="ts">
import { useI18n } from 'vue-i18n';
import { useCopy, INSTALL_COMMAND } from '../composables/useCopy';
import { INSTALL_COMMAND } from '../composables/useCopy';
import { REPO } from '../lib/links';
import HeroMockup from './HeroMockup.vue';
import IconGitea from './icons/IconGitea.vue';
import IconCopy from './icons/IconCopy.vue';
import CopyButton from './CopyButton.vue';
const { t } = useI18n();
const { copied, copy } = useCopy();
const REPO = 'https://git.lidge.fr/johanleroy/git-arboretum';
</script>
<template>
@@ -44,15 +43,7 @@ const REPO = 'https://git.lidge.fr/johanleroy/git-arboretum';
>
<span class="text-emerald-400">$</span><span class="text-zinc-200">{{ INSTALL_COMMAND }}</span>
</div>
<button
type="button"
aria-label="Copy install command"
class="inline-flex flex-none items-center gap-[7px] border-l border-zinc-800 bg-zinc-900 px-[15px] font-mono text-[13px] font-semibold text-zinc-300 transition-colors hover:bg-zinc-800 hover:text-emerald-400 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-emerald-500/70"
@click="copy()"
>
<IconCopy :size="15" />
<span aria-live="polite">{{ copied ? t('copied') : t('copy') }}</span>
</button>
<CopyButton variant="bar" :text="INSTALL_COMMAND" :label="t('copyCommand')" />
</div>
<div class="mt-6 flex flex-wrap gap-[13px]">