Traduction du site en Gascon et Basque

content/rejoins-nous.eu.md

@@ -0,0 +1,12 @@
+---
+title: "Elkartuko gara euskal-landesetako kostaldean teknologiaz eta produktuaz hitz egiteko ?"
+description: "Batu Ocean Tech-era euskal-landesetako teknologia eta produktu komunitatearen hurrengo aperitiboak, gaualdiak, hitzaldiak eta gai deialdiak jarraitzeko."
+---
+
+Batu Ocean Tech-era euskal-landesetako kostaldeko hurrengo teknologia eta produktu hitzorduak jarraitzeko: aperitiboak, gaualdiak, hitzaldiak eta gai deialdiak.
+
+Komunitatea softwarean eta produktuan lan egiten duten, eraikitzen duten edo interesa duten pertsona guztientzat dago zabalik: garatzaileak, diseinatzaileak, product managerrak, freelanceak, sortzaileak, urrunetik lan egiten dutenak, ikasleak edo jakin-mina dutenak.
+
+Izena emanda, Ocean Tech-en hurrengo datak eta parte hartzeko informazio erabilgarria jasoko dituzu.
+
+{{< join-form >}}

content/rejoins-nous.gasc.md

@@ -0,0 +1,12 @@
+---
+title: "Que'ns retrobam entà parlar tech e produit sus la còsta bascolandesa ?"
+description: "Junh-te a Ocean Tech entà seguir los pròches apèros, seradas, talks e apèras a subjèctes de la comunautat tech e produit bascolandesa."
+---
+
+Junh-te a Ocean Tech entà seguir los pròches rendetz-vos tech e produit sus la còsta bascolandesa : apèros, seradas, talks e apèras a subjèctes.
+
+La comunautat qu'ei obèrta a totas las personas qui tribalhan, bastissen o s'interèssan au logiciau e au produit : desvolopaires, designers, product managers, freelances, fondators, personas en teletrabalh, estudiants o simplament curiós.
+
+En t'inscrivent, que receberàs las pròchas datas Ocean Tech e las informacions utilas entà participar.
+
+{{< join-form >}}

hugo.yaml

@@ -1,6 +1,31 @@
 defaultContentLanguage: fr
 baseURL: "https://www.oceantech.community/"
 title: "Ocean Tech, la communauté tech & produit sur la côte basco-landaise"
+languages:
+  fr:
+    languageCode: fr-FR
+    languageName: Français
+    title: "Ocean Tech, la communauté tech & produit sur la côte basco-landaise"
+    weight: 1
+    params:
+      description: "Ocean Tech rassemble la communauté tech & produit de la côte basco-landaise. Meetups, talks et ateliers pour partager, apprendre et créer du lien entre passionné·es de la tech et du produit, au Pays Basque et dans les Landes."
+      keywords: "ocean tech, pays basque, landes, côte basco-landaise, communauté tech, communauté produit, meetups tech, conférences tech, ateliers produit, talks développeurs, startup pays basque, startup landes, Biarritz, Bayonne, Anglet, Hossegor, Capbreton"
+  gasc:
+    languageCode: oc
+    languageName: Gascon
+    title: "Ocean Tech, la comunautat tech e produit sus la còsta bascolandesa"
+    weight: 2
+    params:
+      description: "Ocean Tech amassa la comunautat tech e produit de la còsta bascolandesa. Meetups, talks e talhèrs entà partatjar, apréner e crear ligams enter passionats de tech e de produit, en País Basco e dens las Lanas."
+      keywords: "ocean tech, país basco, lanas, còsta bascolandesa, comunautat tech, comunautat produit, meetups tech, conferéncias tech, talhèrs produit, talks desvolopaires, startup país basco, startup lanas, Biarritz, Baiona, Anglet, Hossegor, Capbreton"
+  eu:
+    languageCode: eu
+    languageName: Euskara
+    title: "Ocean Tech, euskal-landesetako kostaldeko teknologia eta produktu komunitatea"
+    weight: 3
+    params:
+      description: "Ocean Tech euskal-landesetako kostaldeko teknologia eta produktu komunitatea biltzen du. Meetupak, hitzaldiak eta tailerrak partekatzeko, ikasteko eta teknologia zein produktu zaleen artean loturak sortzeko, Euskal Herrian eta Landetan."
+      keywords: "ocean tech, euskal herria, landak, euskal-landesetako kostaldea, teknologia komunitatea, produktu komunitatea, tech meetupak, tech hitzaldiak, produktu tailerrak, garatzaile hitzaldiak, startup euskal herria, startup landak, Biarritz, Baiona, Angelu, Hossegor, Capbreton"
 params:
   description: "Ocean Tech rassemble la communauté tech & produit de la côte basco-landaise. Meetups, talks et ateliers pour partager, apprendre et créer du lien entre passionné·es de la tech et du produit, au Pays Basque et dans les Landes."
   keywords: "ocean tech, pays basque, landes, côte basco-landaise, communauté tech, communauté produit, meetups tech, conférences tech, ateliers produit, talks développeurs, startup pays basque, startup landes, Biarritz, Bayonne, Anglet, Hossegor, Capbreton"

