« Accueil » : différence entre les versions
Apparence
mAucun résumé des modifications |
Rebranding |
||
| Ligne 1 : | Ligne 1 : | ||
<div style="max-width:1060px; margin:0 auto; font-family:sans-serif; font-size:13.5px;"> | |||
<!-- LAYOUT DEUX COLONNES --> | |||
<div style="display:grid; grid-template-columns:1fr 300px; gap:16px; align-items:start;"> | |||
<!-- COLONNE GAUCHE --> | |||
<div style="display:flex; flex-direction:column; gap:14px;"> | |||
<!-- 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 --> | ||
{| 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> | |||
|} | |||
<!-- BLOC ARTICLE EN VEDETTE --> | |||
{| 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;" | | |||
★ 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> | |||
<!-- FIN COLONNE GAUCHE --> | |||
<!-- COLONNE DROITE --> | |||
<div style="display:flex; flex-direction:column; gap:14px;"> | |||
<!-- BLOC PLATEFORMES --> | |||
{| 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> | |||
<!-- FIN COLONNE DROITE --> | |||
</div> | |||
<!-- FIN LAYOUT --> | |||
</div> | |||