Aller au contenu

« Accueil » : différence entre les versions

← Modification précédenteModification suivante →
VisuelWikicode
Rebranding
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
<div style="max-width:1060px; margin:0 auto; font-family:sans-serif; font-size:13.5px;">
 
<!-- HERO BANNER -->
<div style="border-radius:14px; border:1.5px solid #B5D4F4; background:#E6F1FB; padding:24px 28px; margin-bottom:14px; display:flex; align-items:center; gap:20px; position:relative; overflow:hidden;">
<div style="width:54px; height:54px; border-radius:12px; background:#fff; border:1.5px solid #B5D4F4; display:flex; align-items:center; justify-content:center; flex-shrink:0;">
[[Fichier:Logo-AgoPedia.png|36px]]
</div>
<div style="flex:1; min-width:0;">
<div style="font-size:22px; font-weight:700; color:#0C447C; margin-bottom:4px;">Ago<i>Pédia</i></div>
<div style="font-size:13px; color:#185FA5; line-height:1.65;">L'encyclopédie collective micronationale d'[[Agora Technologie|<span style="color:#0C447C; font-weight:500;">Agora Technologie</span>]] — universelle, multilingue, ouverte à tous.</div>
<div style="display:flex; gap:6px; flex-wrap:wrap; margin-top:10px;">
<span style="font-size:10px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; padding:3px 10px; border-radius:20px; background:#fff; color:#185FA5; border:1px solid #B5D4F4;">Universelle</span>
<span style="font-size:10px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; padding:3px 10px; border-radius:20px; background:#fff; color:#185FA5; border:1px solid #B5D4F4;">Multilingue</span>
<span style="font-size:10px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; padding:3px 10px; border-radius:20px; background:#fff; color:#185FA5; border:1px solid #B5D4F4;">Collaborative</span>
<span style="font-size:10px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; padding:3px 10px; border-radius:20px; background:#fff; color:#185FA5; border:1px solid #B5D4F4;">Libre d'accès</span>
</div>
</div>
<div style="display:flex; flex-direction:column; gap:8px; flex-shrink:0;">
<div style="text-align:center; background:#fff; border:1px solid #B5D4F4; border-radius:10px; padding:8px 16px; min-width:70px;">
<div style="font-size:20px; font-weight:700; color:#0C447C;">{{NUMBEROFARTICLES}}</div>
<div style="font-size:9px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:#378ADD; margin-top:1px;">Articles</div>
</div>
<div style="text-align:center; background:#fff; border:1px solid #B5D4F4; border-radius:10px; padding:8px 16px; min-width:70px;">
<div style="font-size:20px; font-weight:700; color:#0C447C;">{{NUMBEROFUSERS}}</div>
<div style="font-size:9px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:#378ADD; margin-top:1px;">Contributeurs</div>
</div>
</div>
</div>


