Wikithionville - Contributions [fr]

Modèle:Accueil/CardCategorie

2026-06-12T12:25:35Z

WikiThionvilleSyncBot : Sync homepage from repository (commit f967804)

<templatestyles src="Accueil/CardCategorie.css" />
<div class="home-card home-category-card home-card--interactive">
<div class="home-card__body">
<div class="home-category-card__icon {{{iconClass|home-image--dark-source}}}">[[File:{{{icon|}}}|frameless|x200px|link=|alt=Logo]]</div>
<div class="home-card__title">[[:{{{page}}}|{{{title}}}]]</div>
<div class="home-card__text">{{{description}}}</div>
</div>
<div class="home-card__glow"></div><div class="home-card__glow-origin"></div>
</div>

Accueil/Sync.json

2026-06-12T11:01:12Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54): update sync state

{
"items": [
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Accueil beffroi.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Accueil header bg.jpg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo CAF Moselle.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo CCAS Thionville.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Conseil Departemental Moselle.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Femmes Au Pluriel.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Festhi Sciences Dark.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Le Reel en Vue.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Ma Petite Europe.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Region Grand Est.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Videaux Zone.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Ville Thionville.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:arrow-down-circle.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:book-half.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:briefcase-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:brush-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:flower1.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:globe-europe-africa-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:hearts.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:hourglass-split.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:houses-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:palette-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:people-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:person-walking.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:search.svg"
},
{
"kind": "gadget",
"prunable": true,
"scope": "gadgets",
"title": "MediaWiki:Gadget-Accueil.beffroi.js"
},
{
"kind": "gadget",
"prunable": true,
"scope": "gadgets",
"title": "MediaWiki:Gadget-Accueil.core.js"
},
{
"kind": "gadget",
"prunable": true,
"scope": "gadgets",
"title": "MediaWiki:Gadget-Accueil.glow.js"
},
{
"kind": "gadget",
"prunable": true,
"scope": "gadgets",
"title": "MediaWiki:Gadget-Accueil.init.js"
},
{
"kind": "gadget",
"prunable": true,
"scope": "gadgets",
"title": "MediaWiki:Gadget-Accueil.stats.js"
},
{
"kind": "gadget-definition",
"prunable": false,
"scope": "gadgets",
"title": "MediaWiki:Gadgets-definition"
},
{
"kind": "interface",
"prunable": false,
"scope": "interface",
"title": "MediaWiki:Common.css"
},
{
"kind": "page",
"prunable": true,
"scope": "pages",
"title": "Accueil"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/CardCategorie"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/CardCategorie.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/CardStat"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/CardStat.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Categories"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Categories.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Hero"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Hero.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Infos"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Infos.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/LogoLink"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Main"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/PanelTitle"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/PanelTitle.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Partenaires"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Partenaires.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/styles.css"
}
],
"managed_by": "wikithionville-homepage",
"schema": 2,
"target": "prod",
"updated_at": "2026-06-12T11:01:12Z"
}

Fichier:Accueil beffroi.png

2026-06-12T11:01:00Z

WikiThionvilleSyncBot : A protégé « Fichier:Accueil beffroi.png » : Sync homepage from repository (commit 0e34c54): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit 0e34c54): assets/Accueil/Accueil beffroi.png

MediaWiki:Gadget-Accueil.stats.js

2026-06-12T11:00:58Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

( function ( mw ) {
"use strict";

const accueil = mw.libs && mw.libs.wikithionvilleAccueil;

if (!accueil) return;

function formatCounter( value ) {
try {
return value.toLocaleString(
navigator.language || undefined,
{
notation: "compact",
compactDisplay: "short",
maximumFractionDigits: 1
}
);
} catch ( error ) {
return String( value );
}
}

function animateCounter(element, target) {
const DURATION = 1100;
let startTime = null;

function tick(timestamp) {
if (startTime === null)
startTime = timestamp;

const progress = Math.min((timestamp - startTime) / DURATION, 1);
const value = Math.round(target * progress);

element.textContent = formatCounter( value );

if ( progress < 1 ) {
window.requestAnimationFrame( tick );
return;
}

element.textContent = formatCounter(target);
}

window.requestAnimationFrame(tick);
}

function countWhenVisible(element, value) {
if (!element) return;
value = Number(value);

if (isNaN(value)) value = 0;
value = Math.max(value, 0);

if (
accueil.reduceMotion
|| !("IntersectionObserver" in window)
) {
element.textContent = formatCounter(value);
return;
}

const observer = new IntersectionObserver(
entries => {
if (!entries[0].isIntersecting) return;

observer.disconnect();
animateCounter( element, value );
},
{ threshold: 0.2 }
);

observer.observe(element);
}

accueil.initStats = root => {
const stats = root.querySelector(".home-info__stats");
if (!stats) return;

const api = new mw.Api();
api.get({
action: "query",
meta: "siteinfo",
siprop: "statistics",
formatversion: 2
})
.then(data => {
const statistics =
data
&& data.query
&& data.query.statistics;

if (!statistics) return;

stats.classList.add("is-visible");

countWhenVisible(
root.querySelector("#counter_articles"),
statistics.articles
);

countWhenVisible(
root.querySelector("#counter_pages"),
statistics.pages
);

countWhenVisible(
root.querySelector("#counter_utilisateurs"),
statistics.users
);
})
.catch(error => {
console.error("Impossible de charger les statistiques", error);
});
};
}(mediaWiki));

MediaWiki:Gadget-Accueil.init.js

2026-06-12T11:00:57Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

