Fix accessibility and mobile issues, add SEO meta tags

- Fixed HTML structure error (extra closing div in cv.html)
- Updated all dates from 2025 to 2026
- Added rel="noopener noreferrer" to external LinkedIn links
- Added Open Graph and Twitter Card meta tags for all pages
- Added Schema.org structured data (Person) for SEO
- Removed emoji badges for better accessibility
- Optimized Google Fonts loading
- Added mobile hamburger menu with ARIA labels
- Improved touch targets (44px minimum)
- Added prefers-reduced-motion support
- Enhanced keyboard navigation and focus states

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

lanro.eu/cv-roman-felden.html

@@ -4,10 +4,26 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="CV de Roman Felden - Coordinateur sécurité et systèmes informatique à Grenoble">
+    <meta name="theme-color" content="#4f46e5">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://lanro.eu/cv-roman-felden.html">
+    <meta property="og:title" content="CV - Roman Felden | Coordinateur Sécurité & Systèmes">
+    <meta property="og:description" content="CV complet de Roman Felden, Coordinateur Sécurité & Systèmes Informatique à Grenoble. Expériences, formations, compétences et centres d'intérêt.">
+    <meta property="og:image" content="https://lanro.eu/og-image.jpg">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://lanro.eu/cv-roman-felden.html">
+    <meta property="twitter:title" content="CV - Roman Felden | Coordinateur Sécurité & Systèmes">
+    <meta property="twitter:description" content="CV complet de Roman Felden, Coordinateur Sécurité & Systèmes Informatique à Grenoble. Expériences, formations, compétences et centres d'intérêt.">
+    <meta property="twitter:image" content="https://lanro.eu/og-image.jpg">
+
     <title>CV - Roman Felden | Coordinateur Sécurité & Systèmes</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap" rel="stylesheet">
     <style>
         *,
         *::before,
@@ -742,6 +758,49 @@
 
             .contact-item {
                 justify-content: center;
+                min-height: 44px;
+            }
+
+            .skill-tag,
+            .badge {
+                min-height: 44px;
+                display: inline-flex;
+                align-items: center;
+            }
+        }
+
+        /* Respect prefers-reduced-motion */
+        @media (prefers-reduced-motion: reduce) {
+            *,
+            *::before,
+            *::after {
+                animation-duration: 0.01ms !important;
+                animation-iteration-count: 1 !important;
+                transition-duration: 0.01ms !important;
+            }
+
+            html {
+                scroll-behavior: auto;
+            }
+        }
+
+        /* Small screens (very small phones) */
+        @media (max-width: 380px) {
+            .header {
+                padding: 2.5rem 1.5rem;
+            }
+
+            .header-name {
+                font-size: 1.75rem;
+            }
+
+            .content {
+                padding: 1.5rem 1rem;
+            }
+
+            .contact-item {
+                padding: 0.75rem 1rem;
+                font-size: 0.85rem;
             }
         }
     </style>
@@ -758,10 +817,10 @@
                             <h1 class="header-name">Roman FELDEN</h1>
                             <p class="header-title">Coordinateur Sécurité & Systèmes Informatique</p>
                             <div class="header-badges">
-                                <span class="badge">🎓 Master RIE</span>
-                                <span class="badge">🔒 Sécurité</span>
-                                <span class="badge">🌐 Réseaux</span>
-                                <span class="badge">💻 Systèmes</span>
+                                <span class="badge" aria-label="Master RIE">Master RIE</span>
+                                <span class="badge">Sécurité</span>
+                                <span class="badge">Réseaux</span>
+                                <span class="badge">Systèmes</span>
                             </div>
                         </div>
                     </div>
@@ -783,7 +842,7 @@
                             <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
                                 <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                             </svg>
-                            <a href="https://www.linkedin.com/in/roman-felden" target="_blank" rel="noopener">LinkedIn</a>
+                            <a href="https://www.linkedin.com/in/roman-felden" target="_blank" rel="noopener noreferrer">LinkedIn</a>
                         </span>
                     </div>
                 </div>
@@ -1184,7 +1243,7 @@
 
             <!-- Footer -->
             <footer class="footer">
-                <p class="footer-text">Mis à jour en Décembre 2025 · Fait avec <span class="footer-heart">❤</span> à Grenoble, France</p>
+                <p class="footer-text">Mis à jour en Janvier 2026 · Fait avec <span class="footer-heart">❤</span> à Grenoble, France</p>
             </footer>
         </main>
     </div>