« Accueil » : différence entre les versions

De Wikithionville
(Passage des textes des cards en marquee)
(Suppression d'animation des logos des projets)
 
(16 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<html>
<html>
     <div id="wikihome_header" 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" id="new_article_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>
        <form class="hheader-form" id="search_form" name="createbox" action="/index.php" method="get">
      </div>
            <input type="hidden" value="title" name="Sp%C3%A9cial%3ARecherche">
 
            <input class="input" name="search" placeholder="Rechercher" required="" size="50">
      <div id="popular">
            <button class="btn" type="submit">
        <div class="content">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
          <button id="popular-prev"><img src="/home/caret-left.svg" /></button></html><DynamicArticleList>
                    <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"/>
            type=hot
                </svg>
            count=10
            </button>
          </DynamicArticleList><html><button id="popular-next"><img src="/home/caret-right.svg" /></button>
        </form>
        </div>
        <a class="enplus" href="#plusdinfo">
      </div>
            <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"/>
      <a class="enplus" href="#plusdinfo">
            </svg>
        <svg
            <p>En savoir plus</p>
          xmlns="http://www.w3.org/2000/svg"
        </a>
          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" class="container">
 
     <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>
    </div>
          Wikithionville est une plateforme collaborative ouverte à tous les
    <div class="counters">
          habitants de Thionville et de l’agglomération thionvilloise qui
        <div class="card"><h1 id="counter_articles">0</h1><h2>Articles</h2></div>
          souhaitent faire connaître leur projet et leurs initiatives, annoncer
         <div class="card"><h1 id="counter_pages">0</h1><h2>Pages</h2></div>
          ou valoriser une action ou encore faire le portrait d’un habitant,
        <div class="card"><h1 id="counter_utilisateurs">0</h1><h2>Utilisateurs</h2></div>
          d’une personne ressource sur un quartier, un territoire. Des histoires
        <div class="card" id="ccard_contribperso"><h1 id="counter_contribperso">0</h1><h2>Contributions personnelles</h2></div>
          individuelles et collectives, des informations historiques,
    </div>   
          culturelles, sociales, économiques peuvent être publiées. L’idée
    <div class="container"> 
          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 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>
         <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>
          Pour contribuer au Wiki, il faut posséder un compte. Pour ce faire,
         <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>
          vous devez envoyer un e-mail à l’adresse suivante :
        <div class="cardlist">
          <a href="mailto:secteur.multimedia@lelierre.org"
            <div class="li">
            >secteur.multimedia@lelierre.org</a
                <a class="card" href="/index.php?title=Catégorie:Portraits">
          >
                    <div class="header">
          en précisant le nom d’utilisateur et le mot de passe que vous
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-brush" viewBox="0 0 16 16">
          souhaitez pour votre compte. Une fois votre compte créé, un e-mail
                            <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"/>
          vous sera envoyé pour vous permettre de vérifier votre adresse e-mail
                        </svg>
          (cette vérification est obligatoire pour la création d’un article), il
                        <div class="text-marquee">
          faudra donc cliquer sur le lien situé dans le mail.
                            <p>Portraits d'habitants</p>
        </h4>
                        </div>
         <h4>
                    </div>
          Pour vous connecter à votre compte, vous devez cliquer sur le logo
                    <p>Voici les portraits de certains habitants dont l'histoire ne peut être dissociée de celle de Thionville.</p>
          utilisateur en bas à gauche puis sur "<a
                </a>
            href="https://wikithionville.fr/index.php?title=Sp%C3%A9cial:Connexion"
               
            >Se connecter</a
                <a class="card" href="/index.php?title=Catégorie:Associatif">
          >". Ensuite vous serez invites à saisir votre identifiant et votre mot
                    <div class="header">
          de passe.
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-people" viewBox="0 0 16 16">
        </h4>
                            <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"/>
         <h4>
                          </svg>
          Pour créer un article vous pouvez renseigner le nom de l’article dans
                          <div class="text-marquee">
          le champ "<a href="#wikihome_header">Créer un article</a>" situé sur
                            <p>Solidaire et associatif</p>
          la page d’accueil puis cliquer sur le bouton +.
                          </div>
        </h4>
                    </div>
      </div>
                    <p>Action sociale et humanitaire, bénévolat, volontariat, ... Comment les thionvillois aident et s'entraident.</p>
      <div class="counters card-li">
                </a>
        <div class="card-container">
               
          <div class="card">
                <a class="card" href="/index.php?title=Catégorie:Mémoire">
            <h1 id="counter_articles">0</h1>
                    <div class="header">
            <h2>Articles</h2>
                        <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="blob"></div>
                            <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="fakeblob"></div>
                        </svg>
          </div>
                        <div class="text-marquee">
        </div>
                            <p>Mémoire et territoire</p>
        <div class="card-container">
                        </div>
          <div class="card">
                    </div>
            <h1 id="counter_pages">0</h1>
                    <p>Histoire de Thionville et de ses quartiers racontée par ceux qui l'ont vécue, par des professionnels…</p>
            <h2>Pages</h2>
                </a>
            <div class="blob"></div>
               
            <div class="fakeblob"></div>
                <a class="card" href="/index.php?title=Catégorie:Webtv">
          </div>
                    <div class="header">
        </div>
                        <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-container">
                            <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"/>
          <div class="card">
                            <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"/>
            <h1 id="counter_utilisateurs">0</h1>
                            <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"/>
            <h2>Utilisateurs</h2>
                        </svg>
            <div class="blob"></div>
                        <div class="text-marquee">
            <div class="fakeblob"></div>
                            <p>WEB Tv Jeunes</p>
          </div>
                        </div>
        </div>
                    </div>
        <div class="card-container">
                    <p>Reportage, court-métrage, clip video, réalisés par des jeunes de l'agglomération de Thionville</p>
          <div class="card" id="ccard_contribperso">
                </a>
            <h1 id="counter_contribperso">0</h1>
               
            <h2>Contributions personnelles</h2>
                <a class="card" href="/index.php?title=Catégorie:Culture">
            <div class="blob"></div>
                    <div class="header">
            <div class="fakeblob"></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>
                            <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>
                        <div class="text-marquee">
                            <p>Arts et cultures</p>
                        </div>   
                    </div>
                    <p>Art et culture de chez nous !</p>
                </a>
               
                <a class="card" href="/index.php?title=Catégorie:Littérature_d%27ici_et_d%27ailleurs">
                    <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>
                        <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>
                </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>
                        <div class="text-marquee">
                            <p>Au-delà des frontières</p>
                        </div>
                    </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>
                        <div class="text-marquee">
                            <p>Cuisine, bricolage et passion</p>
                        </div>
                    </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>
                        <div class="text-marquee">
                            <p>Mon quartier</p>
                        </div>
                    </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>
                        <div class="text-marquee">
                            <p>Environnement et développement durable</p>
                        </div>
                    </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>
                        <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>
                </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>
                        <div class="text-marquee">
                            <p>Travail, artisanat et savoir-faire</p>
                        </div>
                    </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="/index.php?title=Femmes_au_pluriel_:_un_autre_regard_sur_le_territoire">
          <a
                <img height="70" src="/images/6/61/Femmes_au_pluriel_marque2.png" alt="Femmes au pluriel : un autre regard sur le territoire">
            href="/index.php?title=Femmes_au_pluriel_:_un_autre_regard_sur_le_territoire"
            </a>
          >
            <a href="/index.php?title=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="/index.php?title=Festival_%22Le_R%C3%A9el_en_Vue%22">
              src="/home/Logo_FemmesAuPluriel.png"
                <img height="200" src="/images/3/3e/Logo_rev.png" alt="Festival Le Réel en Vue">
              alt="Femmes au pluriel : un autre regard sur le territoire"
             </a>
              class="inverted"
             <a href="/index.php?title=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="/index.php?title=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>
    </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:Environnement_et_développement_durable">
          type=hot
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-flower1" viewBox="0 0 16 16">
          count=10
              <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"/>
         </DynamicArticleList><html></div>
            </svg>
        <div class="favs">
            <p class="card-title">Environnement et développement durable</p>
         <h1>
            <p>Un nouveau regard sur notre environnement...</p>
            Articles récemment postés
          </a>
        </h1>
          <div class="blob"></div>
          <div class="fakeblob"></div>
         </div>
 
        <div class="card-container hover-enabled">
          <a class="card" href="/index.php?title=Catégorie:Sports-loisirs">
            <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 class="card-title">Sports et loisirs</p>
            <p>
              La pratique sportive et les loisirs pour développer une expression
              citoyenne
            </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: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>
         <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>
<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>
            <a
<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>
              href="/index.php/Côte_des_Roses_Bel_Air_:_Déconstruction_barre_Bécasse"
<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>
              title="Côte des Roses Bel Air : Déconstruction barre Bécasse"
<li><a href="/index.php/Ma_Petite_Europe" title="Ma Petite Europe">Ma Petite Europe</a></li>
              >Côte des Roses Bel Air : Déconstruction barre Bécasse</a
            <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>
            <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>
            <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
            <li><a href="/index.php/Visites_de_convivialit%C3%A9" title="Visites de convivialité">Visites de convivialité</a></li>
              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>
    </div>
      </div>
    <div class="marklist">
      <h1 class="main-title">Partenaires</h1>
        <h1>Partenaires</h1>
      <div class="marklist unanimated">
         <div>
         <div class="track">
            <a href="https://www.grandest.fr/">
          <a href="https://www.grandest.fr/">
                <img height="70" src="/home/rge-rvb.png" alt="La Région GrandEst">
            <img
            </a>
              height="70"
            <a href="https://www.moselle.fr/">
              loading="lazy"
                <img height="70" src="/home/conseild_modelle.png" alt="Le Conseil départemental de la Moselle">
              src="/home/rge-rvb.png"
            </a>
              alt="La Région GrandEst"
            <a href="https://www.thionville.fr/">
            />
                <img height="70" src="/home/thionville_logo.svg" alt="La Ville de Thionville">
          </a>
            </a>
          <a href="https://www.moselle.fr/">
            <a href="https://www.thionville.fr/annuaires/services/detail/centre-communal-daction-sociale">
            <img
                <img height="70" src="/home/LOGO_CCAS.png" alt="Le Centre Communal d'Action Sociale de Thionville">
              height="70"
            </a>
              loading="lazy"
            <a href="https://www.thionville.fr/annuaires/services/detail/centre-communal-daction-sociale">
              src="/home/conseild_modelle.png"
                <img height="70" src="/home/CAF_LOGO.jpg" alt="CAF Moselle">
              alt="Le Conseil départemental de la Moselle"
            </a>
            />
          </a>
          <a href="https://www.thionville.fr/">
            <img
              height="70"
              loading="lazy"
              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"
              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 312 304 fois.