( function ( mw ) {
"use strict";

const accueil = mw.libs && mw.libs.wikithionvilleAccueil;

if (!accueil || !accueil.isAccueil) return;

function initAccueil(content) {
const root = accueil.getRoot(content);

if (!root || accueil.initialized) return;

accueil.initialized = true;

if (accueil.initBeffroiMotion)
accueil.initBeffroiMotion(root);

if (accueil.initCardGlow) {
accueil.initCardGlow(
root.querySelector(".home-categories"),
root.querySelector(".home-categories__grid")
);

accueil.initCardGlow(
root.querySelector(".home-info"),
root.querySelector(".home-info__stats")
);
}

if (accueil.initStats)
accueil.initStats(root);
}

mw.hook("wikipage.content").add(initAccueil);

if (document.readyState !== "loading") {
initAccueil( document );
return;
}

document.addEventListener("DOMContentLoaded", () => {
initAccueil(document);
});
}( mediaWiki ) );

MediaWiki:Gadget-Accueil.glow.js

2026-06-12T11:00:57Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

( function ( mw ) {
"use strict";

const accueil = mw.libs && mw.libs.wikithionvilleAccueil;
if (!accueil) return;

accueil.initCardGlow = ( listener, container ) => {
if (!listener || !container || accueil.reduceMotion)
return;

let frame = null;

const pointerEventName =
window.PointerEvent
? "pointermove"
: "mousemove";

const cards = listener.querySelectorAll(".home-card");

if (!cards.length) return;

function moveGlows(event) {
if (!event) return;

frame = null;

const bounds = container.getBoundingClientRect();
const posX = accueil.clamp(event.clientX, bounds.left, bounds.right);
const posY = accueil.clamp(event.clientY, bounds.top, bounds.bottom);

for (const card of cards) {
const glow = card.querySelector(".home-card__glow");
const origin = card.querySelector(".home-card__glow-origin") || glow;

if ( !glow || !origin ) continue;

const rect = origin.getBoundingClientRect();

const translateX = posX - rect.left - rect.width / 2;
const translateY = posY - rect.top - rect.height / 2;

const transform = `translate3d(${translateX}px, ${translateY}px, 0)`;

glow.style.transform = transform;
}
}

function rAF(event) {
if (frame) return;

frame = window.requestAnimationFrame(() => {
moveGlows(event)
});
}

listener.addEventListener(pointerEventName, rAF, { passive: true });
listener.addEventListener("wheel", rAF, { passive: true });
};
}( mediaWiki ) );

MediaWiki:Gadget-Accueil.core.js

2026-06-12T11:00:56Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

( function ( mw ) {
"use strict";

mw.libs = mw.libs || {};
mw.libs.wikithionvilleAccueil = mw.libs.wikithionvilleAccueil || {};

const accueil = mw.libs.wikithionvilleAccueil;

accueil.isAccueil = mw.config.get("wgPageName") === "Accueil";

accueil.initialized = accueil.initialized || false;

accueil.reduceMotion =
window.matchMedia
&& window.matchMedia("(prefers-reduced-motion: reduce)").matches;

accueil.getRoot = content => {
if (content && content.querySelector)
return content.querySelector("#wiki-home");

if (content && content[0] && content[0].querySelector)
return content[0].querySelector("#wiki-home");

return document.querySelector("#wiki-home");
};

accueil.clamp = (value, min, max) => {
return Math.min(Math.max(value, min), max);
};
}( mediaWiki ) );

MediaWiki:Gadget-Accueil.beffroi.js

2026-06-12T11:00:56Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

( function ( mw ) {
"use strict";

const accueil = mw.libs && mw.libs.wikithionvilleAccueil;
if ( !accueil ) return;

accueil.initBeffroiMotion = root => {
const image = root.querySelector("#img-beffroi");
const section = root.querySelector("#plusdinfo");
let frame = null;

if (!image || !section || accueil.reduceMotion)
return;

function update() {
const maxOffset = Math.max(section.offsetTop, 1);
const progress = accueil.clamp(window.scrollY / maxOffset, 0, 1);
const offset = ((1 - progress) * 30).toFixed(2);

frame = null;
image.style.transform = `translate3d(${offset}vw, -50%, 0)`;
}

function requestUpdate() {
if (frame) return;

frame = window.requestAnimationFrame(update);
}

window.addEventListener("scroll", requestUpdate, { passive: true });
window.addEventListener("resize", requestUpdate);
requestUpdate();
};
}( mediaWiki ) );

MediaWiki:Common.css

2026-06-12T11:00:55Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

/* BEGIN wikithionville-homepage */
html {
scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}

body.page-Accueil {
--home-accent: #f15234;
--home-accent-2: #edaa7d;
--home-bg: var(--color-surface-0);
--home-text: var(--color-base);
--home-card-bg: var(--color-surface-2);
--home-card-bg-glass: color-mix(in srgb, var(--color-surface-2) 82%, transparent);
--home-card-text: var(--color-emphasized);
--home-card-frame: var(--border-color-base);
--home-border-muted: var(--border-color-subtle);
--home-surface-tint: color-mix(in srgb, var(--home-accent) 7%, var(--color-surface-0));
--home-card-tint: color-mix(in srgb, var(--home-accent) 10%, transparent);
--home-hero-text: var(--color-inverted-fixed);
--home-hero-muted: color-mix(in srgb, var(--color-inverted-fixed) 78%, transparent);
--home-hero-surface: rgb(33 38 48 / 82%);
--home-hero-border: rgb(142 26 2 / 60%);
--home-hero-shadow: rgb(0 0 0 / 10%);
--home-hero-title-shadow: 2px 2px 50px rgb(17 17 17);
--home-image-dark-source-filter: none;
--home-image-light-source-filter: var(--filter-invert-fixed);
--home-image-brand-filter: none;

background: var(--home-bg);
}

