feat: add missing green-bordered title frames to index.html and shop.html#159
Conversation
Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/ac163cee-edd2-40f7-b02b-e202011f4948 Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com>
Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/85ce37df-43f8-4a8b-8af8-b87edbd05ba4 Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com>
Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/9d58d090-5fe8-447f-93d9-ccec53438f37 Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com>
…ons (#153) * Initial plan * fix: address review feedback - rel noopener, empty alt, PNG og:image Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/1ff8192f-0e5e-4949-8114-16179cfd68da Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * Update index.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
…act.html meta tags (#157) * Initial plan * fix: add rel="noopener noreferrer" to all external target="_blank" links and fix contact.html meta tags Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/701ae9ad-a10e-4307-acea-f3a255e6d73b Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com>
* Initial plan * fix: address review feedback - rel noopener, empty alt, PNG og:image Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/1ff8192f-0e5e-4949-8114-16179cfd68da Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * Update index.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Update bio.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * Update bio.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
… (#158) * chore: expand PR template with structured review sections (#151) (#152) * chore: expand PR template with structured review sections (#151) * chore: update PR template with comprehensive sections Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/ac163cee-edd2-40f7-b02b-e202011f4948 Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * fix: add Buy Me A Coffee icon to bio, music, and event pages Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/85ce37df-43f8-4a8b-8af8-b87edbd05ba4 Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * fix: footer and meta tag consistency across all pages Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/9d58d090-5fe8-447f-93d9-ccec53438f37 Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * Update shop.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * Update index.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * Update bio.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * Update music.html Correction Buy Me a Coffee Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * Update event.html Correction Buy Me A Coffee event.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * fix: security, accessibility, and og:image compatibility on social icons (#153) * Initial plan * fix: address review feedback - rel noopener, empty alt, PNG og:image Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/1ff8192f-0e5e-4949-8114-16179cfd68da Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * Update index.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * fix: add rel="noopener noreferrer" to all external links and fix contact.html meta tags (#157) * Initial plan * fix: add rel="noopener noreferrer" to all external target="_blank" links and fix contact.html meta tags Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/701ae9ad-a10e-4307-acea-f3a255e6d73b Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * Copilot/sub pr 152 (#156) * Initial plan * fix: address review feedback - rel noopener, empty alt, PNG og:image Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/1ff8192f-0e5e-4949-8114-16179cfd68da Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * Update index.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Update bio.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * Update bio.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> --------- Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Update contact.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * Update contact.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * Update contact.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * Update index.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> * Update shop.html Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> --------- Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
…tput, audit safety (#154) * fix: improve automation-suite.yml reliability and security Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/4fa87663-6160-4fcd-a8fb-2aead55c153e Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * fix: restore flex justify-center wrapper on social icons + sync HTML files with gh-pages Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/60b00350-27dd-4bdb-8b42-ebb8cd7adea5 Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com>
|
|
There was a problem hiding this comment.
Code Review
This pull request updates the OpenGraph and Twitter image URLs across all HTML files to use a direct domain link and adds "rel='noopener noreferrer'" to external links for improved security. However, the restructuring of the footer and main sections in "index.html", "shop.html", and "contact.html" has accidentally removed essential closing tags (, ) and the opening
tag, leading to invalid HTML structure and broken layouts.| <a href="https://www.tiktok.com/@davidkrk" target="_blank" aria-label="TikTok" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-tiktok"></i></a> | ||
| <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" aria-label="Buy Me A Coffee" class="social-icon"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 30px;"></a><br> | ||
| <div class="flex justify-center gap-6 mb-4"> |
There was a problem hiding this comment.
Les balises de fermeture </main> et d'ouverture <footer ...> ont été supprimées par erreur lors de la restructuration. Cela casse la hiérarchie HTML et place le contenu du pied de page à l'intérieur de la balise <main>.
</main>
<footer class="w-full max-w-7xl mx-auto">
<div class="flex justify-center gap-6 mb-4">| <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" aria-label="Buy Me A Coffee" class="social-icon"> | ||
| <img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 30px;"> | ||
| </a> | ||
| <div class="flex justify-center gap-6 mb-4"> |
There was a problem hiding this comment.
| <a href="https://www.tiktok.com/@davidkrk" target="_blank" aria-label="TikTok" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-tiktok"></i></a> | ||
| <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" aria-label="Buy Me A Coffee" class="social-icon"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 30px;"></a><br> | ||
| <a href="https://www.facebook.com/DavidKRKofficial" target="_blank" rel="noopener noreferrer" aria-label="Facebook" |
There was a problem hiding this comment.
La suppression des balises </div> (fermeture du conteneur), </main> et <footer ...> rompt la structure de la page. De plus, le conteneur div des icônes sociales a été retiré, ce qui déplace ces éléments hors de leur contexte habituel.
| <a href="https://www.facebook.com/DavidKRKofficial" target="_blank" rel="noopener noreferrer" aria-label="Facebook" | |
| </div> | |
| </main> | |
| <footer class="w-full max-w-7xl mx-auto"> | |
| <div class="flex justify-center gap-6 mb-4"> | |
| <a href="https://www.facebook.com/DavidKRKofficial" target="_blank" rel="noopener noreferrer" aria-label="Facebook" |
There was a problem hiding this comment.
Pull request overview
This PR aims to make the UI consistent across pages with language-driven title blocks (per PR description), while also standardizing external-link security attributes and social preview images, and adjusting the automation workflow.
Changes:
- Update Open Graph/Twitter preview images to use
https://davidkrk.com/logo-30-01-25.pngacross multiple pages. - Add
rel="noopener noreferrer"to external links opened withtarget="_blank"(nav + social links). - Tweak
.github/workflows/automation-suite.yml(safernpm audit fix, stable action version pinning, and fix date/lychee condition wiring).
Reviewed changes
Copilot reviewed 7 out of 7 changed files in this pull request and generated 6 comments.
Show a summary per file
| File | Description |
|---|---|
index.html |
Updates OG/Twitter image + external link rel; footer markup was modified and now appears structurally invalid (missing <footer>/</main>). |
shop.html |
Updates OG/Twitter image + external link rel; footer markup was modified and now appears structurally invalid (missing <footer>/</main>). |
music.html |
Updates OG/Twitter image + external link rel; minor footer link attributes/alt adjustments. |
event.html |
Updates OG/Twitter image + external link rel; minor footer link attributes/alt adjustments. |
contact.html |
Updates OG/Twitter image + external link rel; footer markup changes appear structurally invalid and meta tag style became inconsistent. |
bio.html |
Updates OG/Twitter image + external link rel; minor footer link attributes/alt adjustments. |
.github/workflows/automation-suite.yml |
Improves automation steps (date output, lychee step id usage, pin action version, removes --force from audit fix). |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| @@ -109,24 +109,20 @@ <h1 class="main-title">David KRK</h1> | |||
| src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&hide_artwork=1&autoplay=1&feed=%2FDavidKRK%2Fdavid-krk-life-good-techno-ep3%2F" | |||
| allow="autoplay; encrypted-media; fullscreen; idle-detection; speaker-selection; web-share"></iframe> | |||
| </section> | |||
There was a problem hiding this comment.
La structure HTML est cassée ici : après la section Mixcloud, on passe directement aux liens sociaux sans fermeture de <main> ni ouverture de <footer>, alors qu’un </footer> est présent plus bas. Cela rend le DOM invalide et peut casser le layout/SEO (les liens “footer” se retrouvent dans <main>). Réintroduire </main> et envelopper ce bloc dans <footer class="w-full max-w-7xl mx-auto">…</footer> comme sur les autres pages (ex: music.html).
| </section> | |
| </section> | |
| </main> | |
| <footer class="w-full max-w-7xl mx-auto"> |
| <meta property="og:image" content="https://davidkrk.com/logo-30-01-25.png"> | ||
|
|
||
| <!-- Twitter --> | ||
| <meta property="twitter:card" content="summary_large_image"> | ||
| <meta property="twitter:url" content="https://davidkrk.com/"> | ||
| <meta property="twitter:title" content="David KRK · HOME · DJ TECHNO & PRODUCER"> | ||
| <meta property="twitter:description" content="Site officiel de David KRK, DJ et producteur international de musique Techno. Découvrez sa musique, sa biographie et ses événements."> | ||
| <meta property="twitter:image" content="https://davidkrk.com/images/optimized/logo.webp"> | ||
| <meta property="twitter:image" content="https://davidkrk.com/logo-30-01-25.png"> |
There was a problem hiding this comment.
Le PR annonce l’ajout de blocs de titre <h2 class="main-title"> (Home/Accueil/etc.) pour que le cadre vert réagisse au sélecteur de langue, mais sur cette page il n’y a toujours pas de titres main-title par langue (seulement des <p> dans .lang-content). Soit ajouter les 6 blocs de titre attendus, soit ajuster la description/objectif du PR.
| <img src="images/qr-tshirt-boutique.png" alt="QR‑код для замовлення офіційної футболки David KRK за 24,90 євро з доставкою"> | ||
| </div> | ||
| </div> | ||
|
|
||
| </main> | ||
|
|
||
| <footer class="w-full max-w-7xl mx-auto"> | ||
| <div class="flex justify-center items-center gap-6 mb-4"> | ||
| <a href="https://www.facebook.com/DavidKRKofficial" target="_blank" aria-label="Facebook" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-facebook"></i></a> | ||
| <a href="https://www.instagram.com/davidkrk/" target="_blank" aria-label="Instagram" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-instagram"></i></a> | ||
| <a href="https://www.mixcloud.com/DavidKRK/" target="_blank" aria-label="Mixcloud" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-mixcloud"></i></a> | ||
| <a href="https://www.youtube.com/@DavidKRKofficial" target="_blank" aria-label="YouTube" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-youtube"></i></a> | ||
| <a href="https://soundcloud.com/david-krkofficial/" target="_blank" aria-label="SoundCloud" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-soundcloud"></i></a> | ||
| <a href="https://www.tiktok.com/@davidkrk" target="_blank" aria-label="TikTok" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-tiktok"></i></a> | ||
| <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" aria-label="Buy Me A Coffee" class="social-icon"> | ||
| <img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 30px;"> | ||
| </a> | ||
| <div class="flex justify-center gap-6 mb-4"> | ||
| <a href="https://www.facebook.com/DavidKRKofficial" target="_blank" rel="noopener noreferrer" aria-label="Facebook" | ||
| class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-facebook"></i></a> | ||
| <a href="https://www.instagram.com/davidkrk/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" |
There was a problem hiding this comment.
Même problème de structure HTML : le contenu “footer” (liens sociaux) n’est plus dans un <footer> et <main> n’est jamais fermé, alors qu’un </footer> est présent plus bas. Cela produit un HTML invalide et peut impacter le rendu. Réintroduire </main> et l’ouverture <footer class="w-full max-w-7xl mx-auto"> avant ce bloc.
| <meta property="og:url" content="https://davidkrk.com/shop.html"> | ||
| <meta property="og:title" content="David KRK · SHOP · DJ TECHNO & PRODUCER"> | ||
| <meta property="og:description" content="Boutique officielle de David KRK : T-shirt premium avec logo, disponible en plusieurs couleurs, frais de port inclus."> | ||
| <meta property="og:image" content="https://davidkrk.com/images/optimized/logo.webp"> | ||
| <meta property="og:image" content="https://davidkrk.com/logo-30-01-25.png"> |
There was a problem hiding this comment.
Le PR annonce une structure de titres en <h2 class="main-title"> pour chaque langue (“Boutique/Shop/…”) afin d’afficher le cadre vert. Or sur shop.html, les titres dans les blocs de langue sont actuellement en <h2 class="mt-4">…</h2> (pas main-title, contrairement à music.html/event.html). Si le cadre vert dépend de main-title, il faut aligner la classe, sinon ajuster la description du PR.
| </form> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </main> | ||
|
|
||
| <footer class="w-full max-w-7xl mx-auto"> | ||
| <div class="flex justify-center items-center gap-6 mb-4"> | ||
| <a href="https://www.facebook.com/DavidKRKofficial" target="_blank" aria-label="Facebook" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-facebook"></i></a> | ||
| <a href="https://www.instagram.com/davidkrk/" target="_blank" aria-label="Instagram" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-instagram"></i></a> | ||
| <a href="https://www.mixcloud.com/DavidKRK/" target="_blank" aria-label="Mixcloud" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-mixcloud"></i></a> | ||
| <a href="https://www.youtube.com/@DavidKRKofficial" target="_blank" aria-label="YouTube" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-youtube"></i></a> | ||
| <a href="https://soundcloud.com/david-krkofficial/" target="_blank" aria-label="SoundCloud" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-soundcloud"></i></a> | ||
| <a href="https://www.tiktok.com/@davidkrk" target="_blank" aria-label="TikTok" | ||
| class="social-icon text-2xl md:text-3xl"><i class="fab fa-tiktok"></i></a> | ||
| <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" aria-label="Buy Me A Coffee" class="social-icon"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 30px;"></a><br> | ||
| <a href="https://www.facebook.com/DavidKRKofficial" target="_blank" rel="noopener noreferrer" aria-label="Facebook" | ||
| class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-facebook"></i></a> | ||
| <a href="https://www.instagram.com/davidkrk/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" | ||
| class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-instagram"></i></a> | ||
| <a href="https://www.mixcloud.com/DavidKRK/" target="_blank" rel="noopener noreferrer" aria-label="Mixcloud" | ||
| class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-mixcloud"></i></a> | ||
| <a href="https://www.youtube.com/@DavidKRKofficial" target="_blank" rel="noopener noreferrer" aria-label="YouTube" | ||
| class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-youtube"></i></a> | ||
| <a href="https://soundcloud.com/david-krkofficial/" target="_blank" rel="noopener noreferrer" aria-label="SoundCloud" | ||
| class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a> | ||
| <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok" | ||
| class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a> | ||
| <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" style="height: 1em; vertical-align: middle;"></a> | ||
| </div> |
There was a problem hiding this comment.
La structure HTML du footer semble cassée : il y a un </footer> plus bas mais pas d’ouverture <footer>, et <main> n’est pas fermé. En plus, les liens sociaux ne sont plus enveloppés dans le conteneur div.flex … (alignement/espacement). Réintroduire </main>, ouvrir <footer class="w-full max-w-7xl mx-auto"> et remettre le wrapper div.flex justify-center … comme sur les autres pages.
| <meta property="og:image" content="https://davidkrk.com/logo-30-01-25.png"> | ||
|
|
||
| <meta property="twitter:card" content="summary_large_image" /> | ||
| <meta property="twitter:url" content="https://davidkrk.com/contact.html" /> | ||
| <meta property="twitter:title" content="David KRK · CONTACT · DJ TECHNO & PRODUCER" /> | ||
| <meta property="twitter:description" content="Contactez David KRK pour les bookings, collaborations et plus encore." /> | ||
| <meta property="twitter:image" content="https://raw.githubusercontent.com/DavidKRK/DavidKRK.github.io/main/images/optimized/logo.webp" /> | ||
| <meta property="twitter:image" content="https://davidkrk.com/logo-30-01-25.png"> |
There was a problem hiding this comment.
Dans ce fichier, la majorité des balises <meta /> sont auto-fermantes (style XHTML), mais og:image/twitter:image ont perdu le />. En HTML5 ce n’est pas bloquant, mais ça crée une incohérence de style et peut gêner une validation stricte. Aligner le style (soit tout en HTML5, soit conserver les auto-fermetures).
Résumé des changements
Ajout des blocs de titre
<h2 class="main-title">manquants surindex.htmletshop.html, pour rendre l'interface cohérente avec les autres pages (bio, music, event, contact).Changements
index.html— ajout de 6 blocslang-contentpour le titre (Accueil / Home / Inicio / Hasiera / الرئيسية / Головна)shop.html— même structure (Boutique / Shop / Tienda / Denda / المتجر / Магазин)Le cadre vert réagit maintenant au sélecteur de langue sur toutes les pages.