<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>UX Anima Blog · Index</title>
<meta name="description" content="Liste des postes publiés">
<link rel="canonical" href="index.html">
<style>
    :root{--bg:#0b0c0f;--card:#12141a;--text:#e7e9ee;--muted:#a2a7b0;--accent:#6aa7ff;--ok:#2ecc71;--warn:#ffcc00;--err:#ff6b6b;}
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:#0b0c0f;color:#e7e9ee;font:16px/1.55 system-ui,Segoe UI,Roboto,Arial,sans-serif}
    a{color:#6aa7ff;text-decoration:none} a:hover{text-decoration:underline}
    .wrap{max-width:920px;margin:40px auto;padding:0 16px}
    .top{display:flex;justify-content:space-between;align-items:center;gap:12px}
    .btn{display:inline-block;background:#6aa7ff;color:#0b0c0f;padding:8px 12px;border-radius:6px;font-weight:600}
    .btn-secondary{display:inline-block;background:#1b1f2a;color:#e7e9ee;padding:8px 12px;border-radius:6px}
    .card{background:#12141a;border:1px solid #222736;border-radius:10px;padding:16px;margin:18px 0}
    label{display:block;font-weight:600;margin:10px 0 6px}
    input[type=text],input[type=password],input[type=file],textarea{width:100%;background:#0f1117;border:1px solid #222736;border-radius:8px;color:#e7e9ee;padding:10px}
    textarea{resize:vertical}
    button{background:#6aa7ff;color:#0b0c0f;border:0;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer}
    .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .alert{padding:10px 12px;border-radius:8px;margin:12px 0}
    .alert-ok{background:#0f1714;border:1px solid #1f3b2e}
    .alert-warn{background:#19160a;border:1px solid #3a2e0a}
    .alert-error{background:#2a1313;border:1px solid #532020}
    table.list{width:100%;border-collapse:collapse}
    table.list th,table.list td{border-bottom:1px solid #222736;padding:8px 6px;text-align:left;vertical-align:top}
    .post{max-width:760px;margin:40px auto;padding:0 16px}
    .post .subtitle{color:#a2a7b0;margin-top:-8px}
    .post .meta{color:#a2a7b0;font-size:14px}
    .chip{display:inline-block;background:#1b1f2a;border:1px solid #222736;border-radius:999px;padding:2px 8px;margin-right:6px}
    .content p{margin:16px 0}
    .editor-tools{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}.editor-tools button{padding:7px 10px;background:#1b1f2a;color:#e7e9ee;border:1px solid #222736}
    .foot{margin:40px 0;color:#a2a7b0}
    </style></head>
<body>
<div class="wrap">
    <h1>UX Anima Blog</h1>
            <p>Aucun poste publié.</p>
    </div>
</body>
</html>