html.skin-theme-clientpref-night body.page-Accueil {
--home-bg: var(--color-surface-2);
--home-card-bg: var(--color-surface-3);
--home-card-bg-glass: color-mix(in srgb, var(--color-surface-3) 82%, transparent);
--home-surface-tint: color-mix(in srgb, var(--home-accent) 7%, var(--color-surface-2));
--home-card-tint: color-mix(in srgb, var(--home-accent) 10%, transparent);
--home-image-dark-source-filter: var(--filter-invert-fixed);
--home-image-light-source-filter: none;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body.page-Accueil {
--home-bg: var(--color-surface-2);
--home-card-bg: var(--color-surface-3);
--home-card-bg-glass: color-mix(in srgb, var(--color-surface-3) 82%, transparent);
--home-surface-tint: color-mix(in srgb, var(--home-accent) 7%, var(--color-surface-2));
--home-card-tint: color-mix(in srgb, var(--home-accent) 10%, transparent);
--home-image-dark-source-filter: var(--filter-invert-fixed);
--home-image-light-source-filter: none;
}
}

body.page-Accueil .citizen-body-container {
display: block;
margin: 0!important;
padding: 0;
}

body.page-Accueil .mw-body,
body.page-Accueil .mw-body-content,
body.page-Accueil .mw-parser-output {
width: 100%;
max-width: none;
margin: 0!important;
padding: 0;
}

body.page-Accueil .mw-body-header,
body.page-Accueil .mw-body-footer,
body.page-Accueil #citizen-body-header-sticky-sentinel,
body.page-Accueil #contentSub,
body.page-Accueil #contentSub2 {
display: none;
}

body.page-Accueil .citizen-page-footer {
display: none;
}

body.page-Accueil .citizen-footer {
margin-top: 0;
}

.home-page h1:not(.home-section--plain-heading *),
.home-page .mw-heading1:not(.home-section--plain-heading *),
.home-page .home-card__title:not(.home-section--plain-heading *),
.home-page .home-stat-card__value:not(.home-section--plain-heading *) {
background: var(--home-accent);
background: linear-gradient(
311deg,
var(--home-accent) 0%,
var(--home-accent-2) 100%
);

background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
}

.home-page .home-card__text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
}
/* END wikithionville-homepage */

Modèle:Accueil/Infos

2026-06-12T11:00:53Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

<templatestyles src="Accueil/Infos.css" />
<div id="plusdinfo" class="home-info home-section">
<div class="home-info__text">
= 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 : [mailto:secteur.multimedia@lelierre.org 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.

Pour vous connecter à votre compte, vous devez cliquer sur le logo utilisateur puis sur [[Spécial:Connexion|Se connecter]]. Ensuite vous serez invités à saisir votre identifiant et votre mot de passe.

Pour créer un article, renseignez son nom dans le champ de création de la page d’accueil puis cliquez sur le bouton de validation.
</div>

<div class="home-info__stats">
{{Accueil/CardStat|label=Articles|counter=articles}}
{{Accueil/CardStat|label=Pages|counter=pages}}
{{Accueil/CardStat|label=Utilisateurs|counter=utilisateurs}}
{{Accueil/CardStat|label=Contributions personnelles|counter=contribperso|hide=1}}
</div>

<div id="img-beffroi" class="home-info__image">[[File:Accueil beffroi.png|frameless|alt=Beffroi de Thionville|link=]]</div>
</div>

Modèle:Accueil/Hero

2026-06-12T11:00:53Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

<templatestyles src="Accueil/Hero.css" />
<div id="wikihome_header" class="home-hero home-section home-section--plain-heading">
<div class="home-hero__content">
= WikiThionville =
<div class="home-search">
<inputbox>
type=fulltext
width=50
searchbuttonlabel=🔍
break=no
placeholder=Rechercher
</inputbox>
</div>
</div>
<div class="home-hero__more">
[[File:arrow-down-circle.svg|frameless|x22px|link=]]
[[#plusdinfo|En savoir plus]]
</div>
</div>

Modèle:Accueil/CardCategorie

2026-06-12T11:00:52Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

<templatestyles src="Accueil/CardCategorie.css" />
<div class="home-card home-category-card home-card--interactive">
<div class="home-card__body">
<div class="home-category-card__icon {{{iconClass|home-image--dark-source}}}">[[File:{{{icon|}}}|frameless|25px|link=|alt=Logo]]</div>
<div class="home-card__title">[[:{{{page}}}|{{{title}}}]]</div>
<div class="home-card__text">{{{description}}}</div>
</div>
<div class="home-card__glow"></div><div class="home-card__glow-origin"></div>
</div>

Modèle:Accueil/styles.css

2026-06-12T11:00:51Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

.home-page {
background: var(--home-bg);
color: var(--home-text);
font-family: var(--font-family-base);
overflow: hidden;
}

.home-page a {
color: inherit;
}

.home-image--dark-source img {
filter: var(--home-image-dark-source-filter);
}

.home-image--light-source img {
filter: var(--home-image-light-source-filter);
}

.home-image--brand img {
filter: var(--home-image-brand-filter);
}

.home-page .toc,
.home-page .mw-editsection {
display: none;
}

.home-page h1,
.home-page .mw-heading1,
.home-page .home-card__title,
.home-page .home-stat-card__value {
font-weight: bold;
}

.home-section {
scroll-margin-top: -2.5rem;
position: relative;
min-height: 100vh;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 5rem 10vw;
overflow: hidden;
}

.home-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
gap: 2.5rem;
width: min(1350px, 100%);
}

.home-card {
position: relative;
z-index: 1;
display: flex;
overflow: hidden;
padding: 3px;
border-radius: 18px;
background-color: var(--home-card-frame);
}

.home-card__body {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 0.9rem;
width: 100%;
min-height: 180px;
padding: 1rem;
border-radius: 16px;
background: var(--home-card-bg);
color: var(--home-card-text);
text-decoration: none;
box-sizing: border-box;
transition: background-color 200ms ease;
}

.home-card--interactive:hover .home-card__body {
background: var(--home-card-bg-glass);
}

.home-card__title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.35rem;
font-weight: 700;
line-height: 1.2;
}

.home-card__title a {
text-decoration: none;
}

.home-card__title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 10;
}

