|
|
| (58 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| <div class="home-wrapper">
| | {{QRLink |
|
| | |link=https://www.helloasso.com/associations/nefald/formulaires/1 |
| <!-- HEADER -->
| | |text=Faire un don {{Police|rouge|{{#fas:heart}}}} |
| <div class="home-header">
| | |description=Soutenir le projet sur HelloAsso |
| <div class="home-header__content">
| | |type=helloasso |
| <img src="logo.png" alt="Logo" class="home-header__logo">
| | }} |
| <h1 class="home-header__title">Bienvenue sur le Wiki</h1>
| |
| <p class="home-header__subtitle">Votre source d'information complète</p>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- BARRE DE RECHERCHE -->
| |
| <div class="home-search">
| |
| <span class="home-search__icon">🔍</span>
| |
| <input type="text" class="home-search__input" placeholder="Rechercher...">
| |
| <kbd class="home-search__kbd">Ctrl+K</kbd>
| |
| </div>
| |
|
| |
|
| <!-- BANNIÈRE ÉVÉNEMENT -->
| | {{Card |
| <div class="home-event-bar">
| | |title=Rejoignez-nous ! |
| <span class="home-event-bar__icon">🎉</span>
| | |subtitle= |
| <div class="home-event-bar__content">
| | {{ButtonLink |
| <span class="home-event-bar__label">Événement</span>
| | |link = https://nfald.fr/discord |
| <span class="home-event-bar__title">Nouveau contenu disponible</span>
| | |logo = discord |
| </div>
| | }} |
| <a href="#" class="home-event-bar__link">En savoir plus →</a>
| | {{ButtonLink |
| </div>
| | |link = https://x.com/nefald |
| | | |logo = twitter |
| <!-- NAVIGATION CARDS -->
| | }} |
| <div class="home-nav">
| | {{ButtonLink |
| <div class="home-nav-grid">
| | |link = https://www.instagram.com/nefald.fr/ |
| <a href="#" class="home-nav-card">
| | |logo = instagram |
| <span class="home-nav-card__icon">📚</span>
| | }} |
| <span class="home-nav-card__title">Articles</span>
| | {{ButtonLink |
| </a>
| | |link = https://www.tiktok.com/@communaute_nefald |
| <a href="#" class="home-nav-card">
| | |logo = tiktok |
| <span class="home-nav-card__icon">🎮</span>
| | }} |
| <span class="home-nav-card__title">Guides</span>
| | }} |
| </a>
| | {{Card |
| <a href="#" class="home-nav-card">
| | |title=Soutenez-nous |
| <span class="home-nav-card__icon">🗺️</span>
| | |subtitle= |
| <span class="home-nav-card__title">Cartes</span>
| | {{ButtonLink |
| </a>
| | |link=https://www.helloasso.com/associations/nefald/adhesions/membre-adherent |
| <a href="#" class="home-nav-card">
| | |logo=helloasso |
| <span class="home-nav-card__icon">👥</span>
| | |text=adhérer à l'association |
| <span class="home-nav-card__title">Communauté</span>
| | }} |
| </a>
| | {{ButtonLink |
| <a href="#" class="home-nav-card">
| | |link=https://www.helloasso.com/associations/nefald/formulaires/1 |
| <span class="home-nav-card__icon">🎨</span>
| | |text=Faire un don à notre association |
| <span class="home-nav-card__title">Galerie</span>
| | |logo=helloasso |
| </a>
| | |position=left |
| <a href="#" class="home-nav-card">
| | |image=QRCode_don_HelloAsso.png |
| <span class="home-nav-card__icon">📰</span>
| | }} |
| <span class="home-nav-card__title">Actualités</span>
| | }} |
| </a>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- LAYOUT PRINCIPAL : 2 COLONNES + SIDEBAR -->
| |
| <div class="home-layout">
| |
|
| |
| <!-- ZONE PRINCIPALE (2 colonnes de cards) -->
| |
| <div class="home-main">
| |
|
| |
| <!-- ROW 1 : 2 cards côte à côte -->
| |
| <div class="home-main__row">
| |
| {{Card
| |
| |title=📝 Dernières modifications
| |
| |badge=LIVE
| |
| |text=Contenu card 1
| |
| }}
| |
|
| |
| {{Card
| |
| |title=⭐ Articles populaires
| |
| |text=Contenu card 2
| |
| }}
| |
| </div>
| |
| | |
| <!-- ROW 2 : 2 cards côte à côte -->
| |
| <div class="home-main__row">
| |
| {{Card
| |
| |title=🎯 En vedette
| |
| |text=Contenu card 3
| |
| }}
| |
|
| |
| {{Card
| |
| |title=📊 Statistiques
| |
| |text=Contenu card 4
| |
| }}
| |
| </div>
| |
| | |
| <!-- ROW 3 : Card pleine largeur -->
| |
| <div class="home-main__row home-main__row--full">
| |
| {{Card
| |
| |title=📰 Actualités récentes
| |
| |text=Contenu card pleine largeur
| |
| }}
| |
| </div>
| |
| | |
| </div>
| |
| | |
| <!-- SIDEBAR (cards verticales) -->
| |
| <aside class="home-sidebar">
| |
|
| |
| {{Card
| |
| |title=💬 Rejoindre Discord
| |
| |text=Contenu sidebar 1
| |
| }}
| |
|
| |
| {{Card
| |
| |title=📊 Statistiques du wiki
| |
| |text=Contenu sidebar 2
| |
| }}
| |
|
| |
| {{Card
| |
| |title=🔗 Liens utiles
| |
| |text=Contenu sidebar 3
| |
| }}
| |
|
| |
| {{Card
| |
| |title=❤️ Soutenir le projet
| |
| |text=Contenu sidebar 4
| |
| }}
| |
| | |
| </aside>
| |
| | |
| </div>
| |
| | |
| </div>
| |
