Dernière version du 20 mai 2024 à 19:20

WikiThionville

Bienvenue sur Wikithionville, le portail des voisins

Wikithionville est une plateforme collaborative ouverte à tous les habitants de Thionville et de l’agglomération thionvilloise qui souhaitent faire connaître leur projet et leurs initiatives, annoncer ou valoriser une action ou encore faire le portrait d’un habitant, d’une personne ressource sur un quartier, un territoire. Des histoires individuelles et collectives, des informations historiques, culturelles, sociales, économiques peuvent être publiées. L’idée consiste à construire une dynamique locale, à créer des liens sociaux en utilisant les outils multimédias contemporains, l’Internet collaboratif

Contributions

Pour contribuer au Wiki, il faut posséder un compte. Pour ce faire, vous devez envoyer un e-mail à l’adresse suivante : secteur.multimedia@lelierre.org en précisant le nom d’utilisateur et le mot de passe que vous souhaitez pour votre compte. Une fois votre compte créé, un e-mail vous sera envoyé pour vous permettre de vérifier votre adresse e-mail (cette vérification est obligatoire pour la création d’un article), il faudra donc cliquer sur le lien situé dans le mail.

Pour vous connecter à votre compte, vous devez cliquer sur le logo utilisateur en bas à gauche puis sur "Se connecter". Ensuite vous serez invites à saisir votre identifiant et votre mot de passe.

Pour créer un article vous pouvez renseigner le nom de l’article dans le champ "Créer un article" situé sur la page d’accueil puis cliquer sur le bouton +.

0

Articles

0

Pages

0

Utilisateurs

0

Contributions personnelles

Femmes au pluriel : un autre regard sur le territoire

Voici les portraits de certains habitants dont l'histoire ne peut être dissociée de celle de Thionville.

Action sociale et humanitaire, bénévolat, volontariat, ... Comment les thionvillois aident et s'entraident.

Histoire de Thionville et de ses quartiers racontée par ceux qui l'ont vécue, par des professionnels…

Reportage, court-métrage, clip video, réalisés par des jeunes de l'agglomération de Thionville

Art et culture de chez nous !

Regard sur la littérature, notes de lecture, sur des livres d'ici et d'ailleurs

Wikithionville s'ouvre au monde.

Partager ses connaissances,ses savoirs-faire, ses passions ...

Quand les habitants présentent leurs quartiers...

Un nouveau regard sur notre environnement...

La pratique sportive et les loisirs pour développer une expression citoyenne

Le travail dans tous ses états...

Articles populaires

Articles récemment postés

Partenaires

@@ Ligne 1 : / Ligne 1 : @@
 <html>
-     <div class="home-header">
+     <div id="wiki-home">
-         <h1>WikiThionville</h1>
+         <div id="progress">
-        <form class="hheader-form" name="createbox" action="/index.php" method="get">
+             <a href="#wikihome_header">
-             <input type="hidden" value="edit" name="action">
+                 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16">
-            <input type="hidden" value="Modèle:Conseils_Redac" name="editintro">
+                     <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z"/>
-            <input class="input" name="title" placeholder="Créer un article" required="" size="50" dir="ltr">
+                    <path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z"/>
-            <button class="btn" type="submit" name="create" onclick="confetti()">
-                 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16">
-                     <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/>
                  </svg>