.home-card__text {
margin: 0;
line-height: 1.45;
overflow: hidden;
}

.home-card__glow,
.home-card__glow-origin {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 250px;
height: 250px;
border-radius: 50%;
transition: transform 200ms ease-out;
}

.home-card__glow {
filter: blur(30px);
transform: translate3d(50%, -50%, 0);
background: var(--home-accent);
}

.home-card__glow-origin {
visibility: hidden;
}

@media (max-width: 650px) {
.home-section {
padding-left: 6vw;
padding-right: 6vw;
}
}

Modèle:Accueil/Infos.css

2026-06-12T11:00:50Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

.home-info {
align-items: flex-start;
justify-content: space-between;
gap: 8rem;
background: var(--home-bg);
color: var(--home-text);
}

.home-info__text {
position: relative;
z-index: 1;
width: 80vw;
padding-right: 20vw;
line-height: 1.65em;
}

.home-info__text h1 {
font-size: 2rem;
}

.home-info__text p {
font-size: 1.2rem;
}

.home-info__image {
position: absolute;
top: 50%;
left: 70vw;
height: 85%;
transform: translateY(-50%);
transition: transform 50ms linear;
}

.home-info__image img {
height: 100%;
width: auto;
max-width: none;
}

.home-info__stats {
display: none;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
position: relative;
z-index: 1;
width: 100%;
gap: 1.5rem;
}

.home-info__stats.is-visible {
display: flex;
}

@media (max-width: 650px) {
.home-info__image {
display: none;
}

.home-info__text {
padding-right: 0;
}

.home-info__stats {
margin-top: 4rem;
}
}

Modèle:Accueil/Hero.css

2026-06-12T11:00:49Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

.home-hero {
background-image: url("/index.php?title=Special:Redirect/file/Accueil header bg.jpg");
background-size: cover;
background-position: center;
}

.home-hero__content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 1.8rem;
text-align: center;
}

.home-hero__content h1,
.home-hero__content .mw-heading1 {
color: var(--home-hero-text);
margin: 0;
font-size: 3.5rem;
font-weight: 600;
text-shadow: var(--home-hero-title-shadow);
}

.home-search {
display: flex;
outline: 1px solid var(--home-hero-border);
border-radius: 10px;
background: var(--home-hero-surface);
backdrop-filter: blur(5px);
box-shadow: 0 4px 30px var(--home-hero-shadow);
}

.home-search .mw-inputbox-centered,
.home-search .searchbox {
display: flex;
align-items: center;
margin: 0;
}

.home-search .cdx-text-input {
margin: 0;
}

.home-search .searchboxInput {
border: 0;
padding: 0 0 0 0.75rem;
border-radius: 10px 0 0 10px;
background: transparent;
color: var(--home-hero-text);
height: 2.75rem;
width: min(80vw, 500px);
box-sizing: border-box;
}

.home-search .searchboxInput::placeholder {
color: var(--home-hero-text);
}

.home-search .searchboxInput:focus {
outline: 3px solid var(--home-accent);
outline-offset: -3px;
}

.home-search .cdx-button {
border: 0;
background-color: var(--home-hero-text);
color: var(--home-hero-text);
cursor: pointer;
height: 2.75rem;
width: 3rem;
padding: 0;
border-radius: 0 10px 10px 0;
font-size: 0;
-webkit-mask-image: url("/index.php?title=Special:Redirect/file/search.svg");
mask-image: url("/index.php?title=Special:Redirect/file/search.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: 1.3rem;
}

.home-hero__more {
position: absolute;
bottom: 0;
padding: 30px;
}

.home-hero__more > p {
margin: 0;
color: var(--home-hero-muted);
display: flex;
flex-direction: row;
align-items: center;
}

.home-hero__more .mw-default-size span {
display: flex;
}

.home-hero__more > p > a {
clear: both;
display: inline-block;
overflow: hidden;
white-space: nowrap;
width: 0;
margin: 0;
transition: all 500ms;
text-decoration: none;
}

.home-hero__more > p > a::after {
content: "";
position: absolute;
inset: 0;
z-index: 10;
}

.home-hero__more:hover > p > a {
width: 98px;
margin-left: 10px;
}

@media (max-width: 850px) {
.home-hero__content h1,
.home-hero__content .mw-heading1 {
font-size: 2.5rem;
}
}

Modèle:Accueil/CardCategorie.css

2026-06-12T11:00:48Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54)

.home-category-card {
width: 100%;
}

.home-category-card__icon {
padding: 8px;
width: fit-content;
height: fit-content;
border-radius: 8px;
background: var(--home-card-tint);
outline: solid var(--home-border-muted) 1px;
}

.home-category-card__icon img {
height: 25px;
width: fit-content;
}

Fichier:Accueil beffroi.png

2026-06-12T11:00:42Z

WikiThionvilleSyncBot : Sync homepage from repository (commit 0e34c54): assets/Accueil/Accueil beffroi.png

Sync homepage from repository (commit 0e34c54): assets/Accueil/Accueil beffroi.png

Accueil/Sync.json

2026-06-11T14:43:12Z

WikiThionvilleSyncBot : A protégé « Accueil/Sync.json » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