<!-- 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 -->
<!-- BLOC PORTAILS MICRONATIONAUX -->
{| style="width:100%; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; border-collapse:collapse;"
{| style="width:100%; border:1.5px solid #d0d7de; border-radius:12px; overflow:hidden; border-collapse:collapse;"
|-
|-
| style="padding:7px 12px; background:#f8f9fa; border-bottom:1px solid #a2a9b1; font-size:13px; font-weight:bold;" |
| style="padding:10px 16px; border-bottom:1px solid #eaecf0; display:flex; align-items:center; gap:8px;" |
[[Fichier:Icone-globe.png|16px]] Bienvenue sur AgoPédia
<div style="width:3px; height:16px; border-radius:2px; background:#1531e3; display:inline-block; margin-right:4px;"></div>
<span style="font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#666;">Portails micronationaux</span>
|-
|-
| style="padding:14px;" |
| style="padding:16px;" |
<div style="display:flex; align-items:center; gap:12px; margin-bottom:10px;">
 
[[Fichier:Logo-AgoPedia.png|40px]]
<div style="font-size:10px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:#888; padding-bottom:8px; display:flex; align-items:center; gap:8px;">Français <hr style="flex:1; border:none; border-top:0.5px solid #eaecf0; margin:0;"/></div>
<span style="font-family:Georgia,serif; font-size:20px; font-weight:bold;">Ago<i>Pédia</i></span>
 
</div>
</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; align-items:center; gap:12px; padding:10px 14px; border-radius:10px; border:1px solid #eaecf0;">
<div style="display:flex; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; margin:12px 0; text-align:center;">
<span style="font-size:22px; width:32px; text-align:center;">🏳</span>
<div style="flex:1; padding:8px 4px; border-right:1px solid #a2a9b1;">
<div style="flex:1;">
<div style="font-family:Georgia,serif; font-size:18px; font-weight:bold;">{{NUMBEROFARTICLES}}</div>
<div style="font-size:13px; font-weight:600;">[[Basse-Marne|Basse-Marne]]</div>
<div style="font-size:10px; color:#666; text-transform:uppercase; letter-spacing:0.08em;">Articles</div>
<div style="font-size:11px; color:#888; margin-top:2px;">Principauté de Basse-Marne - micronation francophone</div>
</div>
</div>
<div style="flex:1; padding:8px 4px; border-right:1px solid #a2a9b1;">
<span style="font-size:10px; font-weight:500; padding:2px 8px; border-radius:20px; background:#f6f8fa; color:#666; border:0.5px solid #eaecf0;">FR</span>
<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>
<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>
<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; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:#888; padding-bottom:8px; display:flex; align-items:center; gap:8px;">English <hr style="flex:1; border:none; border-top:0.5px solid #eaecf0; margin:0;"/></div>
<div style="font-size:10px; color:#666; text-transform:uppercase; letter-spacing:0.08em;">Langues</div>
 
<div style="display:flex; flex-direction:column; gap:6px; margin-bottom:14px;">
<div style="display:flex; align-items:center; gap:12px; padding:10px 14px; border-radius:10px; border:1px solid #eaecf0;">
<span style="font-size:22px; width:32px; text-align:center;">🏳</span>
<div style="flex:1;">
<div style="font-size:13px; font-weight:600;">[[Medoles]]</div>
<div style="font-size:11px; color:#888; margin-top:2px;">Republic of Medoles - English micronation</div>
</div>
</div>
<span style="font-size:10px; font-weight:500; padding:2px 8px; border-radius:20px; background:#f6f8fa; color:#666; border:0.5px solid #eaecf0;">EN</span>
</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 -->
{| 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-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>
</div>
|}
|}


<!-- BLOC ARTICLE EN VEDETTE -->
<!-- BLOC ARTICLE EN VEDETTE -->
{| style="width:100%; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; border-collapse:collapse;"
{| style="width:100%; border:1.5px solid #d0d7de; border-radius:12px; overflow:hidden; border-collapse:collapse;"
|-
|-
| style="padding:7px 12px; background:#f8f9fa; border-bottom:1px solid #a2a9b1; font-size:13px; font-weight:bold;" |
| style="padding:10px 16px; border-bottom:1px solid #eaecf0;" |
★ Article en vedette
<div style="width:3px; height:16px; border-radius:2px; background:#1531e3; display:inline-block; margin-right:4px;"></div>
<span style="font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#666;">Article en vedette</span>
|-
|-
| style="padding:14px;" |
| style="padding:16px;" |
<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>
<div style="display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; padding:3px 10px; border-radius:20px; background:#FAEEDA; color:#633806; margin-bottom:12px;">● Article sélectionné</div>


'''[[Chef du Gouvernement|<span style="font-family:Georgia,serif; font-size:16px;">Chef du Gouvernement</span>]]'''
'''[[Chef du Gouvernement|<span style="font-size:17px; font-weight:700; color:#1531e3;">Chef du Gouvernement</span>]]'''


<div style="display:flex; gap:12px; margin-top:8px;">
<div style="display:flex; gap:14px; margin-top:12px;">
[[Fichier:Portrait officiel william walker.png|80px]]
[[Fichier:Portrait officiel william walker.png|80px|class=notpageimage]]
<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 style="font-size:13px; line-height:1.75; color:#555;">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 d'un large pouvoir et est responsable politiquement devant le [[Corps Législatif]]. [[Chef du Gouvernement|<i>(Article complet)</i>]]</div>
</div>
</div>
|}
|}
Ligne 80 : Ligne 91 :


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


<!-- BLOC PLATEFORMES -->
<!-- BLOC PLATEFORMES -->
{| style="width:100%; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; border-collapse:collapse;"
{| style="width:100%; border:1.5px solid #d0d7de; border-radius:12px; overflow:hidden; border-collapse:collapse;"
|-
|-
| style="padding:7px 12px; background:#f8f9fa; border-bottom:1px solid #a2a9b1; font-size:13px; font-weight:bold;" |
| style="padding:10px 16px; border-bottom:1px solid #eaecf0;" |
↗ AgoPédia ailleurs
<div style="width:3px; height:16px; border-radius:2px; background:#1531e3; display:inline-block; margin-right:4px;"></div>
<span style="font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#666;">AgoPédia ailleurs</span>
|-
|-
| style="padding:14px;" |
| style="padding:16px;" |
<div style="display:flex; flex-wrap:wrap; gap:8px;">
<div style="display:grid; grid-template-columns:1fr 1fr; gap:8px;">
<div style="display:flex; flex-direction:column; align-items:center; gap:5px; width:52px; text-align:center;">
<div style="display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; border:1px solid #eaecf0;">
[[Discord Agora|[[Fichier:Icone-discord.png|32px]]]]<br/><small style="font-size:10px; color:#555;">Discord</small>
[[Fichier:Icone-discord.png|28px]]
<span style="font-size:12px; font-weight:500;">[[Discord Agora|Discord]]</span>
</div>
<div style="display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; border:1px solid #eaecf0;">
[[Fichier:Icone-twitter.png|28px]]
<span style="font-size:12px; font-weight:500;">[[Twitter Agora|Twitter / X]]</span>
</div>
<div style="display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; border:1px solid #eaecf0;">
[[Fichier:Icone-github.png|28px]]
<span style="font-size:12px; font-weight:500;">[[GitHub Agora|GitHub]]</span>
</div>
<div style="display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; border:1px solid #eaecf0;">
[[Fichier:Icone-forum.png|28px]]
<span style="font-size:12px; font-weight:500;">[[Forum Agora|Forum]]</span>
</div>
</div>
</div>
|}
|}


<!-- BLOC ACTUALITÉS -->
<!-- BLOC ACTUALITÉS -->
{| style="width:100%; border:1px solid #a2a9b1; border-radius:6px; overflow:hidden; border-collapse:collapse;"
{| style="width:100%; border:1.5px solid #d0d7de; border-radius:12px; overflow:hidden; border-collapse:collapse;"
|-
|-
| style="padding:7px 12px; background:#f8f9fa; border-bottom:1px solid #a2a9b1; font-size:13px; font-weight:bold;" |
| style="padding:10px 16px; border-bottom:1px solid #eaecf0;" |
📰 Actualités récentes
<div style="width:3px; height:16px; border-radius:2px; background:#1531e3; display:inline-block; margin-right:4px;"></div>
<span style="font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#666;">Actualités récentes</span>
|-
|-
| style="padding:10px 14px;" |
| style="padding:12px 16px;" |
<div style="border-bottom:1px solid #eaecf0; padding:8px 0;">
<div style="border-bottom:1px solid #eaecf0; padding:10px 0;">
<span style="font-size:11px; color:#666;">16 mar.</span><br/>
<div style="font-size:10px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#888; margin-bottom:3px;">16 mars 2026</div>
'''[[test]]'''<br/>
'''[[test|<span style="font-size:13px; color:#1531e3;">test</span>]]'''<br/>
<small style="color:#555;">test 2</small>
<small style="font-size:12px; color:#888; line-height:1.6;">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 style="padding:10px 0;">
<div style="font-size:10px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#888; margin-bottom:3px;">15 mars 2026</div>
'''[[tet|<span style="font-size:13px; color:#1531e3;">tet</span>]]'''<br/>
<small style="font-size:12px; color:#888; line-height:1.6;">te2</small>
</div>
</div>
|}
|}
Récupérée de "https://agopedia.fr/wiki/Accueil"