-             </button>
+             </a>
-         </form>
+            <a href="#plusdinfo">
-         <p class="tinfo">Vous devez posséder un compte</p>
+                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-text-left" viewBox="0 0 16 16">
-        <a class="enplus" href="#plusdinfo">
+                    <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5"/>
-            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-down-circle" viewBox="0 0 16 16">
+                </svg>
-                <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z"/>
+            </a>
-            </svg>
+            <a href="#categories">
-            <p>En savoir plus</p>
+                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-grid-3x2-gap-fill" viewBox="0 0 16 16">
-        </a>
+                    <path d="M1 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM1 9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1z"/>
+                </svg>
-    </div>
+            </a>
-    <div id="plusdinfo">
+            <a href="#articles">
-        <h1>Bienvenue sur Wikithionville, le portail des voisins</h1>
+                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-list-ul" viewBox="0 0 16 16">
-        <h4>Wikithionville est une plateforme collaborative ouverte à tous les habitants de Thionville et de l’agglomération thionvilloise qui souhaitent faire connaître leur projet et leurs initiatives, annoncer ou valoriser une action ou encore faire le portrait d’un habitant, d’une personne ressource sur un quartier, un territoire. Des histoires individuelles et collectives, des informations historiques, culturelles, sociales, économiques peuvent être publiées. L’idée consiste à construire une dynamique locale, à créer des liens sociaux en utilisant les outils multimédias contemporains, l’Internet collaboratif</h4>
+                    <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/>
-        <h1>Contributions</h1>
+                </svg>
-        <h4>Pour contribuer au wiki, il faut posséder un compte. Pour ce faire vous devez envoyer un e-mail à l’adresse suivante: secteur.multimedia@lelierre.org en précisant le nom d’utilisateur et le mot de passe que vous souhaitez pour votre compte.
+            </a>
-Une fois votre compte crée, un e-mail vous seras envoyer pour vous permettre de vérifier votre adresse e-mail (cette vérification est obligatoire pour la création d’un article), il faudra donc cliquer sur le lien situé dans le mail.</h4>
+         </div>
-        <h4>Pour vous connecter à votre compte, vous devez cliquer sur le logo utilisateur en bas à gauche puis sur « Se connecter ». Ensuite vous serez invitez à saisir votre identifiant et votre mot de passe.</h4>
-        <h4>Pour créer un article vous pouvez renseigner le nom de l’article dans le champ « Créer un article » situé sur la page d’accueil puis cliquer sur le bouton +.</h4>
+         <div id="wikihome_header" class="home-header panel">
-         <div class="cardlist">
+            <h1>WikiThionville</h1>
+            <form class="hheader-form" id="new_article_form" name="createbox" action="/index.php" method="get">
+                <input type="hidden" value="edit" name="action">
+                <input type="hidden" value="Modèle:Conseils_Redac" name="editintro">
+                <input class="input" name="title" placeholder="Créer un article" required="" size="50" dir="ltr">
+                <button class="btn" type="submit" name="create" onclick="confetti()">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16">
+                        <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/>
+                    </svg>
+                </button>
+            </form>
+            <form class="hheader-form" id="search_form" name="createbox" action="/index.php" method="get">
+                <input type="hidden" value="title" name="Sp%C3%A9cial%3ARecherche">
+                <input class="input" name="search" placeholder="Rechercher" required="" size="50">
+                <button class="btn" type="submit">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
+                        <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
+                    </svg>
+                </button>
+            </form>
+            <a class="enplus" href="#plusdinfo">
+                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-down-circle" viewBox="0 0 16 16">
+                    <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z"/>
+                </svg>
+                <p>En savoir plus</p>
+            </a>
+         </div>
+        <div id="plusdinfo" class="container panel" bg="#14181f">
+            <div id="info-text">
+                <h1>Bienvenue sur Wikithionville, le portail des voisins</h1>
+                <h4>Wikithionville est une plateforme collaborative ouverte à tous les habitants de Thionville et de l’agglomération thionvilloise qui souhaitent faire connaître leur projet et leurs initiatives, annoncer ou valoriser une action ou encore faire le portrait d’un habitant, d’une personne ressource sur un quartier, un territoire. Des histoires individuelles et collectives, des informations historiques, culturelles, sociales, économiques peuvent être publiées. L’idée consiste à construire une dynamique locale, à créer des liens sociaux en utilisant les outils multimédias contemporains, l’Internet collaboratif</h4>
+                <h1>Contributions</h1>
+                <h4>Pour contribuer au Wiki, il faut posséder un compte. Pour ce faire, vous devez envoyer un e-mail à l’adresse suivante : <a href="mailto:secteur.multimedia@lelierre.org">secteur.multimedia@lelierre.org</a> en précisant le nom d’utilisateur et le mot de passe que vous souhaitez pour votre compte. Une fois votre compte créé, un e-mail vous sera envoyé pour vous permettre de vérifier votre adresse e-mail (cette vérification est obligatoire pour la création d’un article), il faudra donc cliquer sur le lien situé dans le mail.</h4>
+                <h4>Pour vous connecter à votre compte, vous devez cliquer sur le logo utilisateur en bas à gauche puis sur "<a href="https://wikithionville.fr/index.php?title=Sp%C3%A9cial:Connexion">Se connecter</a>". Ensuite vous serez invites à saisir votre identifiant et votre mot de passe.</h4>
+                <h4>Pour créer un article vous pouvez renseigner le nom de l’article dans le champ "<a href="#wikihome_header">Créer un article"</a> situé sur la page d’accueil puis cliquer sur le bouton +.</h4>
+            </div>
+            <div class="counters">
+                <div class="card"><h1 id="counter_articles">0</h1><h2>Articles</h2></div>
+                <div class="card"><h1 id="counter_pages">0</h1><h2>Pages</h2></div>
+                <div class="card"><h1 id="counter_utilisateurs">0</h1><h2>Utilisateurs</h2></div>
+                <div class="card" id="ccard_contribperso"><h1 id="counter_contribperso">0</h1><h2>Contributions personnelles</h2></div>
+            </div>
+            <img id="img-beffroi" src="/home/beffroi.webp">
+         </div>
+        <div id="categories" class="cardlist container panel" bg="#fff">
+            <div class="marklist">
+                <div>
+                    <a href="/index.php?title=Femmes_au_pluriel_:_un_autre_regard_sur_le_territoire">
+                        <img height="70" src="/images/6/61/Femmes_au_pluriel_marque2.png" alt="Femmes au pluriel : un autre regard sur le territoire">
+                    </a>
+                    <a href="/index.php?title=Ma_Petite_Europe">
+                        <img height="70" src="/images/f/f0/LOGO_MA_PETITE_EUROPE_V4.jpg" alt="Ma Petite Europe">
+                    </a>
+                    <a href="/index.php?title=Festival_%22Le_R%C3%A9el_en_Vue%22">
+                        <img height="200" src="/images/3/3e/Logo_rev.png" alt="Festival Le Réel en Vue">
+                    </a>
+                    <a href="/index.php?title=UPOPAM">
+                        <img height="70" src="/images/e/e9/Article_pr%C3%A9sentation_upopam.png" alt="UPOPAM">
+                    </a>
+                    <a href="/index.php?title=Sentier_découverte">
+                        <img height="70" src="/images/d/d6/Logo_sentier.jpg" alt=" Sentier découverte">
+                    </a>
+                </div>
+            </div>
              <div class="li">
                  <a class="card" href="/index.php?title=Catégorie:Portraits">