{
"items": [
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Accueil beffroi.webp"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Accueil header bg.jpg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo CAF Moselle.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo CCAS Thionville.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Conseil Departemental Moselle.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Femmes Au Pluriel.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Festhi Sciences Dark.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Le Reel en Vue.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Ma Petite Europe.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Region Grand Est.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Videaux Zone.png"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:Logo Ville Thionville.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:arrow-down-circle.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:book-half.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:briefcase-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:brush-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:flower1.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:globe-europe-africa-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:hearts.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:hourglass-split.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:houses-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:palette-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:people-fill.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:person-walking.svg"
},
{
"kind": "asset",
"prunable": true,
"scope": "assets",
"title": "File:search.svg"
},
{
"kind": "gadget",
"prunable": true,
"scope": "gadgets",
"title": "MediaWiki:Gadget-Accueil.beffroi.js"
},
{
"kind": "gadget",
"prunable": true,
"scope": "gadgets",
"title": "MediaWiki:Gadget-Accueil.core.js"
},
{
"kind": "gadget",
"prunable": true,
"scope": "gadgets",
"title": "MediaWiki:Gadget-Accueil.glow.js"
},
{
"kind": "gadget",
"prunable": true,
"scope": "gadgets",
"title": "MediaWiki:Gadget-Accueil.init.js"
},
{
"kind": "gadget",
"prunable": true,
"scope": "gadgets",
"title": "MediaWiki:Gadget-Accueil.stats.js"
},
{
"kind": "gadget-definition",
"prunable": false,
"scope": "gadgets",
"title": "MediaWiki:Gadgets-definition"
},
{
"kind": "interface",
"prunable": false,
"scope": "interface",
"title": "MediaWiki:Common.css"
},
{
"kind": "page",
"prunable": true,
"scope": "pages",
"title": "Accueil"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/CardCategorie"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/CardCategorie.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/CardStat"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/CardStat.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Categories"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Categories.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Hero"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Hero.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Infos"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Infos.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/LogoLink"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Main"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/PanelTitle"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/PanelTitle.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Partenaires"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/Partenaires.css"
},
{
"kind": "template",
"prunable": true,
"scope": "pages",
"title": "Template:Accueil/styles.css"
}
],
"managed_by": "wikithionville-homepage",
"schema": 2,
"target": "prod",
"updated_at": "2026-06-11T14:43:11Z"
}

Accueil/Sync.json

2026-06-11T14:43:11Z

WikiThionvilleSyncBot : Sync homepage from repository (commit b06f0a0): update sync state

Modèle:Accueil/styles.css

2026-06-11T14:43:11Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/styles.css » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

.home-page {
background: var(--home-bg);
color: var(--home-text);
font-family: var(--font-family-base);
overflow: hidden;
}

.home-page a {
color: inherit;
}

.home-image--dark-source img {
filter: var(--home-image-dark-source-filter);
}

.home-image--light-source img {
filter: var(--home-image-light-source-filter);
}

.home-image--brand img {
filter: var(--home-image-brand-filter);
}

.home-page .toc,
.home-page .mw-editsection {
display: none;
}

.home-page h1,
.home-page .mw-heading1,
.home-page .home-card__title,
.home-page .home-stat-card__value {
font-weight: bold;
}

.home-section {
scroll-margin-top: -2.5rem;
position: relative;
min-height: 100vh;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 5rem 10vw;
overflow: hidden;
}

.home-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
gap: 2.5rem;
width: min(1350px, 100%);
}

.home-card {
position: relative;
z-index: 1;
display: flex;
overflow: hidden;
padding: 3px;
border-radius: 18px;
background-color: var(--home-card-frame);
}

.home-card__body {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 0.9rem;
width: 100%;
min-height: 180px;
padding: 1rem;
border-radius: 16px;
background: var(--home-card-bg);
color: var(--home-card-text);
text-decoration: none;
box-sizing: border-box;
transition: background-color 200ms ease;
}

.home-card--interactive:hover .home-card__body {
background: var(--home-card-bg-glass);
}

.home-card__title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.35rem;
font-weight: 700;
line-height: 1.2;
}

.home-card__title a {
text-decoration: none;
}

.home-card__title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 10;
}

.home-card__text {
margin: 0;
line-height: 1.45;
overflow: hidden;
}

.home-card__glow,
.home-card__glow-origin {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 250px;
height: 250px;
border-radius: 50%;
}

.home-card__glow {
filter: blur(30px);
transform: translate3d(50%, -50%, 0);
background: var(--home-accent);
}

.home-card__glow-origin {
visibility: hidden;
}

@media (max-width: 650px) {
.home-section {
padding-left: 6vw;
padding-right: 6vw;
}
}

Modèle:Accueil/Partenaires.css

2026-06-11T14:43:10Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/Partenaires.css » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

.home-partners {
padding: 2rem 10vw 5rem;
text-align: center;
}

.home-partners__logos {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
align-items: center;
gap: 2rem;
padding: 12px;
width: 100%;
height: fit-content;
border-radius: 16px;
background: var(--home-surface-tint);
outline: solid var(--home-border-muted) 1px;
transition: transform 200ms ease;
}

.home-partners__logo {
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}

.home-partners__logo img {
max-width: min(130px, 24vw);
max-height: 70px;
object-fit: contain;
transition: transform 200ms ease;
}

.home-partners__logo:hover img {
transform: scale(1.15);
}

Modèle:Accueil/Partenaires

2026-06-11T14:43:10Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/Partenaires » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

<templatestyles src="Accueil/Partenaires.css" />
<div id="partenaires" class="home-partners">
{{
Accueil/PanelTitle
|name=Nos partenaires
|description=WikiThionville s’appuie sur le soutien de partenaires publics et locaux pour faire vivre un projet collaboratif au service des habitants et de la mémoire thionvilloise.
}}

<div class="home-partners__logos">
{{
Accueil/LogoLink|link=https://www.grandest.fr/
|file=Logo Region Grand Est.png
|height=70
|alt=La Région Grand Est
}}

{{
Accueil/LogoLink
|link=https://www.moselle.fr/
|file=Logo Conseil Departemental Moselle.png
|height=70
|alt=Le Conseil départemental de la Moselle
}}

{{
Accueil/LogoLink
|link=https://www.thionville.fr/
|file=Logo Ville Thionville.svg
|height=70
|alt=La Ville de Thionville
}}

