ORGANISATION-KA-INTERNATIONALE/oki-foundation
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs+fix: nettoyage post-migration et conformité svelte-autofixer

Browse Source 
- CONTRIBUTING.md et SEO.md réécrits pour la structure SvelteKit
- README : section documents de référence (charte, recette, AGENTS.md, guides Svelte 5)
- Liens internes via resolve()/asset() de $app/paths, externes en rel="external"
- Seo.svelte : JSON-LD construits dans le script (</script> échappé)
- Titres de sections : {' '} remplacé par &#32;
- Renommage svelte_core_bestpractices.md
- Passe svelte-autofixer : 0 issue restante hors {@html} first-party assumés
This commit is contained in:
sucupira
2026-07-21 08:41:55 -04:00
parent d0d80a105e
commit 30858926fa
28 changed files with 217 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Footer.svelte
+3 -2
View File
@@ -1,11 +1,12 @@
<script lang="ts">
import { resolve } from '$app/paths';
import BrandIcon from '$lib/components/icons/BrandIcon.svelte';
import type { Bundle, Locale } from '$lib/i18n';
let { t, locale }: { t: Bundle; locale: Locale } = $props();
const year = new Date().getFullYear();
const legalHref = $derived(locale === 'en' ? '/en/legal-notice/' : '/mentions-legales/');
const legalPath = $derived(locale === 'en' ? '/en/legal-notice/' : '/mentions-legales/');
</script>
<footer>
@@ -14,7 +15,7 @@
<p class="footer-name">{t.site.name}</p>
<p class="footer-meta">© {year} {t.site.name} | {t.site.tagline}</p>
<p class="footer-legal">
<a href={legalHref}>{t.footer.legal_link}</a>
<a href={resolve(legalPath)}>{t.footer.legal_link}</a>
</p>
<div class="footer-socials">
<a href="mailto:kontak@o-k-i.net" title="Email" class="social-link" aria-label="Email">
src/lib/components/Nav.svelte
+14 -9
View File
@@ -1,5 +1,6 @@
<script lang="ts">
import { page } from '$app/state';
import { resolve } from '$app/paths';
import { alternatePath, type Bundle, type Locale } from '$lib/i18n';
let { t, locale }: { t: Bundle; locale: Locale } = $props();
@@ -40,7 +41,7 @@
<nav aria-label={t.ui?.nav_label ?? 'Navigation principale'}>
<div class="nav-container">
<a href={locale === 'en' ? '/en/' : '/'} class="logo" onclick={closeMenu}>
<a href={resolve(locale === 'en' ? '/en/' : '/')} class="logo" onclick={closeMenu}>
<img src="/images/logo-512x512.png" alt="{t.site.shortName} Logo" class="logo-image" width="40" height="40" />
<span>{t.site.shortName}</span>
</a>
@@ -61,25 +62,29 @@
<ul class="nav-dropdown">
{#each item.children as child (child.text)}
<li>
<a
href={child.url}
target={child.external ? '_blank' : undefined}
rel={child.external ? 'noopener noreferrer' : undefined}
onclick={closeMenu}>{child.text}</a
>
{#if child.external}
<a
href={child.url}
target="_blank"
rel="external noopener noreferrer"
onclick={closeMenu}>{child.text}</a
>
{:else}
<a href={resolve(child.url)} onclick={closeMenu}>{child.text}</a>
{/if}
</li>
{/each}
</ul>
</li>
{:else}
<li>
<a href={item.url} onclick={closeMenu}>{item.text}</a>
<a href={resolve(item.url)} onclick={closeMenu}>{item.text}</a>
</li>
{/if}
{/each}
</ul>
<a href={altHref} class="lang-switch" hreflang={altLocale} onclick={rememberLangChoice}>
<a href={resolve(altHref)} class="lang-switch" hreflang={altLocale} onclick={rememberLangChoice}>
{t.ui.lang_switch_label}
</a>
src/lib/components/Seo.svelte
+7 -2
View File
@@ -66,6 +66,11 @@
url: 'https://o-k-i.net'
}
});
// {@html} sur contenu first-party (JSON-LD généré au build, aucune donnée utilisateur).
// `<\/script>` : échappement requis pour ne pas fermer le bloc <script> du composant.
const orgJsonLdScript = $derived(`<script type="application/ld+json">${orgJsonLd}<\/script>`);
const djangokamJsonLdScript = `<script type="application/ld+json">${djangokamJsonLd}<\/script>`;
</script>
<svelte:head>
@@ -97,6 +102,6 @@
<meta name="twitter:image" content="https://o-k-i.net/images/logo-512x512.png" />
<meta name="twitter:image:alt" content="Logo {site.name}" />
{@html `<script type="application/ld+json">${orgJsonLd}</script>`}
{@html `<script type="application/ld+json">${djangokamJsonLd}</script>`}
{@html orgJsonLdScript}
{@html djangokamJsonLdScript}
</svelte:head>
src/lib/components/sections/Clients.svelte
+2 -2
View File
@@ -19,7 +19,7 @@
<section id="clients" class="section">
<div class="container">
<h2 class="section-title">
<KineticText as="span" text={t.clients.section_title} />{' '}
<KineticText as="span" text={t.clients.section_title} />&#32;
<span class="accent-text"
><KineticText as="span" text={t.clients.section_title_accent} /></span
>
@@ -28,7 +28,7 @@
<div class="clients-grid">
{#each t.clients.items as client (client.domain)}
<a href={client.url} target="_blank" rel="noopener noreferrer" class="client-card">
<a href={client.url} target="_blank" rel="external noopener noreferrer" class="client-card">
<div class="client-logo-container">
<ResponsiveImage
picture={LOGOS[client.logo]}
src/lib/components/sections/Contact.svelte
+1
View File
@@ -1,4 +1,5 @@
<script lang="ts">
// {@html} sur contenu first-party (JSON i18n du dépôt), aucune donnée utilisateur.
import BrandIcon from '$lib/components/icons/BrandIcon.svelte';
import KineticText from '$lib/components/motion/KineticText.svelte';
import type { Bundle, Locale } from '$lib/i18n';
src/lib/components/sections/Djangokam.svelte
+5 -4
View File
@@ -1,4 +1,5 @@
<script lang="ts">
// {@html} sur contenu first-party (JSON i18n du dépôt), aucune donnée utilisateur.
import KineticText from '$lib/components/motion/KineticText.svelte';
import ResponsiveImage from '$lib/components/ResponsiveImage.svelte';
import type { Bundle, Locale } from '$lib/i18n';
@@ -22,7 +23,7 @@
<div class="container">
<p class="djangokam-surtitre">{t.djangokam.surtitre}</p>
<h2 class="section-title">
<KineticText as="span" text={t.djangokam.titre} />{' '}
<KineticText as="span" text={t.djangokam.titre} />&#32;
<span class="accent-text"
><KineticText as="span" text={t.djangokam.titreAccent} /></span
>
@@ -48,7 +49,7 @@
</div>
<figure class="djangokam-duo">
<a href={t.djangokam.duo.url} target="_blank" rel="noopener noreferrer">
<a href={t.djangokam.duo.url} target="_blank" rel="external noopener noreferrer">
<ResponsiveImage
picture={POCHETTES[t.djangokam.duo.image]}
alt={t.djangokam.duo.alt}
@@ -77,7 +78,7 @@
<div class="djangokam-clips">
{#each t.djangokam.clips as clip (clip.titre)}
<figure class="djangokam-clip">
<a href={clip.url} target="_blank" rel="noopener noreferrer">
<a href={clip.url} target="_blank" rel="external noopener noreferrer">
<ResponsiveImage
picture={POCHETTES[clip.image]}
alt={clip.alt}
@@ -97,7 +98,7 @@
<a
href={bouton.url}
target="_blank"
rel="noopener noreferrer"
rel="external noopener noreferrer"
class="btn"
class:btn-solid={bouton.primary}
>
src/lib/components/sections/Engagement.svelte
+1 -1
View File
@@ -9,7 +9,7 @@
<section id="engagement" class="section">
<div class="container">
<h2 class="section-title">
<KineticText as="span" text={t.engagement.section_title} />{' '}
<KineticText as="span" text={t.engagement.section_title} />&#32;
<span class="accent-text"
><KineticText as="span" text={t.engagement.section_title_accent} /></span
>
src/lib/components/sections/Faq.svelte
+1 -1
View File
@@ -8,7 +8,7 @@
<section id="faq" class="section">
<div class="container">
<h2 class="section-title">
<KineticText as="span" text={t.faq.section_title} />{' '}
<KineticText as="span" text={t.faq.section_title} />&#32;
<span class="accent-text"
><KineticText as="span" text={t.faq.section_title_accent} /></span
>
src/lib/components/sections/Fediverse.svelte
+1 -1
View File
@@ -9,7 +9,7 @@
<section id="services-libres" class="section">
<div class="container">
<h2 class="section-title">
<KineticText as="span" text={t.services.section_title} />{' '}
<KineticText as="span" text={t.services.section_title} />&#32;
<span class="accent-text"
><KineticText as="span" text={t.services.section_title_accent} /></span
>
src/lib/components/sections/Hosting.svelte
+1 -1
View File
@@ -8,7 +8,7 @@
<section id="hebergement" class="section">
<div class="container">
<h2 class="section-title">
<KineticText as="span" text={t.hosting.section_title} />{' '}
<KineticText as="span" text={t.hosting.section_title} />&#32;
<span class="accent-text"
><KineticText as="span" text={t.hosting.section_title_accent} /></span
>
src/lib/components/sections/HostingVillage.svelte
+5 -5
View File
@@ -104,7 +104,7 @@
class="bldg"
href={niyaj.url}
target="_blank"
rel="noopener noreferrer"
rel="external noopener noreferrer"
aria-label="{niyaj.name} — {niyaj.platform}"
>
<g class="bldg-art">
@@ -139,7 +139,7 @@
class="bldg"
href={gade.url}
target="_blank"
rel="noopener noreferrer"
rel="external noopener noreferrer"
aria-label="{gade.name} — {gade.platform}"
>
<g class="bldg-art">
@@ -172,7 +172,7 @@
class="bldg"
href={bokante.url}
target="_blank"
rel="noopener noreferrer"
rel="external noopener noreferrer"
aria-label="{bokante.name} — {bokante.platform}"
>
<g class="bldg-art">
@@ -209,7 +209,7 @@
class="bldg"
href={kute.url}
target="_blank"
rel="noopener noreferrer"
rel="external noopener noreferrer"
aria-label="{kute.name} — {kute.platform}"
>
<g class="bldg-art">
@@ -259,7 +259,7 @@
<span class="tag">{item.platform}</span>
</div>
<p class="vf-desc">{item.description}</p>
<a class="vf-link" href={item.url} target="_blank" rel="noopener noreferrer"
<a class="vf-link" href={item.url} target="_blank" rel="external noopener noreferrer"
>{item.linkText}</a
>
</li>
src/lib/components/sections/Mission.svelte
+1 -1
View File
@@ -9,7 +9,7 @@
<section id="mission" class="section">
<div class="container">
<h2 class="section-title">
<KineticText as="span" text={t.mission.section_title} />{' '}
<KineticText as="span" text={t.mission.section_title} />&#32;
<span class="accent-text"
><KineticText as="span" text={t.mission.section_title_accent} /></span
>
src/lib/components/sections/Partners.svelte
+2 -2
View File
@@ -19,7 +19,7 @@
<section id="partenaires" class="section">
<div class="container">
<h2 class="section-title">
<KineticText as="span" text={t.partners.section_title} />{' '}
<KineticText as="span" text={t.partners.section_title} />&#32;
<span class="accent-text"
><KineticText as="span" text={t.partners.section_title_accent} /></span
>
@@ -41,7 +41,7 @@
<p class="partner-description">{partner.description}</p>
<div class="partner-links">
{#each partner.links as link (link.url)}
<a href={link.url} target="_blank" rel="noopener noreferrer" class="partner-link">
<a href={link.url} target="_blank" rel="external noopener noreferrer" class="partner-link">
{link.text} →
</a>
{/each}
src/lib/components/sections/Projects.svelte
+2 -2
View File
@@ -9,7 +9,7 @@
<section id="projets" class="section">
<div class="container">
<h2 class="section-title">
<KineticText as="span" text={t.projects.section_title} />{' '}
<KineticText as="span" text={t.projects.section_title} />&#32;
<span class="accent-text"
><KineticText as="span" text={t.projects.section_title_accent} /></span
>
@@ -17,7 +17,7 @@
<div class="project-cards">
{#each t.projects.items as item (item.name)}
<a href={item.url} target="_blank" rel="noopener noreferrer" class="project-card">
<a href={item.url} target="_blank" rel="external noopener noreferrer" class="project-card">
<div class="project-icon">
<svg class="icon" aria-hidden="true"
><use href="/icons.svg#{pictoFor(item.icon)}" /></svg
src/lib/components/sections/Publics.svelte
+1 -1
View File
@@ -9,7 +9,7 @@
<section id="solutions" class="section">
<div class="container">
<h2 class="section-title">
<KineticText as="span" text={t.publics.section_title} />{' '}
<KineticText as="span" text={t.publics.section_title} />&#32;
<span class="accent-text"
><KineticText as="span" text={t.publics.section_title_accent} /></span
>