@@ Ligne 36 : / Ligne 98 : @@
                              <path d="M15.825.12a.5.5 0 0 1 .132.584c-1.53 3.43-4.743 8.17-7.095 10.64a6.1 6.1 0 0 1-2.373 1.534c-.018.227-.06.538-.16.868-.201.659-.667 1.479-1.708 1.74a8.1 8.1 0 0 1-3.078.132 4 4 0 0 1-.562-.135 1.4 1.4 0 0 1-.466-.247.7.7 0 0 1-.204-.288.62.62 0 0 1 .004-.443c.095-.245.316-.38.461-.452.394-.197.625-.453.867-.826.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848.528-.739 1.201-.925 1.746-.896q.19.012.348.048c.062-.172.142-.38.238-.608.261-.619.658-1.419 1.187-2.069 2.176-2.67 6.18-6.206 9.117-8.104a.5.5 0 0 1 .596.04M4.705 11.912a1.2 1.2 0 0 0-.419-.1c-.246-.013-.573.05-.879.479-.197.275-.355.532-.5.777l-.105.177c-.106.181-.213.362-.32.528a3.4 3.4 0 0 1-.76.861c.69.112 1.736.111 2.657-.12.559-.139.843-.569.993-1.06a3 3 0 0 0 .126-.75zm1.44.026c.12-.04.277-.1.458-.183a5.1 5.1 0 0 0 1.535-1.1c1.9-1.996 4.412-5.57 6.052-8.631-2.59 1.927-5.566 4.66-7.302 6.792-.442.543-.795 1.243-1.042 1.826-.121.288-.214.54-.275.72v.001l.575.575zm-4.973 3.04.007-.005zm3.582-3.043.002.001h-.002z"/>
                          </svg>