{{
Accueil/LogoLink
|link=https://www.thionville.fr/annuaires/services/detail/centre-communal-daction-sociale
|file=Logo CCAS Thionville.png
|height=70
|alt=Le Centre Communal d'Action Sociale de Thionville
}}

{{
Accueil/LogoLink
|link=https://www.caf.fr/allocataires/caf-de-la-moselle
|file=Logo CAF Moselle.png
|height=70
|alt=CAF Moselle
|logoClass=home-image--brand
}}
</div>
</div>

Modèle:Accueil/PanelTitle.css

2026-06-11T14:43:09Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/PanelTitle.css » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

.home-section__title {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 2rem;
margin-bottom: 4rem;
}

.home-section__title h1 {
font-size: 3rem;
line-height: 1em;
margin: 0;
}

.home-section__title h2 {
width: 80%;
font-size: 1.5rem;
line-height: 1.5em;
font-weight: normal;
margin: 0;
}

@media (max-width: 650px) {
.home-section__title h1 {
font-size: 2.5rem;
}

.home-section__title h2 {
display: none;
}
}

Modèle:Accueil/PanelTitle

2026-06-11T14:43:09Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/PanelTitle » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

<templatestyles src="Accueil/PanelTitle.css" />
<div class="home-section__title">
={{{name}}}=
=={{{description}}}==
</div>

Modèle:Accueil/Main

2026-06-11T14:43:08Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/Main » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

<templatestyles src="Accueil/styles.css" />
<div id="wiki-home" class="home-page">
{{Accueil/Hero}}
{{Accueil/Infos}}
{{Accueil/Categories}}
{{Accueil/Partenaires}}
</div>

Modèle:Accueil/LogoLink

2026-06-11T14:43:08Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/LogoLink » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

<span class="home-partners__logo {{{logoClass|home-image--light-source}}}">[[File:{{{file}}}|frameless|x{{{height|70}}}px|alt={{{alt|}}}|link={{{link|}}}]]</span>

Modèle:Accueil/Infos.css

2026-06-11T14:43:07Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/Infos.css » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

.home-info {
align-items: flex-start;
background: var(--home-bg);
color: var(--home-text);
}

.home-info__text {
position: relative;
z-index: 1;
width: 80vw;
padding-right: 20vw;
line-height: 1.65em;
}

.home-info__text h1 {
font-size: 2rem;
}

.home-info__text p {
font-size: 1.2rem;
}

.home-info__image {
position: absolute;
top: 5vh;
left: 100vw;
height: 85vh;
transition: transform 50ms linear;
}

.home-info__image img {
height: 100%;
width: auto;
max-width: none;
}

.home-info__stats {
display: none;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
position: relative;
z-index: 1;
margin-top: 12rem;
width: 100%;
gap: 1.5rem;
}

.home-info__stats.is-visible {
display: flex;
}

@media (max-width: 650px) {
.home-info__image {
display: none;
}

.home-info__text {
padding-right: 0;
}

.home-info__stats {
margin-top: 4rem;
}
}

Modèle:Accueil/Infos

2026-06-11T14:43:07Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/Infos » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

<templatestyles src="Accueil/Infos.css" />
<div id="plusdinfo" class="home-info home-section">
<div class="home-info__text">
= 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 : [mailto:secteur.multimedia@lelierre.org 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.

Pour vous connecter à votre compte, vous devez cliquer sur le logo utilisateur puis sur [[Spécial:Connexion|Se connecter]]. Ensuite vous serez invités à saisir votre identifiant et votre mot de passe.

Pour créer un article, renseignez son nom dans le champ de création de la page d’accueil puis cliquez sur le bouton de validation.
</div>

<div class="home-info__stats">
{{Accueil/CardStat|label=Articles|counter=articles}}
{{Accueil/CardStat|label=Pages|counter=pages}}
{{Accueil/CardStat|label=Utilisateurs|counter=utilisateurs}}
{{Accueil/CardStat|label=Contributions personnelles|counter=contribperso|hide=1}}
</div>

<span id="img-beffroi" class="home-info__image">[[File:Accueil beffroi.webp|frameless|alt=Beffroi de Thionville|link=]]</span>
</div>

Modèle:Accueil/Hero.css

2026-06-11T14:43:06Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/Hero.css » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

.home-hero__media {
position: absolute;
inset: 0;
z-index: 0;
background: var(--home-hero-bg);
}

.home-hero__media img {
width: 100%;
height: 100%;
object-fit: cover;
}

.home-hero__content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 1.8rem;
text-align: center;
}

.home-hero__content h1,
.home-hero__content .mw-heading1 {
color: var(--home-hero-text);
margin: 0;
font-size: 3.5rem;
font-weight: 600;
text-shadow: var(--home-hero-title-shadow);
}

.home-search {
display: flex;
outline: 1px solid var(--home-hero-border);
border-radius: 10px;
background: var(--home-hero-surface);
backdrop-filter: blur(5px);
box-shadow: 0 4px 30px var(--home-hero-shadow);
}

.home-search .mw-inputbox-centered,
.home-search .searchbox {
display: flex;
align-items: center;
margin: 0;
}

.home-search .cdx-text-input {
margin: 0;
}

.home-search .searchboxInput {
border: 0;
padding: 0 0 0 0.75rem;
border-radius: 10px 0 0 10px;
background: transparent;
color: var(--home-hero-text);
height: 2.75rem;
width: min(80vw, 500px);
box-sizing: border-box;
}

.home-search .searchboxInput::placeholder {
color: var(--home-hero-text);
}

.home-search .searchboxInput:focus {
outline: 3px solid var(--home-accent);
outline-offset: -3px;
}

