itziarZG/Posidonia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add root index.html as lang-selector landing (auto-redirect to /ca/)

Browse Source
This commit is contained in:
itziarZG
2026-07-30 13:01:52 +02:00
parent 08cbb6d10f
commit 449b165e12
1 changed files with 68 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+68
View File
@@ -0,0 +1,68 @@
<!doctype html>
<html lang="ca" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Posidonia — 8 anys del decret de la posidònia</title>
<meta name="description" content="A vuit anys del Decret 25/2018 sobre la posidònia a les Illes Balears, el seguiment tècnic mostra una millora desigual. Dades d'Amics de la Terra i GEN-GOB.">
<link rel="canonical" href="https://posidonia.eivissaenvironmentalwatch.es/ca/">
<link rel="alternate" hreflang="ca" href="https://posidonia.eivissaenvironmentalwatch.es/ca/">
<link rel="alternate" hreflang="es" href="https://posidonia.eivissaenvironmentalwatch.es/es/">
<link rel="alternate" hreflang="x-default" href="https://posidonia.eivissaenvironmentalwatch.es/ca/">
<meta property="og:type" content="website">
<meta property="og:title" content="Posidonia — 8 anys del decret de la posidònia">
<meta property="og:description" content="A vuit anys del Decret 25/2018 sobre la posidònia a les Illes Balears, el seguiment tècnic mostra una millora desigual. Dades d'Amics de la Terra i GEN-GOB.">
<meta property="og:url" content="https://posidonia.eivissaenvironmentalwatch.es/">
<meta property="og:locale" content="ca_ES">
<meta property="og:locale:alternate" content="es_ES">
<meta property="og:image" content="https://posidonia.eivissaenvironmentalwatch.es/og-image-ca.jpg">
<meta property="og:site_name" content="Posidonia">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Posidonia — 8 anys del decret de la posidònia">
<meta name="twitter:description" content="A vuit anys del Decret 25/2018 sobre la posidònia a les Illes Balears, el seguiment tècnic mostra una millora desigual. Dades d'Amics de la Terra i GEN-GOB.">
<meta name="twitter:image" content="https://posidonia.eivissaenvironmentalwatch.es/og-image-ca.jpg">
<meta http-equiv="refresh" content="2; url=/ca/">
<style>
:root { --limestone:#ECE6D8; --posidonia:#1F4A3D; --ink:#1C1E1A; --muted:#5C5A4E; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background: var(--limestone); color: var(--ink);
min-height: 100vh; display: grid; place-items: center;
padding: 2rem 1rem; line-height: 1.55;
}
main { max-width: 32rem; text-align: center; }
h1 { font-family: ui-serif, Georgia, "Times New Roman", serif;
color: var(--posidonia); font-weight: 600; font-size: clamp(2rem, 6vw, 2.75rem);
margin: 0 0 0.5rem; letter-spacing: -0.01em; }
p.lede { color: var(--muted); margin: 0 0 2rem; font-size: 1rem; }
nav.lang-switch { display: inline-flex; gap: 0.5rem; margin: 0 0 1.5rem; }
nav.lang-switch a {
display: inline-block; padding: 0.5rem 1.25rem;
border: 1px solid var(--posidonia); border-radius: 0.375rem;
color: var(--ink); text-decoration: none; font-weight: 500;
letter-spacing: 0.04em; min-width: 3rem;
}
nav.lang-switch a[aria-current="page"] {
background: var(--posidonia); color: var(--limestone);
}
p.meta { font-size: 0.8125rem; color: var(--muted); margin: 0; }
p.meta a { color: var(--posidonia); }
a:focus-visible, nav.lang-switch a:focus-visible {
outline: 2px solid var(--posidonia); outline-offset: 2px;
}
</style>
</head>
<body>
<main>
<h1>Posidonia</h1>
<p class="lede">A vuit anys del Decret 25/2018 sobre la posidònia a les Illes Balears.</p>
<nav class="lang-switch" aria-label="Idioma">
<a href="/ca/" hreflang="ca" lang="ca" aria-current="page">CA</a>
<a href="/es/" hreflang="es" lang="es">ES</a>
</nav>
<p class="meta">Tria idioma. Et portem a la versió en català en 2&nbsp;segons. <a href="/ca/">Vés-hi ara</a>.</p>
</main>
</body>
</html>