-                         <p>Portraits d'habitants</p>
+                         <div class="text-marquee">
+                            <p>Portraits d'habitants</p>
+                        </div>
                      </div>
                      <p>Voici les portraits de certains habitants dont l'histoire ne peut être dissociée de celle de Thionville.</p>
@@ Ligne 46 : / Ligne 110 : @@
                              <path d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4"/>
                            </svg>
-                        <p>Solidaire et associatif</p>
+                          <div class="text-marquee">
+                            <p>Solidaire et associatif</p>
+                          </div>
                      </div>
                      <p>Action sociale et humanitaire, bénévolat, volontariat, ... Comment les thionvillois aident et s'entraident.</p>
@@ Ligne 55 : / Ligne 121 : @@
                          <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-hourglass-split" viewBox="0 0 16 16">
                              <path d="M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z"/>
-                          </svg>
+                        </svg>
-                         <p>Mémoire et territoire</p>
+                         <div class="text-marquee">
+                            <p>Mémoire et territoire</p>
+                        </div>
                      </div>
                      <p>Histoire de Thionville et de ses quartiers racontée par ceux qui l'ont vécue, par des professionnels…</p>
@@ Ligne 67 : / Ligne 135 : @@
                              <path d="M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm6 8.73V7.27l-3.5 1.555v4.35zM1 8v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1"/>
                              <path d="M9 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6M7 3a2 2 0 1 1 4 0 2 2 0 0 1-4 0"/>
-                          </svg>
+                        </svg>
-                         <p>WEB Tv Jeunes</p>
+                         <div class="text-marquee">
+                            <p>WEB Tv Jeunes</p>
+                        </div>
                      </div>
                      <p>Reportage, court-métrage, clip video, réalisés par des jeunes de l'agglomération de Thionville</p>
@@ Ligne 78 : / Ligne 148 : @@
                              <path d="M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"/>
                              <path d="M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8m-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7"/>
-                          </svg>
+                        </svg>
-                         <p>Arts et cultures</p>
+                         <div class="text-marquee">
+                            <p>Arts et cultures</p>
+                        </div>
                      </div>
                      <p>Art et culture de chez nous !</p>
@@ Ligne 89 : / Ligne 161 : @@
                              <path d="M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783"/>
                          </svg>
-                         <p>Littérature d'ici et d'ailleurs</p>
+                         <div class="text-marquee">
+                            <p>Littérature d'ici et d'ailleurs</p>
+                        </div>
                      </div>
                      <p>Regard sur la littérature, notes de lecture, sur des livres d'ici et d'ailleurs</p>
@@ Ligne 99 : / Ligne 173 : @@
                              <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M3.668 2.501l-.288.646a.847.847 0 0 0 1.479.815l.245-.368a.81.81 0 0 1 1.034-.275.81.81 0 0 0 .724 0l.261-.13a1 1 0 0 1 .775-.05l.984.34q.118.04.243.054c.784.093.855.377.694.801-.155.41-.616.617-1.035.487l-.01-.003C8.274 4.663 7.748 4.5 6 4.5 4.8 4.5 3.5 5.62 3.5 7c0 1.96.826 2.166 1.696 2.382.46.115.935.233 1.304.618.449.467.393 1.181.339 1.877C6.755 12.96 6.674 14 8.5 14c1.75 0 3-3.5 3-4.5 0-.262.208-.468.444-.7.396-.392.87-.86.556-1.8-.097-.291-.396-.568-.641-.756-.174-.133-.207-.396-.052-.551a.33.33 0 0 1 .42-.042l1.085.724c.11.072.255.058.348-.035.15-.15.415-.083.489.117.16.43.445 1.05.849 1.357L15 8A7 7 0 1 1 3.668 2.501"/>
                          </svg>
-                         <p>Au-delà des frontières</p>
+                         <div class="text-marquee">
+                            <p>Au-delà des frontières</p>
+                        </div>
                      </div>
                      <p>Wikithionville s'ouvre au monde.</p>