i18n/eu.yaml

@@ -0,0 +1,54 @@
+buttons:
+  join: Batu komunitatera
+  meetup: Eman izena hurrengo hitzorduan
+  cfp: Proposatu gai bat
+footer:
+  brand:
+    name: Ocean Tech
+    tagline: Euskal-landesetako kostaldeko teknologia eta produktu komunitatea.
+    location: Euskal Herria eta Landak
+  social:
+    ariaLabel: Sare sozialak
+languages:
+  label: Aldatu hizkuntza
+home:
+  hero:
+    title: "Ocean Tech : <br> Euskal-landesetako teknologia eta produktu komunitatea"
+    text: |
+      Ocean Tech-ek Euskal Herriko eta Landetako kostaldeko software arloko eragileak bildu nahi ditu, eta benetako komunitate bat sortu, aldizkako hitzorduak proposatuz elkar ezagutzeko, trukatzeko, sareak egiteko... eta batez ere elkarrekin une on bat pasatzeko.
+
+      Hilero Ocean Tech aperitibo bat antolatzen dugu taberna batean (Bob's Beer...) eta hiru hilean behin Ocean Tech gaualdi bat, inguruko enpresa batean antolatutako hitzaldiekin.
+  section:
+    problem:
+      title: Gurean teknologia badago... baina bakoitza bere aldetik
+      text: |
+        Asko gara BAB inguruan teknologian eta produktuan lanean ari garenak: freelanceak, soldatapekoak, urrunetik edo aurrez aurre.
+
+        Baina sakabanatuta, zaila da elkartzea. Oso ekitaldi edo ohiko hitzordu gutxi daude lanetik kanpo elkar ikusteko eta parekoekin partekatzeko.
+
+        Frustragarria da. Are gehiago hain leku atseginean bizi eta lan egiten dugunean.
+    solution:
+      title: Ocean Tech da erantzuna
+      text: |
+        Ocean Tech kostaldeko teknologia eta produktu arloko pertsonentzako hileroko hitzordua da.
+        Une xume eta irekia, honetarako:
+
+        * teknologia eta produktu arloko profesionalekin elkartzeko,
+        * gure praktikak, proiektuak eta zailtasunak partekatzeko,
+        * hitzaldien, esperientzia partekatzeen edo solasaldi informalen bidez ikasteko,
+        * tokiko sarea garatzeko,
+        * eta batez ere une on bat pasatzeko eta jende berria ezagutzeko.
+
+        Komunitateak **dagoeneko 250 pertsona baino gehiago ditu izena emanda**, eta ekimena **tokiko prentsan zabaldu da**.
+      imageAlt: Placéco egunkarian argitaratutako prentsa artikulua
+    action:
+      title: Teknologian edo produktuan lan egiten duzu BAB inguruan ?
+      text: Orduan **Ocean Tech zuretzat da.**
+      sublink: Laster elkartuko gara zerbait hartzeko, software munduko jendearekin 🍻
+    cfp:
+      title: Gai bat proposatu nahi duzu ?
+      text: |
+        Ocean Tech ez da meetup klasikoak bakarrik.
+
+        Formatu bereziak ere antolatzen dira: hitzaldiak, esperientzia partekatzeak, solasaldi tematikoak...
+      sublink: (esteka partekatu nahi duen ororentzat dago zabalik)

i18n/fr.yaml

@@ -9,6 +9,8 @@ footer:
     location: Pays Basque & Landes
   social:
     ariaLabel: Réseaux sociaux
+languages:
+  label: Changer de langue
 home:
   hero:
     title: "Ocean Tech : <br> La communauté tech & produit basco-landaise"

i18n/gasc.yaml

@@ -0,0 +1,54 @@
+buttons:
+  join: Junh-te a la comunautat
+  meetup: Inscriu-te au pròche rendetz-vos
+  cfp: Prepausa un subjècte
+footer:
+  brand:
+    name: Ocean Tech
+    tagline: La comunautat tech e produit de la còsta bascolandesa.
+    location: País Basco e Lanas
+  social:
+    ariaLabel: Hialats sociaus
+languages:
+  label: Càmbia de lenga
+home:
+  hero:
+    title: "Ocean Tech : <br> La comunautat tech e produit bascolandesa"
+    text: |
+      Ocean Tech que vòu amassar los actors deu logiciau sus la còsta basca e landesa e crear ua vertadèra comunautat en prepausant rendetz-vos regulars entà's rencontrar, escambiar, har hialat... e subertot passar un bon moment amassa.
+
+      Cada mes qu'organizam un Apèro Ocean Tech dens un bar (Bob's Beer...) e un còp per trimèstre, ua Serada Ocean Tech dab conferéncias organizadas dens ua enterpresa deu parçan.
+  section:
+    problem:
+      title: Ací, la tech qu'i ei... mes cadun dens lo son canton
+      text: |
+        Que sèm nombrós a tribalhar dens la tech e lo produit suu BAB e alentorns : freelances, salariats, en teletrabalh o en presenciau.
+
+        Mes escampilhats, qu'ei mauaisit de's amassar. Que i a hèra pòcs eveniments o rendetz-vos regulars entà's retrobar dehòra deu tribalh e partatjar enter pars.
+
+        Qu'ei frustrant. Subertot quan se viu e tribalha dens un endret tan agradiu.
+    solution:
+      title: Ocean Tech, qu'ei la solucion
+      text: |
+        Ocean Tech, qu'ei un rendetz-vos mesadèr entà las personas de la tech e deu produit sus la còsta.
+        Un moment simple e obèrt entà :
+
+        * se rencontrar enter pros de la tech e deu produit,
+        * escambiar sus las nostas practicas, los nostes projèctes, las nostas dificultats,
+        * apréner dab talks, retorns d'experiéncia o discussions informaus,
+        * desvolopar un hialat locau,
+        * e subertot passar un bon moment e rencontrar monde nau.
+
+        La comunautat que compta **dejà mei de 250 personas inscriutas** e l'iniciativa qu'ei estada **relayada dens la premsa locau**.
+      imageAlt: Article de premsa paregut dens lo jornau Placéco
+    action:
+      title: Tribalhas dens la tech o lo produit suu BAB ?
+      text: Alavetz **Ocean Tech qu'ei hèit entà tu.**
+      sublink: Que'ns retrobam lèu a l'entorn d'un veire, enter monde deu logiciau 🍻
+    cfp:
+      title: Vòs prepausar un subjècte ?
+      text: |
+        Ocean Tech, aquò n'ei pas sonque meetups classics.
+
+        Formats especiaus que son tanben organizats : talks, retorns d'experiéncia, discussions tematicas...
+      sublink: (lo ligam qu'ei obèrt a totas e tots qui vòlen partatjar)

layouts/_default/baseof.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="fr">
+<html lang="{{ .Site.Language.LanguageCode | default .Site.Language.Lang }}">
 <head>
   {{ $title := cond .IsHome .Site.Title (printf "%s | Ocean Tech" .Title) }}
   {{ $description := .Description | default .Site.Params.description }}
@@ -88,7 +88,7 @@
   <link rel="manifest" href="/site.webmanifest">
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@700&display=swap"
         rel="stylesheet">
-  <link rel="stylesheet" href="/css/main.css" />
+  <link rel="stylesheet" href="{{ "css/main.css" | relURL }}?v=4" />
   {{ if hugo.IsProduction }}
   <script defer src="https://cloud.umami.is/script.js" data-website-id="89df8b6b-5775-4150-88d7-c8c101d471c7"></script>
   {{ end }}

layouts/partials/header.html

@@ -2,12 +2,43 @@
 <header class="site-header">
   <div class="container nav">
     <div class="brand">
-      <a href="{{ "/" | relURL }}" class="logo">
-        <img src="/images/logo.png" alt="Ocean Tech" height="50">
+      <a href="{{ "/" | relLangURL }}" class="logo">
+        <img src="{{ "images/logo.png" | relURL }}" alt="Ocean Tech" height="50">
       </a>
     </div>
-    <nav class="nav-links">
-      {{ partial "join-link" . }}
-    </nav>
+    <div class="header-actions">
+      <nav class="nav-links" aria-label="Navigation">
+        {{ partial "join-link" . }}
+      </nav>
+      <details class="language-switcher">
+        <summary aria-label="{{ i18n "languages.label" }}">
+          <img class="language-flag"
+               src="{{ printf "images/flags/%s.svg" .Site.Language.Lang | relURL }}"
+               alt="">
+        </summary>
+        <nav class="language-menu" aria-label="{{ i18n "languages.label" }}">
+          {{ range hugo.Sites }}
+            {{ $translation := index (where $.Translations "Language.Lang" .Language.Lang) 0 }}
+            {{ $href := .Home.RelPermalink }}
+            {{ if eq $.Site.Language.Lang .Language.Lang }}
+              {{ $href = $.RelPermalink }}
+            {{ else if $translation }}
+              {{ $href = $translation.RelPermalink }}
+            {{ end }}
+            {{ $languageCode := .Language.LanguageCode | default .Language.Lang }}
+            <a href="{{ $href }}"
+               hreflang="{{ $languageCode }}"
+               lang="{{ $languageCode }}"
+               class="language-option {{ if eq $.Site.Language.Lang .Language.Lang }}is-active{{ end }}"
+               {{ if eq $.Site.Language.Lang .Language.Lang }}aria-current="true"{{ end }}>
+              <img class="language-flag"
+                   src="{{ printf "images/flags/%s.svg" .Language.Lang | relURL }}"
+                   alt="">
+              <span class="language-name">{{ .Language.LanguageName }}</span>
+            </a>
+          {{ end }}
+        </nav>
+      </details>
+    </div>
   </div>
 </header>

static/css/main.css

@@ -58,6 +58,7 @@ a {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: 1rem;
 }
 
 .brand {
@@ -74,10 +75,116 @@ a {
 
 .nav-links {
   display: none;
+  align-items: center;
   gap: 1.6rem;
   opacity: 0.9;
 }
 
+.header-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 1rem;
+  margin-left: auto;
+  white-space: nowrap;
+}
+
+.language-switcher {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+
+.language-switcher summary {
+  list-style: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.35rem;
+  width: 4.4rem;
+  height: 2.8rem;
+  padding: 0;
+  border: 1px solid #ffffff33;
+  border-radius: 12px;
+  background: #ffffff14;
+  color: var(--white);
+  cursor: pointer;
+  box-shadow: inset 0 1px 0 #ffffff1f;
+  transition: 0.18s background, 0.18s transform;
+}
+
+.language-switcher summary::-webkit-details-marker {
+  display: none;
+}
+
+.language-switcher summary::after {
+  content: "";
+  width: 0.42rem;
+  height: 0.42rem;
+  border-right: 2px solid currentColor;
+  border-bottom: 2px solid currentColor;
+  transform: rotate(45deg) translateY(-1px);
+}
+
+.language-switcher[open] summary {
+  background: var(--white);
+  color: var(--blue-deep);
+}
+
+.language-switcher[open] summary::after {
+  transform: rotate(225deg) translateY(-1px);
+}
+
+.language-switcher summary:hover {
+  background: #ffffff22;
+  transform: translateY(-1px);
+}
+
+.language-menu {
+  position: absolute;
+  top: calc(100% + 0.5rem);
+  right: 0;
+  z-index: 30;
+  min-width: 12.5rem;
+  padding: 0.4rem;
+  border: 1px solid #dbe7ea;
+  border-radius: 12px;
+  background: var(--white);
+  box-shadow: 0 20px 40px #03192736;
+  color: var(--ink);
+}
+
+.language-option {
+  display: flex;
+  align-items: center;
+  gap: 0.65rem;
+  padding: 0.65rem 0.75rem;
+  border-radius: 8px;
+  color: var(--ink);
+  font-size: 0.92rem;
+  font-weight: 700;
+  line-height: 1.1;
+  transition: 0.18s background, 0.18s color;
+}
+
+.language-option:hover,
+.language-option.is-active {
+  background: #eef8fa;
+  color: var(--blue-deep);
+}
+
+.language-flag {
+  display: block;
+  width: 1.65rem;
+  height: 1.15rem;
+  flex: 0 0 auto;
+  border-radius: 4px;
+  object-fit: cover;
+  box-shadow:
+    inset 0 0 0 1px #00000024,
+    0 2px 4px #0319271f;
+}
+
 @media (min-width: 880px) {
   .nav-links {
     display: flex;