.home-search .cdx-button {
border: 0;
background-color: var(--home-hero-text);
color: var(--home-hero-text);
cursor: pointer;
height: 2.75rem;
width: 3rem;
padding: 0;
border-radius: 0 10px 10px 0;
font-size: 0;
-webkit-mask-image: url("./Special:Redirect/file/search.svg");
mask-image: url("./Special:Redirect/file/search.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: 1.3rem;
}

.home-hero__more {
position: absolute;
bottom: 0;
padding: 30px;
}

.home-hero__more > p {
margin: 0;
color: var(--home-hero-muted);
display: flex;
flex-direction: row;
align-items: center;
}

.home-hero__more .mw-default-size span {
display: flex;
}

.home-hero__more > p > a {
clear: both;
display: inline-block;
overflow: hidden;
white-space: nowrap;
width: 0;
margin: 0;
transition: all 500ms;
text-decoration: none;
}

.home-hero__more > p > a::after {
content: "";
position: absolute;
inset: 0;
z-index: 10;
}

.home-hero__more:hover > p > a {
width: 98px;
margin-left: 10px;
}

@media (max-width: 850px) {
.home-hero__content h1,
.home-hero__content .mw-heading1 {
font-size: 2.5rem;
}
}

Modèle:Accueil/Hero

2026-06-11T14:43:06Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/Hero » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

<templatestyles src="Accueil/Hero.css" />
<div id="wikihome_header" class="home-hero home-section home-section--plain-heading">
<span class="home-hero__media">[[File:Accueil header bg.jpg|frameless|link=|alt=Vue de Thionville]]</span>
<div class="home-hero__content">
= WikiThionville =
<div class="home-search">
<inputbox>
type=fulltext
width=50
searchbuttonlabel=🔍
break=no
placeholder=Rechercher
</inputbox>
</div>
</div>
<div class="home-hero__more">
[[File:arrow-down-circle.svg|frameless|x22px|link=]]
[[#plusdinfo|En savoir plus]]
</div>
</div>

Modèle:Accueil/Categories.css

2026-06-11T14:43:05Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/Categories.css » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

.home-categories {
background: var(--home-bg);
color: var(--home-text);
}

Modèle:Accueil/Categories

2026-06-11T14:43:05Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/Categories » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

<templatestyles src="Accueil/Categories.css" />
<div id="categories" class="home-categories home-section">
{{
Accueil/PanelTitle
|name=Explorer les rubriques
|description=Découvrez les rubriques du wiki à travers les habitants, les quartiers, la mémoire locale, la culture et les initiatives du territoire.
}}

<div class="home-card-grid home-categories__grid">
{{
Accueil/CardCategorie
|icon=Logo Femmes Au Pluriel.png
|page=Femmes au pluriel : un autre regard sur le territoire
|title=Femmes au pluriel
|description=Découvrir des récits, portraits et créations autour des parcours de femmes du territoire.
}}

{{
Accueil/CardCategorie
|icon=Logo Ma Petite Europe.png
|page=Ma Petite Europe
|title=Ma Petite Europe
|description=Explorer l’Europe et le territoire transfrontalier à travers des projets culturels et numériques.
}}

{{
Accueil/CardCategorie
|icon=Logo Festhi Sciences Dark.png
|page=Festhi’Sciences
|title=Festhi’Sciences
|description=Retrouver les ateliers, animations et événements scientifiques proposés autour du territoire.
}}

{{
Accueil/CardCategorie
|icon=Logo Le Reel en Vue.png|
|page=Festival "Le Réel en Vue"
|title=Le Réel en Vue
|description=Retrouver les différentes éditions et événements du festival Le Réel en Vue, créé à Thionville en 1998.
}}

{{
Accueil/CardCategorie
|icon=brush-fill.svg
|page=Catégorie:Portraits
|title=Portraits d'habitants
|description=Voici les portraits de certains habitants dont l'histoire ne peut être dissociée de celle de Thionville.
}}

{{
Accueil/CardCategorie
|icon=people-fill.svg
|page=Catégorie:Associatif
|title=Solidaire et associatif
|description=Action sociale et humanitaire, bénévolat, volontariat. Comment les Thionvillois aident et s'entraident.
}}

{{
Accueil/CardCategorie
|icon=hourglass-split.svg
|page=Catégorie:Mémoire
|title=Mémoire et territoire
|description=Histoire de Thionville et de ses quartiers racontée par ceux qui l'ont vécue, par des professionnels.
}}

{{
Accueil/CardCategorie
|icon=Logo Videaux Zone.png
|page=Catégorie:Webtv
|title=WEB TV Jeunes
|description=Reportages, courts-métrages et clips vidéo réalisés par des jeunes de l'agglomération de Thionville.
}}

{{
Accueil/CardCategorie
|icon=palette-fill.svg
|page=Catégorie:Culture
|title=Arts et cultures
|description=Découvrir les créations, lieux, artistes et initiatives culturelles qui font vivre le territoire.
}}

{{
Accueil/CardCategorie
|icon=book-half.svg
|page=Catégorie:Littérature d'ici et d'ailleurs
|title=Littérature
|description=Retrouver des textes, notes de lecture et rencontres autour des livres d’ici et d’ailleurs.
}}

{{
Accueil/CardCategorie
|icon=globe-europe-africa-fill.svg
|page=Catégorie:Frontières
|title=Au-delà des frontières
|description=Explorer des récits, cultures et parcours qui ouvrent le territoire sur le monde.
}}

{{
Accueil/CardCategorie
|icon=hearts.svg
|page=Catégorie:Passions
|title=Passions
|description=Partager les passions, activités, recettes et savoir-faire qui animent les habitants.
}}

{{
Accueil/CardCategorie
|icon=houses-fill.svg
|page=Catégorie:Quartier
|title=Mon quartier
|description=Découvrir la vie, les transformations et les histoires des quartiers thionvillois.
}}

{{
Accueil/CardCategorie
|icon=flower1.svg
|page=Catégorie:Environnement et développement durable
|title=Environnement
|description=Porter un nouveau regard sur la nature, les balades et les initiatives durables locales.
}}

{{
Accueil/CardCategorie
|icon=person-walking.svg
|page=Catégorie:Sports-loisirs
|title=Sports et loisirs
|description=Retrouver des pratiques sportives et loisirs qui favorisent rencontre et expression citoyenne.
}}

{{
Accueil/CardCategorie
|icon=briefcase-fill.svg
|page=Catégorie:Travail
|title=Travail et savoir-faire
|description=Découvrir des portraits, métiers et expériences autour du travail et des savoir-faire locaux.
}}
</div>
</div>

Modèle:Accueil/CardStat.css

2026-06-11T14:43:04Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/CardStat.css » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

.home-stat-card {
width: fit-content;
min-width: 200px;
}

.home-stat-card.is-hidden {
display: none;
}

.home-stat-card .home-card__body {
align-items: center;
justify-content: center;
min-height: 130px;
text-align: center;
}

.home-stat-card__value {
font-size: 3rem;
line-height: 1em;
font-weight: 800;
}

.home-stat-card__label {
font-size: 1.5rem;
line-height: 1em;
font-weight: bold;
color: var(--home-card-text);
}

@media (max-width: 450px) {
.home-stat-card {
width: 100%;
}
}

@media (min-width: 320px) and (max-width: 450px) {
.home-stat-card .home-card__body {
flex-direction: row;
justify-content: space-around;
}
}

Modèle:Accueil/CardStat

2026-06-11T14:43:04Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/CardStat » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

<templatestyles src="Accueil/CardStat.css" />
<div class="home-card home-stat-card {{#if:{{{hide|}}}| is-hidden}}">
<div class="home-card__body">
<div class="home-stat-card__value" id="counter_{{{counter|}}}">0</div>
<div class="home-stat-card__label">{{{label|}}}</div>
</div>
<div class="home-card__glow"></div><div class="home-card__glow-origin"></div>
</div>

Modèle:Accueil/CardCategorie.css

2026-06-11T14:43:03Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/CardCategorie.css » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

Modèle:Accueil/CardCategorie

2026-06-11T14:43:03Z

WikiThionvilleSyncBot : A protégé « Modèle:Accueil/CardCategorie » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini))

<templatestyles src="Accueil/CardCategorie.css" />
<div class="home-card home-category-card home-card--interactive">
<div class="home-card__body">
<div class="home-category-card__icon {{{iconClass|home-image--dark-source}}}">[[File:{{{icon|}}}|frameless|x30px|link=|alt=Logo]]</div>
<div class="home-card__title">[[:{{{page}}}|{{{title}}}]]</div>
<div class="home-card__text">{{{description}}}</div>
</div>
<div class="home-card__glow"></div><div class="home-card__glow-origin"></div>
</div>

Fichier:Search.svg

2026-06-11T14:43:01Z

WikiThionvilleSyncBot : A protégé « Fichier:Search.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/search.svg

Fichier:Person-walking.svg

2026-06-11T14:43:00Z

WikiThionvilleSyncBot : A protégé « Fichier:Person-walking.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/person-walking.svg

Fichier:People-fill.svg

2026-06-11T14:43:00Z

WikiThionvilleSyncBot : A protégé « Fichier:People-fill.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/people-fill.svg

Fichier:Palette-fill.svg

2026-06-11T14:42:59Z

WikiThionvilleSyncBot : A protégé « Fichier:Palette-fill.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/palette-fill.svg

Fichier:Houses-fill.svg

2026-06-11T14:42:59Z

WikiThionvilleSyncBot : A protégé « Fichier:Houses-fill.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/houses-fill.svg

Fichier:Hourglass-split.svg

2026-06-11T14:42:58Z

WikiThionvilleSyncBot : A protégé « Fichier:Hourglass-split.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/hourglass-split.svg

Fichier:Hearts.svg

2026-06-11T14:42:58Z

WikiThionvilleSyncBot : A protégé « Fichier:Hearts.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/hearts.svg

Fichier:Globe-europe-africa-fill.svg

2026-06-11T14:42:57Z

WikiThionvilleSyncBot : A protégé « Fichier:Globe-europe-africa-fill.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/globe-europe-africa-fill.svg

Fichier:Flower1.svg

2026-06-11T14:42:57Z

WikiThionvilleSyncBot : A protégé « Fichier:Flower1.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/flower1.svg

Fichier:Brush-fill.svg

2026-06-11T14:42:56Z

WikiThionvilleSyncBot : A protégé « Fichier:Brush-fill.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/brush-fill.svg

Fichier:Briefcase-fill.svg

2026-06-11T14:42:56Z

WikiThionvilleSyncBot : A protégé « Fichier:Briefcase-fill.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/briefcase-fill.svg

Fichier:Book-half.svg

2026-06-11T14:42:55Z

WikiThionvilleSyncBot : A protégé « Fichier:Book-half.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/book-half.svg

Fichier:Arrow-down-circle.svg

2026-06-11T14:42:55Z

WikiThionvilleSyncBot : A protégé « Fichier:Arrow-down-circle.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Icons/arrow-down-circle.svg

Fichier:Logo Ville Thionville.svg

2026-06-11T14:42:54Z

WikiThionvilleSyncBot : A protégé « Fichier:Logo Ville Thionville.svg » : Sync homepage from repository (commit b06f0a0): restrict repository-managed page ([Modifier=⧼protect-level-repo-sync⧽] (infini) [Renommer=⧼protect-level-repo-sync⧽] (infini) [Téléversement=⧼protect-level-repo-sync⧽] (infini))

Sync homepage from repository (commit b06f0a0): assets/Accueil/Logo Ville Thionville.svg