@@ Ligne 110 : / Ligne 186 : @@
                              <path d="M8 0a7.96 7.96 0 0 0-4.075 1.114q-.245.102-.437.28A8 8 0 1 0 8 0m3.25 14.201a1.5 1.5 0 0 0-2.13.71A7 7 0 0 1 8 15a6.97 6.97 0 0 1-3.845-1.15 1.5 1.5 0 1 0-2.005-2.005A6.97 6.97 0 0 1 1 8c0-1.953.8-3.719 2.09-4.989a1.5 1.5 0 1 0 2.469-1.574A7 7 0 0 1 8 1c1.42 0 2.742.423 3.845 1.15a1.5 1.5 0 1 0 2.005 2.005A6.97 6.97 0 0 1 15 8c0 .596-.074 1.174-.214 1.727a1.5 1.5 0 1 0-1.025 2.25 7 7 0 0 1-2.51 2.224Z"/>
                          </svg>
-                         <p>Cuisine, bricolage et passion</p>
+                         <div class="text-marquee">
+                            <p>Cuisine, bricolage et passion</p>
+                        </div>
                      </div>
                      <p>Partager ses connaissances,ses savoirs-faire, ses passions ...</p>
@@ Ligne 120 : / Ligne 198 : @@
                              <path d="M5.793 1a1 1 0 0 1 1.414 0l.647.646a.5.5 0 1 1-.708.708L6.5 1.707 2 6.207V12.5a.5.5 0 0 0 .5.5.5.5 0 0 1 0 1A1.5 1.5 0 0 1 1 12.5V7.207l-.146.147a.5.5 0 0 1-.708-.708zm3 1a1 1 0 0 1 1.414 0L12 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l1.854 1.853a.5.5 0 0 1-.708.708L15 8.207V13.5a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 4 13.5V8.207l-.146.147a.5.5 0 1 1-.708-.708zm.707.707L5 7.207V13.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5V7.207z"/>
                          </svg>
-                         <p>Mon quartier</p>
+                         <div class="text-marquee">
+                            <p>Mon quartier</p>
+                        </div>
                      </div>
                      <p>Quand les habitants présentent leurs quartiers...</p>
