« Accueil » : différence entre les versions

De Wikithionville
(Génération des confettis uniquement sur le bouton créer un article)
(Suppression d'animation des logos des projets)
 
(38 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<html>
<html>
     <div class="home-header">
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=0.25, maximum-scale=5.0"
  />
  <div id="wiki-home">
     <div id="progress">
      <a href="#wikihome_header">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="30"
          height="30"
          fill="currentColor"
          class="bi bi-house-fill"
          viewBox="0 0 16 16"
        >
          <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"
          />
          <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"
          />
        </svg>
      </a>
      <a href="#plusdinfo">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="30"
          height="30"
          fill="currentColor"
          class="bi bi-text-left"
          viewBox="0 0 16 16"
        >
          <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>
      </a>
      <a href="#categories">
        <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"
        >
          <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>
      </a>
      <a href="#articles">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="30"
          height="30"
          fill="currentColor"
          class="bi bi-list-ul"
          viewBox="0 0 16 16"
        >
          <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"
          />
        </svg>
      </a>
    </div>
 
    <div id="wikihome_header" class="home-header panel">
      <div class="main">
         <h1>WikiThionville</h1>
         <h1>WikiThionville</h1>
         <form class="hheader-form" name="createbox" action="/index.php" method="get">
         <form
            <input type="hidden" value="edit" name="action">
          class="hheader-form"
            <input type="hidden" value="Modèle:Conseils_Redac" name="editintro">
          id="main-form"
             <input class="input" name="title" placeholder="Créer un article" required="" size="50" dir="ltr">
          name="createbox"
            <button class="btn" type="submit" name="create" onclick="confetti()">
          action="/index.php"
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16">
          method="get"
                    <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>
          <input type="hidden" value="title" name="Sp%C3%A9cial%3ARecherche" />
            </button>
          <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>
         </form>
         <p class="tinfo">Vous devez posséder un compte</p>
      </div>
         <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">
      <div id="popular">
                <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"/>
         <div class="content">
            </svg>
          <button id="popular-prev"><img src="/home/caret-left.svg" /></button></html><DynamicArticleList>
            <p>En savoir plus</p>
            type=hot
        </a>
            count=10
       
          </DynamicArticleList><html><button id="popular-next"><img src="/home/caret-right.svg" /></button>
         </div>
      </div>
 
      <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>
     <div id="plusdinfo">
 
     <div id="plusdinfo" class="container panel" bg="#14181f">
      <div id="info-text">
         <h1>Bienvenue sur Wikithionville, le portail des voisins</h1>
         <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>
         <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>
         <h1>Contributions</h1>
         <h4>Pour contribuer, il faut d'abord créer un compte (en haut à droite de cette page). Pour créer un article, taper le titre dans la fenêtre, puis cliquer sur créer un article.</h4>
         <h4>
       
          Pour contribuer au Wiki, il faut posséder un compte. Pour ce faire,
        <div class="cardlist">
          vous devez envoyer un e-mail à l’adresse suivante :
            <div class="li">
          <a href="mailto:secteur.multimedia@lelierre.org"
                <a class="card" href="/index.php?title=Catégorie:Portraits">
            >secteur.multimedia@lelierre.org</a
                    <div class="header">
          >
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-brush" viewBox="0 0 16 16">
          en précisant le nom d’utilisateur et le mot de passe que vous
                            <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"/>
          souhaitez pour votre compte. Une fois votre compte créé, un e-mail
                        </svg>
          vous sera envoyé pour vous permettre de vérifier votre adresse e-mail
                        <p>Portraits d'habitants</p>
          (cette vérification est obligatoire pour la création d’un article), il
                    </div>
          faudra donc cliquer sur le lien situé dans le mail.
                    <p>Voici les portraits de certains habitants dont l'histoire ne peut être dissociée de celle de Thionville.</p>
        </h4>
                </a>
        <h4>
               
          Pour vous connecter à votre compte, vous devez cliquer sur le logo
                <a class="card" href="/index.php?title=Catégorie:Associatif">
          utilisateur en bas à gauche puis sur "<a
                    <div class="header">
            href="https://wikithionville.fr/index.php?title=Sp%C3%A9cial:Connexion"
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-people" viewBox="0 0 16 16">
            >Se connecter</a
                            <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"/>
          >". Ensuite vous serez invites à saisir votre identifiant et votre mot
                          </svg>
          de passe.
                        <p>Solidaire et associatif</p>
        </h4>
                    </div>
        <h4>
                    <p>Action sociale et humanitaire, bénévolat, volontariat, ... Comment les thionvillois aident et s'entraident.</p>
          Pour créer un article vous pouvez renseigner le nom de l’article dans
                </a>
          le champ "<a href="#wikihome_header">Créer un article</a>" situé sur
               
          la page d’accueil puis cliquer sur le bouton +.
                <a class="card" href="/index.php?title=Catégorie:Mémoire">
        </h4>
                    <div class="header">
      </div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-hourglass-split" viewBox="0 0 16 16">
      <div class="counters card-li">
                            <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"/>
        <div class="card-container">
                          </svg>
          <div class="card">
                        <p>Mémoire et territoire</p>
            <h1 id="counter_articles">0</h1>
                    </div>
            <h2>Articles</h2>
                    <p>Histoire de Thionville et de ses quartiers racontée par ceux qui l'ont vécue, par des professionnels…</p>
            <div class="blob"></div>
                </a>
            <div class="fakeblob"></div>
               
          </div>
                <a class="card" href="/index.php?title=Catégorie:Webtv">
        </div>
                    <div class="header">
        <div class="card-container">
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-camera-reels" viewBox="0 0 16 16">
          <div class="card">
                            <path d="M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0M1 3a2 2 0 1 0 4 0 2 2 0 0 0-4 0"/>
            <h1 id="counter_pages">0</h1>
                            <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"/>
            <h2>Pages</h2>
                            <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"/>
            <div class="blob"></div>
                          </svg>
            <div class="fakeblob"></div>
                        <p>WEB Tv Jeunes</p>
          </div>
                    </div>
        </div>
                    <p>Reportage, court-métrage, clip video, réalisés par des jeunes de l'agglomération de Thionville</p>
        <div class="card-container">
                </a>
          <div class="card">
               
            <h1 id="counter_utilisateurs">0</h1>
                <a class="card" href="/index.php?title=Catégorie:Culture">
            <h2>Utilisateurs</h2>
                    <div class="header">
            <div class="blob"></div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-palette" viewBox="0 0 16 16">
            <div class="fakeblob"></div>
                            <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"/>
          </div>
                            <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"/>
        </div>
                          </svg>
        <div class="card-container">
                        <p>Arts et cultures</p>
          <div class="card" id="ccard_contribperso">
                    </div>
            <h1 id="counter_contribperso">0</h1>
                    <p>Art et culture de chez nous !</p>
            <h2>Contributions personnelles</h2>
                </a>
            <div class="blob"></div>
               
            <div class="fakeblob"></div>
                <a class="card" href="/index.php?title=Catégorie:Littérature_d%27ici_et_d%27ailleurs">
          </div>
                    <div class="header">
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-book-half" viewBox="0 0 16 16">
                            <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>
                    <p>Regard sur la littérature, notes de lecture, sur des livres d'ici et d'ailleurs</p>
                </a>
               
                <a class="card" href="/index.php?title=Catégorie:Frontières">
                    <div class="header">
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-globe-europe-africa" viewBox="0 0 16 16">
                            <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>
                    <p>Wikithionville s'ouvre au monde.</p>
                </a>
               
                <a class="card" href="/index.php?title=Catégorie:Passions">
                    <div class="header">
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-cookie" viewBox="0 0 16 16">
                            <path d="M6 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m4.5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m-.5 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/>
                            <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>
                    <p>Partager ses connaissances,ses savoirs-faire, ses passions ...</p>
                </a>
               
                <a class="card" href="/index.php?title=Catégorie:Quartier">
                    <div class="header">
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-houses" viewBox="0 0 16 16">
                            <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>
                    <p>Quand les habitants présentent leurs quartiers...</p>
                </a>
               
                <a class="card" href="/index.php?title=Catégorie:Environnement_et_développement_durable">
                    <div class="header">
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-flower1" viewBox="0 0 16 16">
                            <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>
                    <p>Un nouveau regard sur notre environnement...</p>
                </a>
               
                <a class="card" href="/index.php?title=Catégorie:Sports-loisirs">
                    <div class="header">
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-person-walking" viewBox="0 0 16 16">
                            <path d="M9.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M6.44 3.752A.75.75 0 0 1 7 3.5h1.445c.742 0 1.32.643 1.243 1.38l-.43 4.083a1.8 1.8 0 0 1-.088.395l-.318.906.213.242a.8.8 0 0 1 .114.175l2 4.25a.75.75 0 1 1-1.357.638l-1.956-4.154-1.68-1.921A.75.75 0 0 1 6 8.96l.138-2.613-.435.489-.464 2.786a.75.75 0 1 1-1.48-.246l.5-3a.75.75 0 0 1 .18-.375l2-2.25Z"/>
                            <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>
                    <p>La pratique sportive et les loisirs pour développer une expression citoyenne</p>
                </a>
               
                <a class="card" href="/index.php?title=Catégorie:Travail">
                    <div class="header">
                        <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>
                        <p>Travail, artisanat et savoir-faire</p>
                    </div>
                    <p>Le travail dans tous ses états...</p>
                </a>
            </div>
         </div>
         </div>
      </div>
      <img id="img-beffroi" src="/home/beffroi.webp" loading="lazy" />
     </div>
     </div>
     <div class="degrad"></div>
     <div id="categories" class="cardlist panel" bg="#14181f">
    <div class="marklist">
      <div class="marklist unanimated">
        <div>
        <div class="track">
             <a href="./Festival_%22Le_R%C3%A9el_en_Vue%22">
          <a
                <img height="70" src="/images/3/3e/Logo_rev.png" alt="Festival Le Réel en Vue">
            href="/index.php?title=Femmes_au_pluriel_:_un_autre_regard_sur_le_territoire"
            </a>
          >
            <a href="./Ma_Petite_Europe">
            <img
                <img height="70" src="/images/f/f0/LOGO_MA_PETITE_EUROPE_V4.jpg" alt="Ma Petite Europe">
              height="70"
             </a>
              loading="lazy"
            <a href="./Femmes_au_pluriel_:_un_autre_regard_sur_le_territoire">
              src="/home/Logo_FemmesAuPluriel.png"
                <img height="70" src="/images/6/61/Femmes_au_pluriel_marque2.png" alt="Femmes au pluriel : un autre regard sur le territoire">
              alt="Femmes au pluriel : un autre regard sur le territoire"
             </a>
              class="inverted"
            <a href="./UPOPAM">
            />
                <img height="70" src="/images/e/e9/Article_pr%C3%A9sentation_upopam.png" alt="UPOPAM">
          </a>
             </a>
          <a href="/index.php?title=Ma_Petite_Europe">
             <a href="./Sentier_découverte">
             <img
                <img height="70" src="/images/d/d6/Logo_sentier.jpg" alt=" Sentier découverte">
              height="70"
             </a>
              loading="lazy"
              src="/home/Logo_MaPetiteEurope.png"
              alt="Ma Petite Europe"
              class="inverted"
            />
          </a>
          <a href="/index.php?title=Festhi’Sciences">
            <img
              height="60"
              loading="lazy"
              style="min-width: 100px"
              src="/home/Festhi-Sciences-Dark.png"
              alt="Festhi’Sciences"
              class="inverted"
            />
          </a>
          <a href="/index.php?title=Festival_%22Le_R%C3%A9el_en_Vue%22">
            <img
              height="200"
              style="min-width: 150px"
              loading="lazy"
              src="/images/3/3e/Logo_rev.png"
              alt="Festival Le Réel en Vue"
              class="inverted"
            />
          </a>
        </div>
      </div>
      <div class="card-li container">
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Portraits">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-brush" viewBox="0 0 16 16">
              <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 class="card-title">Portraits d'habitants</p>
            <p>
              Voici les portraits de certains habitants dont l'histoire ne peut
              être dissociée de celle de Thionville.
            </p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
        </div>
 
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Associatif">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-people" viewBox="0 0 16 16">
              <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 class="card-title">Solidaire et associatif</p>
            <p>
              Action sociale et humanitaire, bénévolat, volontariat, ... Comment
              les thionvillois aident et s'entraident.
             </p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
        </div>
 
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Mémoire">
            <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>
            <p class="card-title">Mémoire et territoire</p>
            <p>
              Histoire de Thionville et de ses quartiers racontée par ceux qui
              l'ont vécue, par des professionnels…
            </p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
        </div>
 
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Webtv">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-camera-reels" viewBox="0 0 16 16">
              <path d="M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0M1 3a2 2 0 1 0 4 0 2 2 0 0 0-4 0"/>
              <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>
            <p class="card-title">WEB Tv Jeunes</p>
            <p>
              Reportage, court-métrage, clip video, réalisés par des jeunes de
              l'agglomération de Thionville
             </p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
        </div>
 
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Culture">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-palette" viewBox="0 0 16 16">
              <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>
            <p class="card-title">Arts et cultures</p>
            <p>Art et culture de chez nous !</p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
        </div>
 
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Littérature_d%27ici_et_d%27ailleurs">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-book-half" viewBox="0 0 16 16">
              <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 class="card-title">Littérature d'ici et d'ailleurs</p>
             <p>
              Regard sur la littérature, notes de lecture, sur des livres d'ici et
              d'ailleurs
            </p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
        </div>
 
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Frontières">
             <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-globe-europe-africa" viewBox="0 0 16 16">
              <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 class="card-title">Au-delà des frontières</p>
            <p>Wikithionville s'ouvre au monde.</p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
        </div>
 
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Passions">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-cookie" viewBox="0 0 16 16">
              <path d="M6 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m4.5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m-.5 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/>
              <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 class="card-title">Cuisine, bricolage et passion</p>
            <p>Partager ses connaissances,ses savoirs-faire, ses passions ...</p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
        </div>
 
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Quartier">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-houses" viewBox="0 0 16 16">
              <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 class="card-title">Mon quartier</p>
            <p>Quand les habitants présentent leurs quartiers...</p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
        </div>
 
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Environnement_et_développement_durable">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-flower1" viewBox="0 0 16 16">
              <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 class="card-title">Environnement et développement durable</p>
             <p>Un nouveau regard sur notre environnement...</p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
         </div>
         </div>
    </div>   
    <div class="favs">
        <h1>
            Articles populaires
        </h1>


         </html>
         <div class="card-container hover-enabled">
         <DynamicArticleList>
          <a class="card" href="/index.php?title=Catégorie:Sports-loisirs">
          type=hot
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-person-walking" viewBox="0 0 16 16">
          count=10
              <path d="M9.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M6.44 3.752A.75.75 0 0 1 7 3.5h1.445c.742 0 1.32.643 1.243 1.38l-.43 4.083a1.8 1.8 0 0 1-.088.395l-.318.906.213.242a.8.8 0 0 1 .114.175l2 4.25a.75.75 0 1 1-1.357.638l-1.956-4.154-1.68-1.921A.75.75 0 0 1 6 8.96l.138-2.613-.435.489-.464 2.786a.75.75 0 1 1-1.48-.246l.5-3a.75.75 0 0 1 .18-.375l2-2.25Z"/>
         </DynamicArticleList><html></div>
              <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"/>
        <div class="favs">
            </svg>
         <h1>
            <p class="card-title">Sports et loisirs</p>
            Articles récemment postés
            <p>
        </h1>
              La pratique sportive et les loisirs pour développer une expression
         <ul><li><a href="/index.php/Ma_Petite_Europe" title="Ma Petite Europe">Ma Petite Europe</a></li>
              citoyenne
            <li><a href="/index.php/Bilan_projet_social_2020" title="Bilan projet social 2020">Bilan projet social 2020</a></li>
            </p>
            <li><a href="/index.php/Petit_livre_%C3%A0_cr%C3%A9er" title="Petit livre à créer">Petit livre à créer</a></li>
          </a>
            <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>
          <div class="blob"></div>
            <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>
          <div class="fakeblob"></div>
            <li><a href="/index.php/Visites_de_convivialit%C3%A9" title="Visites de convivialité">Visites de convivialité</a></li>
        </div>
             <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>
 
            <li><a href="/index.php/Les_Odyss%C3%A9es_d%27aujourd%27hui" title="Les Odyssées d'aujourd'hui">Les Odyssées d'aujourd'hui</a></li>
         <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Travail">
            <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>
            <p class="card-title">Travail, artisanat et savoir-faire</p>
            <p>Le travail dans tous ses états...</p>
          </a>
          <div class="blob"></div>
          <div class="fakeblob"></div>
         </div>
       
      </div>
    </div>
    <div id="articles" class="panel" bg="#fff">
      <div class="favs">
         <h1>Articles récemment postés</h1>
         <ul>
          <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>
          <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>
          <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>
          <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>
          <li>
            <a href="/index.php/Ma_Petite_Europe" title="Ma Petite Europe"
              >Ma Petite Europe</a
            >
          </li>
          <li>
            <a
              href="/index.php/Bilan_projet_social_2020"
              title="Bilan projet social 2020"
              >Bilan projet social 2020</a
            >
          </li>
          <li>
            <a
              href="/index.php/Petit_livre_%C3%A0_cr%C3%A9er"
              title="Petit livre à créer"
              >Petit livre à créer</a
            >
          </li>
          <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 "La fin des temps, c&apos;était hier, disait Albert".'
              >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>
          <li>
            <a
              href="/index.php/Visites_de_convivialit%C3%A9"
              title="Visites de convivialité"
              >Visites de convivialité</a
             >
          </li>
         </ul>
         </ul>
        <h1>
      </div>
            Articles récemment mis à jour
      <h1 class="main-title">Partenaires</h1>
        </h1>
      <div class="marklist unanimated">
        <ul><font color="#000000"><li><a href="/index.php/Atelier_photo_du_Centre_Le_Lierre" title="Atelier photo du Centre Le Lierre">Atelier photo du Centre Le Lierre</a></li>
         <div class="track">
            <li><a href="/index.php/Femmes_du_troisi%C3%A8me_mill%C3%A9naire" title="Femmes du troisième millénaire">Femmes du troisième millénaire</a></li>
          <a href="https://www.grandest.fr/">
            <li><a href="/index.php/Femmes_au_pluriel_:_un_autre_regard_sur_le_territoire_(2014-2015)" title="Femmes au pluriel : un autre regard sur le territoire (2014-2015)">Femmes au pluriel&nbsp;: un autre regard sur le territoire (2014-2015)</a></li>
            <img
            <li><a href="/index.php/Projections_et_d%C3%A9bats_UPOPAM" title="Projections et débats UPOPAM">Projections et débats UPOPAM</a></li>
              height="70"
            <li><a href="/index.php/Ateliers_socio-linguistiques_au_Centre_%22Le_Lierre%22" title="Ateliers socio-linguistiques au Centre &quot;Le Lierre&quot;">Ateliers socio-linguistiques au Centre "Le Lierre"</a></li>
              loading="lazy"
            <li><a href="/index.php/Femmes_au_pluriel_:_un_autre_regard_sur_le_territoire" title="Femmes au pluriel : un autre regard sur le territoire">Femmes au pluriel&nbsp;: un autre regard sur le territoire</a></li>
              src="/home/rge-rvb.png"
            <li><a href="/index.php/Festival_%22Le_R%C3%A9el_en_Vue%22_2014" title="Festival &quot;Le Réel en Vue&quot; 2014">Festival "Le Réel en Vue" 2014</a></li>
              alt="La Région GrandEst"
            <li><a href="/index.php/Les_Pieds_sur_Terre_:_pr%C3%A9sentation_de_l%27association" title="Les Pieds sur Terre : présentation de l'association">Les Pieds sur Terre&nbsp;: présentation de l'association</a></li>
            />
            <li><a href="/index.php/UCP_Antenne_de_Thionville" title="UCP Antenne de Thionville">UCP Antenne de Thionville</a></li>
          </a>
            </font><li><font color="#000000"><a href="/index.php/Jazzpote_2014_:_10%C3%A8me_anniversaire_du_festival" title="Jazzpote 2014 : 10ème anniversaire du festival">Jazzpote 2014&nbsp;: 10ème anniversaire du festival</a></font></li>
          <a href="https://www.moselle.fr/">
         </ul>
            <img
    </div>
              height="70"
    <div class="marklist">
              loading="lazy"
        <h1>Partenaires</h1>
              src="/home/conseild_modelle.png"
        <div>
              alt="Le Conseil départemental de la Moselle"
            <a href="https://www.grandest.fr/">
            />
                <img height="70" src="/home/rge-rvb.png" alt="La Région GrandEst">
          </a>
            </a>
          <a href="https://www.thionville.fr/">
            <a href="https://www.moselle.fr/">
            <img
                <img height="70" src="/home/conseild_modelle.png" alt="Le Conseil départemental de la Moselle">
              height="70"
            </a>
              loading="lazy"
            <a href="https://www.thionville.fr/">
              src="/home/thionville_logo.svg"
                <img height="70" src="/home/thionville_logo.svg" alt="La Ville de Thionville">
              alt="La Ville de Thionville"
            </a>
            />
            <a href="https://www.thionville.fr/annuaires/services/detail/centre-communal-daction-sociale">
          </a>
                <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"
            <a href="https://www.thionville.fr/annuaires/services/detail/centre-communal-daction-sociale">
          >
                <img height="70" src="/home/CAF_LOGO.jpg" alt="CAF Moselle">
            <img
            </a>
              height="70"
              loading="lazy"
              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"
              loading="lazy"
              src="/home/CAF_LOGO.jpg"
              alt="CAF Moselle"
            />
          </a>
         </div>
         </div>
      </div>
     </div>
     </div>
    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
  </div>
</html>
</html>

Dernière version du 19 octobre 2024 à 18:20

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

Récupérée de « https://wikithionville.fr/index.php?title=Accueil&oldid=297255 »
Dernière modification
La dernière modification de cette page a été faite le 19 octobre 2024 à 18:20.
Droits d’auteur
Le contenu est disponible sous licence Attribution-Noncommercial-Share Alike 3.0 Unported sauf mention contraire.
⧼citizen-page-info-viewcount⧽
Cette page a été consultée 1 306 655 fois.