fix: lien mentions légales adapté à la langue

src/_includes/partials/footer.njk

@@ -11,7 +11,7 @@
             {{ t.site.copyright }} | {{ t.site.tagline }}
         </p>
         <p class="footer-legal">
-            <a href="/mentions-legales/">
+            <a href="{% if locale == 'en' %}/en/legal-notice/{% else %}/mentions-legales/{% endif %}">
                 {{ t.footer.legal_link }}
             </a>
         </p>

src/_includes/partials/nav.njk

@@ -31,9 +31,9 @@
             {% endfor %}
         </ul>
         {% if locale == 'en' %}
-        <a href="/" class="lang-switch" onclick="localStorage.setItem('oki-lang-pref','fr')">{{ t.ui.lang_switch_label }}</a>
+        <a href="#" class="lang-switch" onclick="localStorage.setItem('oki-lang-pref','fr'); switchLanguage('fr'); return false;">{{ t.ui.lang_switch_label }}</a>
         {% else %}
-        <a href="/en/" class="lang-switch" onclick="localStorage.setItem('oki-lang-pref','en')">{{ t.ui.lang_switch_label }}</a>
+        <a href="#" class="lang-switch" onclick="localStorage.setItem('oki-lang-pref','en'); switchLanguage('en'); return false;">{{ t.ui.lang_switch_label }}</a>
         {% endif %}
         <button id="theme-toggle" class="theme-toggle" aria-label="{{ t.ui.theme_toggle }}" title="{{ t.ui.theme_toggle }}">
             <span class="theme-icon theme-icon-dark">🌙</span>

src/assets/js/main.js

@@ -69,6 +69,34 @@
     themeToggle?.addEventListener('click', toggleTheme);
 })();
 