@@ Ligne 130 : / Ligne 210 : @@
                              <path d="M6.174 1.184a2 2 0 0 1 3.652 0A2 2 0 0 1 12.99 3.01a2 2 0 0 1 1.826 3.164 2 2 0 0 1 0 3.652 2 2 0 0 1-1.826 3.164 2 2 0 0 1-3.164 1.826 2 2 0 0 1-3.652 0A2 2 0 0 1 3.01 12.99a2 2 0 0 1-1.826-3.164 2 2 0 0 1 0-3.652A2 2 0 0 1 3.01 3.01a2 2 0 0 1 3.164-1.826M8 1a1 1 0 0 0-.998 1.03l.01.091q.017.116.054.296c.049.241.122.542.213.887.182.688.428 1.513.676 2.314L8 5.762l.045-.144c.248-.8.494-1.626.676-2.314.091-.345.164-.646.213-.887a5 5 0 0 0 .064-.386L9 2a1 1 0 0 0-1-1M2 9l.03-.002.091-.01a5 5 0 0 0 .296-.054c.241-.049.542-.122.887-.213a61 61 0 0 0 2.314-.676L5.762 8l-.144-.045a61 61 0 0 0-2.314-.676 17 17 0 0 0-.887-.213 5 5 0 0 0-.386-.064L2 7a1 1 0 1 0 0 2m7 5-.002-.03a5 5 0 0 0-.064-.386 16 16 0 0 0-.213-.888 61 61 0 0 0-.676-2.314L8 10.238l-.045.144c-.248.8-.494 1.626-.676 2.314-.091.345-.164.646-.213.887a5 5 0 0 0-.064.386L7 14a1 1 0 1 0 2 0m-5.696-2.134.025-.017a5 5 0 0 0 .303-.248c.184-.164.408-.377.661-.629A61 61 0 0 0 5.96 9.23l.103-.111-.147.033a61 61 0 0 0-2.343.572c-.344.093-.64.18-.874.258a5 5 0 0 0-.367.138l-.027.014a1 1 0 1 0 1 1.732zM4.5 14.062a1 1 0 0 0 1.366-.366l.014-.027q.014-.03.036-.084a5 5 0 0 0 .102-.283c.078-.233.165-.53.258-.874a61 61 0 0 0 .572-2.343l.033-.147-.11.102a61 61 0 0 0-1.743 1.667 17 17 0 0 0-.629.66 5 5 0 0 0-.248.304l-.017.025a1 1 0 0 0 .366 1.366m9.196-8.196a1 1 0 0 0-1-1.732l-.025.017a5 5 0 0 0-.303.248 17 17 0 0 0-.661.629A61 61 0 0 0 10.04 6.77l-.102.111.147-.033a61 61 0 0 0 2.342-.572c.345-.093.642-.18.875-.258a5 5 0 0 0 .367-.138zM11.5 1.938a1 1 0 0 0-1.366.366l-.014.027q-.014.03-.036.084a5 5 0 0 0-.102.283c-.078.233-.165.53-.258.875a61 61 0 0 0-.572 2.342l-.033.147.11-.102a61 61 0 0 0 1.743-1.667c.252-.253.465-.477.629-.66a5 5 0 0 0 .248-.304l.017-.025a1 1 0 0 0-.366-1.366M14 9a1 1 0 0 0 0-2l-.03.002a5 5 0 0 0-.386.064c-.242.049-.543.122-.888.213-.688.182-1.513.428-2.314.676L10.238 8l.144.045c.8.248 1.626.494 2.314.676.345.091.646.164.887.213a5 5 0 0 0 .386.064zM1.938 4.5a1 1 0 0 0 .393 1.38l.084.035q.108.045.283.103c.233.078.53.165.874.258a61 61 0 0 0 2.343.572l.147.033-.103-.111a61 61 0 0 0-1.666-1.742 17 17 0 0 0-.66-.629 5 5 0 0 0-.304-.248l-.025-.017a1 1 0 0 0-1.366.366m2.196-1.196.017.025a5 5 0 0 0 .248.303c.164.184.377.408.629.661A61 61 0 0 0 6.77 5.96l.111.102-.033-.147a61 61 0 0 0-.572-2.342c-.093-.345-.18-.642-.258-.875a5 5 0 0 0-.138-.367l-.014-.027a1 1 0 1 0-1.732 1m9.928 8.196a1 1 0 0 0-.366-1.366l-.027-.014a5 5 0 0 0-.367-.138c-.233-.078-.53-.165-.875-.258a61 61 0 0 0-2.342-.572l-.147-.033.102.111a61 61 0 0 0 1.667 1.742c.253.252.477.465.66.629a5 5 0 0 0 .304.248l.025.017a1 1 0 0 0 1.366-.366m-3.928 2.196a1 1 0 0 0 1.732-1l-.017-.025a5 5 0 0 0-.248-.303 17 17 0 0 0-.629-.661A61 61 0 0 0 9.23 10.04l-.111-.102.033.147a61 61 0 0 0 .572 2.342c.093.345.18.642.258.875a5 5 0 0 0 .138.367zM8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"/>
                          </svg>
-                         <p>Environnement et développement durable</p>
+                         <div class="text-marquee">
+                            <p>Environnement et développement durable</p>
+                        </div>
                      </div>
                      <p>Un nouveau regard sur notre environnement...</p>
@@ Ligne 141 : / Ligne 223 : @@
                              <path d="M6.25 11.745v-1.418l1.204 1.375.261.524a.8.8 0 0 1-.12.231l-2.5 3.25a.75.75 0 1 1-1.19-.914zm4.22-4.215-.494-.494.205-1.843.006-.067 1.124 1.124h1.44a.75.75 0 0 1 0 1.5H11a.75.75 0 0 1-.531-.22Z"/>
                          </svg>
-                         <p>Sports et loisirs</p>
+                         <div class="text-marquee">
+                            <p>Sports et loisirs</p>
+                        </div>
                      </div>
                      <p>La pratique sportive et les loisirs pour développer une expression citoyenne</p>
@@ Ligne 150 : / Ligne 234 : @@
                          <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-tools" viewBox="0 0 16 16">
                              <path d="M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3q0-.405-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708M3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026z"/>
