Aller au contenu

« Accueil » : différence entre les versions

Rebranding
mAucun résumé des modifications
 
(5 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<div style="max-width:1060px; margin:0 auto; font-family:sans-serif; font-size:13.5px;">
 
<!-- HERO BANNER -->
{{AgoPediaHeader}}


<!-- LAYOUT DEUX COLONNES -->
<!-- LAYOUT DEUX COLONNES -->
<div style="display:grid; grid-template-columns:1fr 300px; gap:16px; align-items:start;">
<div style="display:grid; grid-template-columns:1fr 280px; gap:12px; align-items:start;">


<!-- COLONNE GAUCHE -->
<!-- COLONNE GAUCHE -->
<div style="display:flex; flex-direction:column; gap:14px;">
<div style="display:flex; flex-direction:column; gap:12px;">
 
<!-- BLOC BIENVENUE -->
{| style="width:100%; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; border-collapse:collapse;"
|-
| style="padding:7px 12px; background:#f8f9fa; border-bottom:1px solid #a2a9b1; font-size:13px; font-weight:bold;" |
[[Fichier:Icone-globe.png|16px]] Bienvenue sur AgoPédia
|-
| style="padding:14px;" |
<div style="display:flex; align-items:center; gap:12px; margin-bottom:10px;">
[[Fichier:Logo-AgoPedia.png|40px]]
<span style="font-family:Georgia,serif; font-size:20px; font-weight:bold;">Ago<i>Pédia</i></span>
</div>
'''[[AgoPédia]]''' est l'encyclopédie collective micronationale d'[[Agora Technologie]] — universelle, multilingue et fonctionnant sur le principe du wiki. Tout le monde peut contribuer et enrichir ses articles.
<div style="display:flex; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; margin:12px 0; text-align:center;">
<div style="flex:1; padding:8px 4px; border-right:1px solid #a2a9b1;">
<div style="font-family:Georgia,serif; font-size:18px; font-weight:bold;">{{NUMBEROFARTICLES}}</div>
<div style="font-size:10px; color:#666; text-transform:uppercase; letter-spacing:0.08em;">Articles</div>
</div>
<div style="flex:1; padding:8px 4px; border-right:1px solid #a2a9b1;">
<div style="font-family:Georgia,serif; font-size:18px; font-weight:bold;">{{NUMBEROFPAGES}}</div>
<div style="font-size:10px; color:#666; text-transform:uppercase; letter-spacing:0.08em;">Pages</div>
</div>
<div style="flex:1; padding:8px 4px; border-right:1px solid #a2a9b1;">
<div style="font-family:Georgia,serif; font-size:18px; font-weight:bold;">{{NUMBEROFUSERS}}</div>
<div style="font-size:10px; color:#666; text-transform:uppercase; letter-spacing:0.08em;">Contributeurs</div>
</div>
<div style="flex:1; padding:8px 4px;">
<div style="font-family:Georgia,serif; font-size:18px; font-weight:bold;">2</div>
<div style="font-size:10px; color:#666; text-transform:uppercase; letter-spacing:0.08em;">Langues</div>
</div>
</div>
<div style="display:flex; flex-wrap:wrap; gap:4px; padding-top:10px; border-top:1px solid #eaecf0;">
[[Règles d'édition|<span style="font-size:12px; color:#555; padding:3px 8px; border:1px solid #a2a9b1; border-radius:20px;">Règles d'édition</span>]]
[[Politique de suppression|<span style="font-size:12px; color:#555; padding:3px 8px; border:1px solid #a2a9b1; border-radius:20px;">Politique de suppression</span>]]
[[Droits d'auteur|<span style="font-size:12px; color:#555; padding:3px 8px; border:1px solid #a2a9b1; border-radius:20px;">Droits d'auteur</span>]]
[[Guide du contributeur|<span style="font-size:12px; color:#555; padding:3px 8px; border:1px solid #a2a9b1; border-radius:20px;">Guide du contributeur</span>]]
[[Contact|<span style="font-size:12px; color:#555; padding:3px 8px; border:1px solid #a2a9b1; border-radius:20px;">Contact</span>]]
</div>
|}


<!-- BLOC LANGUES -->
<!-- BLOC PORTAILS MICRONATIONAUX -->
{| style="width:100%; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; border-collapse:collapse;"
{{MicronationsPortals}}
|-
| style="padding:7px 12px; background:#f8f9fa; border-bottom:1px solid #a2a9b1; font-size:13px; font-weight:bold;" |
[[Fichier:Icone-langues.png|16px]] AgoPédia en d'autres langues
|-
| style="padding:14px;" |
<div style="display:flex; flex-wrap:wrap; gap:8px;">
<div style="display:flex; flex-direction:column; align-items:center; gap:4px; width:62px; text-align:center;">[[AgoPédia:FR|🇫🇷]]<br/><small>Français</small></div>
<div style="display:flex; flex-direction:column; align-items:center; gap:4px; width:62px; text-align:center;">[[AgoPédia:EN|🇬🇧]]<br/><small>English</small></div>
</div>
|}


<!-- BLOC ARTICLE EN VEDETTE -->
<!-- BLOC ARTICLE EN VEDETTE -->
{| style="width:100%; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; border-collapse:collapse;"
{{FeaturedArticle}}
|-
| style="padding:7px 12px; background:#f8f9fa; border-bottom:1px solid #a2a9b1; font-size:13px; font-weight:bold;" |
★ Article en vedette
|-
| style="padding:14px;" |
<div style="display:inline-block; font-size:10px; font-weight:bold; letter-spacing:0.08em; text-transform:uppercase; padding:2px 8px; border-radius:20px; background:#FAEEDA; color:#633806; margin-bottom:8px;">Article sélectionné</div>
 
'''[[Chef du Gouvernement|<span style="font-family:Georgia,serif; font-size:16px;">Chef du Gouvernement</span>]]'''
 
<div style="display:flex; gap:12px; margin-top:8px;">
[[Fichier:Portrait officiel william walker.png|80px]]
<div style="font-size:13px; line-height:1.7;">Le Chancelier de [[Basse-Marne]] est le chef du gouvernement de [[Basse-Marne]]. Il gouverne avec le [[gouvernement]] et exécute les lois. Il dispose de large pouvoir et est responsable politiquement devant le [[Chambre Basse|Corps Législatif]]. [[Chef du Gouvernement|<i>(Article complet)</i>]]</div>
</div>
|}


</div>
</div>
Ligne 80 : Ligne 19 :


<!-- COLONNE DROITE -->
<!-- COLONNE DROITE -->
<div style="display:flex; flex-direction:column; gap:14px;">
<div style="display:flex; flex-direction:column; gap:12px;">


<!-- BLOC PLATEFORMES -->
{{Category}}
{| style="width:100%; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; border-collapse:collapse;"
|-
| style="padding:7px 12px; background:#f8f9fa; border-bottom:1px solid #a2a9b1; font-size:13px; font-weight:bold;" |
↗ AgoPédia ailleurs
|-
| style="padding:14px;" |
<div style="display:flex; flex-wrap:wrap; gap:8px;">
<div style="display:flex; flex-direction:column; align-items:center; gap:5px; width:52px; text-align:center;">
[[Discord Agora|[[Fichier:Icone-discord.png|32px]]]]<br/><small style="font-size:10px; color:#555;">Discord</small>
</div>
|}
 
<!-- BLOC ACTUALITÉS -->
{| style="width:100%; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; border-collapse:collapse;"
|-
| style="padding:7px 12px; background:#f8f9fa; border-bottom:1px solid #a2a9b1; font-size:13px; font-weight:bold;" |
📰 Actualités récentes
|-
| style="padding:10px 14px;" |
<div style="border-bottom:1px solid #eaecf0; padding:8px 0;">
<span style="font-size:11px; color:#666;">16 mar.</span><br/>
'''[[test]]'''<br/>
<small style="color:#555;">test 2</small>
</div>
<div style="border-bottom:1px solid #eaecf0; padding:8px 0;">
<span style="font-size:11px; color:#666;">15 mar.</span><br/>
'''[[tet]]'''<br/>
<small style="color:#555;">te2</small>
</div>
</div>
|}


</div>
</div>