section évènement v2 article avec lien vers affiche qui devient details avec import de l'affiche avec js

2026-08-03 02:39:52 +02:00
parent e6c2fbf4d3
commit 906c3a3ae2
7 changed files with 123 additions and 119 deletions
@@ -5,15 +5,17 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/svg" href="../assets/favicon.svg" />
    <title>TEST EVENT</title>
-    <style>
+    <style data-import="no-import">
      /*=========================== INFROMATIONS AFFICHES :

-      la première balise style est filtrée
-            ici on place les eléments qui entre en conflit avec la page principale
+      le style 'no-import' est filtrée
+            ici on place les eléments qui entre en conflit avec 
+            la page principale

      les suivant sont inclus

-      IMPORTANT : il faut nommer le main avec un id unique pour éviter les conflit avec les reste du site
+      IMPORTANT : il faut nommer le <article> avec un id unique 
+                  pour éviter les conflit avec les reste du site

      ====================================================*/

@@ -42,8 +44,8 @@
    </style>
 </head>
 <body>
-    <main id="testAffiche">
+    <article id="testAffiche">
        <p>test affiche !</p>
-    </main>
+    </article>
 </body>
 </html>
@@ -8,10 +8,10 @@
    <link rel="stylesheet" href="../style/animation.css">
    <link rel="stylesheet" href="/style/typo.css">
    <title>TEST EVENT 333</title>
-    <style>
+    <style data-import="no-import">
      /*=========================== INFROMATIONS AFFICHES :

-      la première balise style est filtrée
+      la balise style data-import="no-import" est filtrée
            ici on place les eléments qui entre en conflit avec la page principale

      les suivant sont inclus
@@ -45,8 +45,8 @@
    </style>
 </head>
 <body>
-    <main id="testAffiche333">
+    <article id="testAffiche333">
        <p>test affiche 333 !</p>
-    </main>
+    </article>
 </body>
 </html>