-                            </svg>
+                        </svg>
-                         <p>Travail, artisanat et savoir-faire</p>
+                         <div class="text-marquee">
+                            <p>Travail, artisanat et savoir-faire</p>
+                        </div>
                      </div>
                      <p>Le travail dans tous ses états...</p>
@@ Ligne 157 : / Ligne 243 : @@
              </div>
          </div>
-    </div>
+        <div id="articles" class="panel" bg="#14181f">
-    <div class="degrad"></div>
+                <div class="favs">
-    <div class="marklist">
+                    <div class="colums">
-        <div>
+                        <div>
-            <a href="/index.php?title=Femmes_au_pluriel_:_un_autre_regard_sur_le_territoire">
+                            <h1>
-                <img height="70" src="/images/6/61/Femmes_au_pluriel_marque2.png" alt="Femmes au pluriel : un autre regard sur le territoire">
+                                Articles populaires
-            </a>
+                            </h1>
-            <a href="/index.php?title=Ma_Petite_Europe">
+                            </html>
-                <img height="70" src="/images/f/f0/LOGO_MA_PETITE_EUROPE_V4.jpg" alt="Ma Petite Europe">
+                            <DynamicArticleList>
-            </a>
+                            type=hot
-            <a href="/index.php?title=Festival_%22Le_R%C3%A9el_en_Vue%22">
+                            count=10
-                <img height="200" src="/images/3/3e/Logo_rev.png" alt="Festival Le Réel en Vue">
+                            </DynamicArticleList><html></div>
-            </a>
+                        <div>
-            <a href="/index.php?title=UPOPAM">
+                            <h1>
-                <img height="70" src="/images/e/e9/Article_pr%C3%A9sentation_upopam.png" alt="UPOPAM">
+                                Articles récemment postés
-            </a>
+                            </h1>
-            <a href="/index.php?title=Sentier_découverte">
+                            <ul>
-                <img height="70" src="/images/d/d6/Logo_sentier.jpg" alt=" Sentier découverte">
+                                <li><a href="/index.php/Côte_des_Roses_Bel_Air_:_Déconstruction_barre_Bécasse" title="Côte des Roses Bel Air : Déconstruction barre Bécasse">Côte des Roses Bel Air : Déconstruction barre Bécasse</a></li>
-            </a>
+                                <li><a href="/index.php/Côte_des_Roses_Bel_Air_:_Déconstruction_Tour_Chevreuil" title="Côte des Roses Bel Air : Démolition de la Tour Chevreuil">Côte des Roses Bel Air : Démolition de la Tour Chevreuil</a></li>
-        </div>
+                                <li><a href="/index.php/Atelier_de_création_Mars_2024" title="Atelier de création Mars 2024">Atelier de création Mars 2024</a></li>
-    </div>
+                                <li><a href="/index.php/Une_Clean_Walk_Côte_des_Roses_Bel_Air_2023" title="Clean Walk Côte des Roses Bel Air 2023">Une Clean Walk Côte des Roses Bel Air 2023</a></li>
-    <div class="favs">
+                                <li><a href="/index.php/Ma_Petite_Europe" title="Ma Petite Europe">Ma Petite Europe</a></li>
-        <h1>
+                                <li><a href="/index.php/Bilan_projet_social_2020" title="Bilan projet social 2020">Bilan projet social 2020</a></li>
-            Articles populaires
+                                <li><a href="/index.php/Petit_livre_%C3%A0_cr%C3%A9er" title="Petit livre à créer">Petit livre à créer</a></li>
-        </h1>
+                                <li><a href="/index.php/Cr%C3%A9ation_litt%C3%A9raire_et_sonore_%22La_fin_des_temps,_c%27%C3%A9tait_hier,_disait_Albert%22." title="Création littéraire et sonore &quot;La fin des temps, c'était hier, disait Albert&quot;.">Création littéraire et sonore "La fin des temps, c'était hier, disait Albert".</a></li>
+                                <li><a href="/index.php/BUN_:_Les_Carolingiens_aux_Basses-Terres" title="BUN : Les Carolingiens aux Basses-Terres">BUN&nbsp;: Les Carolingiens aux Basses-Terres</a></li>
-        </html>
+                                <li><a href="/index.php/Visites_de_convivialit%C3%A9" title="Visites de convivialité">Visites de convivialité</a></li>
-        <DynamicArticleList>
+                            </ul>
-           type=hot
+                        </div>
-           count=10
+                    </div>
-        </DynamicArticleList><html></div>
+                </div>
-        <div class="favs">
+            </div>
-        <h1>
+            <div class="marklist">
-            Articles récemment postés
+                <h1>Partenaires</h1>
-        </h1>
+                <div>
-        <ul>
+                    <a href="https://www.grandest.fr/">
-<li><a href="/index.php/Nettoyage_Citoyen" title="Nettoyage Citoyen">Nettoyage Citoyen</a></li>
+                        <img height="70" src="/home/rge-rvb.png" alt="La Région GrandEst">
-<li><a href="/index.php/Ma_Petite_Europe" title="Ma Petite Europe">Ma Petite Europe</a></li>
+                    </a>
-            <li><a href="/index.php/Bilan_projet_social_2020" title="Bilan projet social 2020">Bilan projet social 2020</a></li>
+                    <a href="https://www.moselle.fr/">
-            <li><a href="/index.php/Petit_livre_%C3%A0_cr%C3%A9er" title="Petit livre à créer">Petit livre à créer</a></li>
+                        <img height="70" src="/home/conseild_modelle.png" alt="Le Conseil départemental de la Moselle">
-            <li><a href="/index.php/Cr%C3%A9ation_litt%C3%A9raire_et_sonore_%22La_fin_des_temps,_c%27%C3%A9tait_hier,_disait_Albert%22." title="Création littéraire et sonore &quot;La fin des temps, c'était hier, disait Albert&quot;.">Création littéraire et sonore "La fin des temps, c'était hier, disait Albert".</a></li>
+                    </a>
-            <li><a href="/index.php/BUN_:_Les_Carolingiens_aux_Basses-Terres" title="BUN : Les Carolingiens aux Basses-Terres">BUN&nbsp;: Les Carolingiens aux Basses-Terres</a></li>
+                    <a href="https://www.thionville.fr/">
-            <li><a href="/index.php/Visites_de_convivialit%C3%A9" title="Visites de convivialité">Visites de convivialité</a></li>
+                        <img height="70" src="/home/thionville_logo.svg" alt="La Ville de Thionville">
-            <li><a href="/index.php/C%C3%B4te_Des_Roses_Jardin_Partag%C3%A9" title="Côte Des Roses Jardin Partagé">Côte Des Roses Jardin Partagé</a></li>
+                    </a>
-        </ul>
+                    <a href="https://www.thionville.fr/annuaires/services/detail/centre-communal-daction-sociale">
-    </div>
+                        <img height="70" src="/home/LOGO_CCAS.png" alt="Le Centre Communal d'Action Sociale de Thionville">
-    <div class="marklist">
+                    </a>
-        <h1>Partenaires</h1>
+                    <a href="https://www.thionville.fr/annuaires/services/detail/centre-communal-daction-sociale">
-        <div>
+                        <img height="70" src="/home/CAF_LOGO.jpg" alt="CAF Moselle">
-            <a href="https://www.grandest.fr/">
+                    </a>
-                <img height="70" src="/home/rge-rvb.png" alt="La Région GrandEst">
+                </div>
-            </a>
+             </div>
-            <a href="https://www.moselle.fr/">
+            <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
-                <img height="70" src="/home/conseild_modelle.png" alt="Le Conseil départemental de la Moselle">
-            </a>
-            <a href="https://www.thionville.fr/">
-                <img height="70" src="/home/thionville_logo.svg" alt="La Ville de Thionville">
-            </a>
-            <a href="https://www.thionville.fr/annuaires/services/detail/centre-communal-daction-sociale">
-                <img height="70" src="/home/LOGO_CCAS.png" alt="Le Centre Communal d'Action Sociale de Thionville">
-            </a>
-            <a href="https://www.thionville.fr/annuaires/services/detail/centre-communal-daction-sociale">
-                <img height="70" src="/home/CAF_LOGO.jpg" alt="CAF Moselle">
-             </a>
          </div>
-    </div>
-    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
 </html>