+// Language switch with page mapping
+function switchLanguage(lang) {
+    const currentPath = window.location.pathname;
+    let newPath;
+
+    if (lang === 'fr') {
+        // Switch to French
+        if (currentPath.startsWith('/en/')) {
+            newPath = currentPath.substring(3); // Remove '/en'
+        } else {
+            newPath = currentPath;
+        }
+        newPath = newPath.replace('/press/', '/presse/');
+        newPath = newPath.replace('/legal-notice/', '/mentions-legales/');
+    } else {
+        // Switch to English
+        if (!currentPath.startsWith('/en/')) {
+            newPath = '/en' + currentPath;
+        } else {
+            newPath = currentPath;
+        }
+        newPath = newPath.replace('/presse/', '/press/');
+        newPath = newPath.replace('/mentions-legales/', '/legal-notice/');
+    }
+
+    window.location.href = newPath;
+}
+
 // Smooth scrolling (uniquement pour les ancres de la page courante)
 document.querySelectorAll('a[href*="#"]').forEach(anchor => {
     anchor.addEventListener('click', function (e) {

src/en/legal-notice.njk

@@ -0,0 +1,222 @@
+---
+layout: layouts/base.njk
+title: Legal Notice
+description: Legal notice and legal information of ORGANISATION KA INTERNATIONALE (OKI) - Hosting, GDPR, AGPL-V3 license
+---
+
+<section style="padding: 8rem 2rem 4rem; min-height: 100vh; background: linear-gradient(135deg, var(--noir-profond) 0%, var(--gris-sombre) 100%);">
+    <div class="section-container" style="max-width: 900px;">
+        <h1 style="font-size: 2.5rem; margin-bottom: 3rem; text-align: center;">
+            <span class="accent-text">Legal Notice</span>
+        </h1>
+
+        <!-- Website Presentation -->
+        <div style="background: rgba(232, 166, 37, 0.1); border-left: 4px solid var(--or-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
+            <h2 style="color: var(--or-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
+                1. Website Presentation
+            </h2>
+            <p style="margin-bottom: 1rem; line-height: 1.6;">
+                In accordance with applicable law, we hereby provide users of the website <strong>o-k-i.net</strong>
+                with the identity of the various parties involved in its creation and management:
+            </p>
+            <ul style="list-style: none; padding: 0; margin: 1.5rem 0;">
+                <li style="margin-bottom: 1rem;">
+                    <strong style="color: var(--or-oki);">Owner:</strong><br>
+                    ORGANISATION KA INTERNATIONALE<br>
+                    36 Rue Lethière, 97100 Basse-Terre
+                </li>
+                <li style="margin-bottom: 1rem;">
+                    <strong style="color: var(--or-oki);">Publishing Manager:</strong><br>
+                    ORGANISATION KA INTERNATIONALE<br>
+                    Contact: <a href="mailto:kontak@o-k-i.net" style="color: var(--or-oki); text-decoration: none;">kontak@o-k-i.net</a>
+                </li>
+                <li style="margin-bottom: 1rem;">
+                    <strong style="color: var(--or-oki);">Webmaster:</strong><br>
+                    Cédric FAMIBELLE-PRONZOLA<br>
+                    Contact: <a href="mailto:contact@cedric-pronzola.re" style="color: var(--or-oki); text-decoration: none;">contact@cedric-pronzola.re</a>
+                </li>
+                <li style="margin-bottom: 1rem;">
+                    <strong style="color: var(--or-oki);">Hosting Provider:</strong><br>
+                    OVH<br>
+                    2 rue Kellermann, 59100 Roubaix
+                </li>
+                <li style="margin-bottom: 1rem;">
+                    <strong style="color: var(--or-oki);">Data Protection Officer:</strong><br>
+                    ORGANISATION KA INTERNATIONALE<br>
+                    Contact: <a href="mailto:kontak@o-k-i.net" style="color: var(--or-oki); text-decoration: none;">kontak@o-k-i.net</a>
+                </li>
+            </ul>
+        </div>
+
+        <!-- Terms of Use -->
+        <div style="background: rgba(0, 168, 84, 0.1); border-left: 4px solid var(--vert-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
+            <h2 style="color: var(--vert-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
+                2. Terms of Use of the Website and Services
+            </h2>
+            <p style="line-height: 1.6;">
+                The website is protected by intellectual property laws. Use of the website constitutes full acceptance
+                of the terms of use described below. These terms of use may be modified or supplemented at any time.
+            </p>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                Users of the website may not reuse or exploit the elements of the website without prior authorization.
+            </p>
+        </div>
+
+        <!-- Description of Services -->
+        <div style="background: rgba(237, 28, 76, 0.1); border-left: 4px solid var(--rouge-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
+            <h2 style="color: var(--rouge-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
+                3. Description of Services Provided
+            </h2>
+            <p style="line-height: 1.6;">
+                The website <strong>o-k-i.net</strong> is intended to provide information about all activities
+                of ORGANISATION KA INTERNATIONALE.
+            </p>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                ORGANISATION KA INTERNATIONALE strives to provide information that is as accurate as possible.
+                However, it cannot be held responsible for omissions, inaccuracies and deficiencies in updates,
+                whether due to its own actions or those of third-party partners providing this information.
+            </p>
+        </div>
+
+        <!-- Technical Limitations -->
+        <div style="background: rgba(232, 166, 37, 0.1); border-left: 4px solid var(--or-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
+            <h2 style="color: var(--or-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
+                4. Technical Limitations
+            </h2>
+            <p style="line-height: 1.6;">
+                The website uses JavaScript technology. The site is hosted within the European Union in compliance with GDPR.
+            </p>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                ORGANISATION KA INTERNATIONALE cannot be held responsible for material damage related to the use of the website.
+                Furthermore, the website user agrees to access the site using recent equipment, free from viruses,
+                and with a current, up-to-date browser.
+            </p>
+        </div>
+
+        <!-- Intellectual Property and Licenses -->
+        <div style="background: rgba(0, 168, 84, 0.1); border-left: 4px solid var(--vert-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
+            <h2 style="color: var(--vert-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
+                5. Intellectual Property and Licenses
+            </h2>
+            <p style="line-height: 1.6;">
+                The source code of the website <strong>o-k-i.net</strong> is distributed under the
+                <strong>GNU Affero General Public License v3.0 (AGPL-V3)</strong>, a free license that guarantees
+                the following freedoms:
+            </p>
+            <ul style="list-style: disc; padding-left: 2rem; margin: 1rem 0;">
+                <li style="margin-bottom: 0.5rem;">Freedom to use the software for any purpose</li>
+                <li style="margin-bottom: 0.5rem;">Freedom to study how the program works and adapt it</li>
+                <li style="margin-bottom: 0.5rem;">Freedom to redistribute copies</li>
+                <li style="margin-bottom: 0.5rem;">Freedom to improve the program and publish improvements</li>
+            </ul>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                This license ensures that any modification to the source code must be published under the same AGPL-V3 license.
+                If you use this code to provide an online service, you must also make the modified source code available
+                to users of that service.
+            </p>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                The full text of the license is available at:
+                <a href="https://www.gnu.org/licenses/agpl-3.0.html" target="_blank" style="color: var(--or-oki); text-decoration: none;">
+                    https://www.gnu.org/licenses/agpl-3.0.html
+                </a>
+            </p>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                Original textual and visual content of the website (excluding source code) remains the property of
+                ORGANISATION KA INTERNATIONALE. Its use is subject to the conditions of the AGPL-V3 license for
+                technical elements, and requires authorization for other uses.
+            </p>
+        </div>
+
+        <!-- Limitations of Liability -->
+        <div style="background: rgba(237, 28, 76, 0.1); border-left: 4px solid var(--rouge-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
+            <h2 style="color: var(--rouge-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
+                6. Limitations of Liability
+            </h2>
+            <p style="line-height: 1.6;">
+                ORGANISATION KA INTERNATIONALE cannot be held responsible for direct or indirect damage caused to
+                the user's equipment, when accessing the website o-k-i.net, and resulting either from the use of equipment
+                not meeting the specifications indicated in section 4, or from the occurrence of a bug or incompatibility.
+            </p>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                ORGANISATION KA INTERNATIONALE cannot also be held responsible for indirect damage (such as loss of market
+                or loss of opportunity) resulting from the use of the website o-k-i.net.
+            </p>
+        </div>
+
+        <!-- Personal Data Management -->
+        <div style="background: rgba(232, 166, 37, 0.1); border-left: 4px solid var(--or-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
+            <h2 style="color: var(--or-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
+                7. Personal Data Management
+            </h2>
+            <p style="line-height: 1.6;">
+                Personal data is protected in particular by European Regulation 2016/679 of April 27, 2016
+                relating to the protection of natural persons with regard to the processing of personal data (GDPR).
+            </p>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                Personal data collected on the website o-k-i.net is processed for the following purposes:
+            </p>
+            <ul style="list-style: disc; padding-left: 2rem; margin: 1rem 0;">
+                <li style="margin-bottom: 0.5rem;">Navigation on the website</li>
+                <li style="margin-bottom: 0.5rem;">Prevention of computer fraud</li>
+                <li style="margin-bottom: 0.5rem;">Improvement and optimization of navigation</li>
+                <li style="margin-bottom: 0.5rem;">Audience measurement and statistics</li>
+            </ul>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                In application of these provisions, you have the right to access, rectify, delete and transfer your personal data.
+                You can exercise these rights by contacting:
+                <a href="mailto:kontak@o-k-i.net" style="color: var(--or-oki); text-decoration: none;">kontak@o-k-i.net</a>
+            </p>
+        </div>
+
+        <!-- Incident Notification -->
+        <div style="background: rgba(0, 168, 84, 0.1); border-left: 4px solid var(--vert-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
+            <h2 style="color: var(--vert-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
+                8. Incident Notification
+            </h2>
+            <p style="line-height: 1.6;">
+                Regardless of the efforts made, no method of transmission over the Internet and no method of electronic storage
+                is completely secure. We therefore cannot guarantee absolute security.
+            </p>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                If we became aware of a security breach, we would notify affected users so they can take appropriate measures.
+                Our incident notification procedures take into account our legal obligations, whether at the national or European level.
+                We undertake to fully inform our customers of all security-related issues and to provide all necessary information
+                to help them meet their own regulatory reporting obligations.
+            </p>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                Security measures in place include: firewalls, encryption, pseudonymization and physical security measures.
+            </p>
+        </div>
+
+        <!-- Cookies and Web Beacons -->
+        <div style="background: rgba(237, 28, 76, 0.1); border-left: 4px solid var(--rouge-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
+            <h2 style="color: var(--rouge-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
+                9. Cookies and Web Beacons
+            </h2>
+            <p style="line-height: 1.6;">
+                The website may use cookies to enhance the user experience. Users can disable cookies in their browser settings.
+            </p>
+            <p style="margin-top: 1rem; line-height: 1.6;">
+                Some pages may contain web beacons (invisible pixels) to measure website traffic and performance.
+            </p>
+        </div>
+
+        <!-- Applicable Law and Jurisdiction -->
+        <div style="background: rgba(232, 166, 37, 0.1); border-left: 4px solid var(--or-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
+            <h2 style="color: var(--or-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
+                10. Applicable Law and Jurisdiction
+            </h2>
+            <p style="line-height: 1.6;">
+                Any dispute related to the use of the website o-k-i.net is governed by French law.
+                Except where the law does not permit, exclusive jurisdiction is granted to the competent courts of Guadeloupe.
+            </p>
+        </div>
+
+        <!-- Back to Home -->
+        <div style="text-align: center; margin-top: 3rem;">
+            <a href="/en/" class="btn btn-primary">
+                ← Back to Home
+            </a>
+        </div>
+    </div>
+</section>