{"id":7,"date":"2026-06-17T22:56:47","date_gmt":"2026-06-17T22:56:47","guid":{"rendered":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/?page_id=7"},"modified":"2026-06-17T22:56:47","modified_gmt":"2026-06-17T22:56:47","slug":"7-2","status":"publish","type":"page","link":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/?page_id=7","title":{"rendered":""},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"fr\">\n&lt;head>\n&lt;meta charset=\"UTF-8\">\n&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n&lt;title>Le Twitch Game \u2014 Gagnants de la semaine&lt;\/title>\n&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n&lt;link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&amp;family=Inter:wght@400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n&lt;style>\n  :root{\n    --bg-void:#05021a;\n    --bg-deep:#0b0530;\n    --violet-deep:#1a0a6b;\n    --violet-main:#4c1fe0;\n    --violet-bright:#8b5cf6;\n    --violet-glow:#a78bfa;\n    --ice:#e0d4ff;\n    --white:#ffffff;\n    --line:rgba(167,139,250,0.22);\n  }\n\n  *{margin:0;padding:0;box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n\n  body{\n    background:\n      radial-gradient(ellipse 900px 600px at 50% -10%, rgba(76,31,224,0.35), transparent 60%),\n      radial-gradient(ellipse 700px 500px at 90% 30%, rgba(139,92,246,0.12), transparent 60%),\n      var(--bg-void);\n    color:var(--ice);\n    font-family:'Inter',sans-serif;\n    min-height:100vh;\n    overflow-x:hidden;\n  }\n\n  .display{\n    font-family:'Anton',sans-serif;\n    text-transform:uppercase;\n    letter-spacing:0.01em;\n  }\n\n  \/* ---------- Sparkle field ---------- *\/\n  .sparkle-layer{\n    position:fixed;\n    inset:0;\n    pointer-events:none;\n    z-index:0;\n    opacity:0.55;\n  }\n  .sparkle{\n    position:absolute;\n    width:3px;height:3px;\n    background:var(--ice);\n    border-radius:50%;\n    box-shadow:0 0 6px 1px rgba(224,212,255,0.9);\n    animation:twinkle 3.5s ease-in-out infinite;\n  }\n  @keyframes twinkle{\n    0%,100%{opacity:0.15; transform:scale(0.8);}\n    50%{opacity:1; transform:scale(1.4);}\n  }\n\n  \/* ---------- Header ---------- *\/\n  header{\n    position:relative;\n    z-index:2;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    max-width:1180px;\n    margin:0 auto;\n    padding:28px 24px 0;\n  }\n  .brand{\n    display:flex;\n    align-items:center;\n    gap:12px;\n  }\n  .brand-mark{width:34px;height:34px; flex-shrink:0;}\n  .brand-name{\n    font-size:15px;\n    font-weight:800;\n    letter-spacing:0.06em;\n    color:var(--white);\n    text-transform:uppercase;\n  }\n  nav{display:flex; gap:28px;}\n  nav a{\n    color:var(--ice);\n    opacity:0.75;\n    text-decoration:none;\n    font-size:14px;\n    font-weight:600;\n    transition:opacity 0.2s;\n  }\n  nav a:hover{opacity:1;}\n\n  \/* ---------- Hero ---------- *\/\n  .hero{\n    position:relative;\n    z-index:2;\n    max-width:1180px;\n    margin:0 auto;\n    padding:64px 24px 40px;\n    display:grid;\n    grid-template-columns:1.1fr 0.9fr;\n    align-items:center;\n    gap:40px;\n  }\n  .eyebrow{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    font-size:12px;\n    font-weight:700;\n    letter-spacing:0.12em;\n    text-transform:uppercase;\n    color:var(--violet-glow);\n    background:rgba(139,92,246,0.1);\n    border:1px solid var(--line);\n    padding:7px 14px;\n    border-radius:100px;\n    margin-bottom:22px;\n  }\n  .eyebrow .dot{\n    width:6px;height:6px;\n    border-radius:50%;\n    background:var(--violet-glow);\n    box-shadow:0 0 8px var(--violet-glow);\n    animation:pulse-dot 1.8s ease-in-out infinite;\n  }\n  @keyframes pulse-dot{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n  .hero h1{\n    font-size:clamp(40px,6vw,68px);\n    line-height:0.95;\n    color:var(--white);\n    margin-bottom:20px;\n    text-shadow:0 0 40px rgba(139,92,246,0.5);\n  }\n  .hero h1 .accent{\n    color:transparent;\n    background:linear-gradient(135deg, var(--violet-glow), var(--ice) 60%, var(--violet-bright));\n    -webkit-background-clip:text;\n    background-clip:text;\n  }\n  .hero p{\n    font-size:17px;\n    line-height:1.6;\n    color:var(--ice);\n    opacity:0.78;\n    max-width:480px;\n    margin-bottom:30px;\n  }\n  .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}\n  .btn{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    font-family:'Inter',sans-serif;\n    font-weight:700;\n    font-size:14px;\n    padding:14px 26px;\n    border-radius:10px;\n    text-decoration:none;\n    cursor:pointer;\n    border:none;\n    transition:transform 0.15s ease, box-shadow 0.2s ease;\n  }\n  .btn:active{transform:scale(0.97);}\n  .btn-primary{\n    background:linear-gradient(135deg, var(--violet-main), var(--violet-bright));\n    color:var(--white);\n    box-shadow:0 8px 30px rgba(76,31,224,0.5);\n  }\n  .btn-primary:hover{box-shadow:0 8px 40px rgba(139,92,246,0.7);}\n  .btn-ghost{\n    background:rgba(255,255,255,0.04);\n    color:var(--ice);\n    border:1px solid var(--line);\n  }\n  .btn-ghost:hover{background:rgba(255,255,255,0.08);}\n\n  \/* ---------- Diamond heart visual ---------- *\/\n  .gem-stage{\n    position:relative;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    aspect-ratio:1;\n  }\n  .gem-glow{\n    position:absolute;\n    width:75%;\n    height:75%;\n    background:radial-gradient(circle, rgba(139,92,246,0.55), transparent 70%);\n    filter:blur(20px);\n    animation:breathe 4.5s ease-in-out infinite;\n  }\n  @keyframes breathe{0%,100%{transform:scale(1); opacity:0.7;} 50%{transform:scale(1.08); opacity:1;}}\n  .gem-svg{\n    position:relative;\n    width:88%;\n    z-index:1;\n    animation:float-gem 6s ease-in-out infinite;\n  }\n  @keyframes float-gem{0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-10px) rotate(0.6deg);}}\n\n  \/* ---------- Current winner spotlight ---------- *\/\n  .panel{\n    position:relative;\n    z-index:2;\n    max-width:1180px;\n    margin:0 auto;\n    padding:0 24px 70px;\n  }\n  .spotlight-card{\n    background:linear-gradient(160deg, rgba(76,31,224,0.22), rgba(11,5,48,0.65));\n    border:1px solid var(--line);\n    border-radius:22px;\n    padding:38px 40px;\n    display:grid;\n    grid-template-columns:auto 1fr auto;\n    align-items:center;\n    gap:28px;\n    backdrop-filter:blur(8px);\n  }\n  .spotlight-gem{\n    width:74px; height:74px; flex-shrink:0;\n  }\n  .spotlight-label{\n    font-size:12px;\n    font-weight:700;\n    text-transform:uppercase;\n    letter-spacing:0.1em;\n    color:var(--violet-glow);\n    margin-bottom:8px;\n  }\n  .spotlight-name{\n    font-family:'Anton',sans-serif;\n    font-size:30px;\n    color:var(--white);\n    margin-bottom:6px;\n    text-shadow:0 0 24px rgba(139,92,246,0.55);\n  }\n  .spotlight-meta{\n    font-size:13.5px;\n    color:var(--ice);\n    opacity:0.65;\n  }\n  .spotlight-actions{\n    display:flex;\n    flex-direction:column;\n    align-items:flex-end;\n    gap:10px;\n  }\n  @media (max-width:760px){\n    .spotlight-card{grid-template-columns:1fr; text-align:center;}\n    .spotlight-gem{margin:0 auto;}\n    .spotlight-actions{align-items:center;}\n  }\n\n  \/* ---------- Section shell ---------- *\/\n  section.block{\n    position:relative;\n    z-index:2;\n    max-width:1180px;\n    margin:0 auto;\n    padding:60px 24px;\n  }\n  .section-head{margin-bottom:36px;}\n  .section-tag{\n    font-size:12px;\n    font-weight:700;\n    text-transform:uppercase;\n    letter-spacing:0.12em;\n    color:var(--violet-glow);\n    margin-bottom:10px;\n    display:block;\n  }\n  .section-head h2{\n    font-size:clamp(28px,4vw,40px);\n    color:var(--white);\n  }\n  .section-head p.desc{\n    margin-top:10px;\n    color:var(--ice);\n    opacity:0.7;\n    font-size:15px;\n    max-width:560px;\n  }\n\n  \/* ---------- Filters ---------- *\/\n  .filter-row{\n    display:flex;\n    gap:8px;\n    flex-wrap:wrap;\n    margin-bottom:28px;\n  }\n  .filter-pill{\n    display:flex;\n    align-items:center;\n    gap:7px;\n    padding:9px 16px;\n    border-radius:100px;\n    border:1px solid var(--line);\n    background:rgba(255,255,255,0.03);\n    color:var(--ice);\n    font-size:13px;\n    font-weight:600;\n    cursor:pointer;\n    transition:all 0.15s;\n  }\n  .filter-pill svg{width:13px; height:13px;}\n  .filter-pill.active{\n    background:linear-gradient(135deg, var(--violet-main), var(--violet-bright));\n    border-color:transparent;\n    color:var(--white);\n    box-shadow:0 4px 18px rgba(76,31,224,0.5);\n  }\n\n  \/* ---------- History ---------- *\/\n  .history-list{\n    display:flex;\n    flex-direction:column;\n    gap:14px;\n  }\n  .history-row{\n    display:grid;\n    grid-template-columns:auto 1fr auto auto;\n    align-items:center;\n    gap:18px;\n    background:rgba(255,255,255,0.025);\n    border:1px solid var(--line);\n    border-radius:14px;\n    padding:18px 22px;\n    transition:border-color 0.2s, transform 0.2s;\n  }\n  .history-row:hover{\n    border-color:rgba(167,139,250,0.5);\n    transform:translateX(3px);\n  }\n  @media (max-width:680px){\n    .history-row{grid-template-columns:1fr; gap:10px;}\n  }\n  .gem-bullet{width:38px; height:38px; flex-shrink:0;}\n  .history-main .winner-row-name{\n    font-size:17px;\n    font-weight:800;\n    color:var(--white);\n    margin-bottom:3px;\n  }\n  .history-main .week-range{\n    font-size:12.5px;\n    color:var(--ice);\n    opacity:0.55;\n  }\n  .platform-badge{\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n    font-size:12px;\n    font-weight:700;\n    padding:7px 13px;\n    border-radius:100px;\n    white-space:nowrap;\n  }\n  .platform-badge svg{width:13px; height:13px;}\n  .badge-x{background:rgba(255,255,255,0.1); color:#fff;}\n  .badge-youtube{background:rgba(255,59,48,0.15); color:#ff5b53;}\n  .badge-tiktok{background:rgba(255,255,255,0.1); color:#fff;}\n  .badge-instagram{background:rgba(225,48,108,0.15); color:#f56fa1;}\n\n  .profile-link{\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n    font-size:13px;\n    font-weight:700;\n    color:var(--violet-glow);\n    text-decoration:none;\n    padding:8px 14px;\n    border:1px solid var(--line);\n    border-radius:100px;\n    transition:background 0.2s, color 0.2s;\n    white-space:nowrap;\n  }\n  .profile-link:hover{\n    background:rgba(139,92,246,0.15);\n    color:var(--white);\n  }\n  .profile-link svg{width:12px; height:12px;}\n\n  .empty-state{\n    text-align:center;\n    padding:50px 20px;\n    color:var(--ice);\n    opacity:0.5;\n    font-size:14px;\n  }\n\n  \/* ---------- Footer ---------- *\/\n  footer{\n    position:relative;\n    z-index:2;\n    max-width:1180px;\n    margin:0 auto;\n    padding:40px 24px 50px;\n    border-top:1px solid var(--line);\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    flex-wrap:wrap;\n    gap:14px;\n  }\n  footer .foot-left{\n    display:flex;\n    align-items:center;\n    gap:10px;\n    font-size:13px;\n    color:var(--ice);\n    opacity:0.55;\n  }\n  footer .foot-links{display:flex; gap:18px;}\n  footer .foot-links a{\n    color:var(--ice);\n    opacity:0.6;\n    text-decoration:none;\n    font-size:13px;\n    transition:opacity 0.2s;\n  }\n  footer .foot-links a:hover{opacity:1;}\n\n  .accounts-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:18px;\n  }\n  @media (max-width:760px){\n    .accounts-grid{grid-template-columns:repeat(2,1fr);}\n    .hero{grid-template-columns:1fr;}\n  }\n  .account-card{\n    background:rgba(255,255,255,0.025);\n    border:1px solid var(--line);\n    border-radius:18px;\n    padding:28px 20px;\n    text-align:center;\n    text-decoration:none;\n    transition:border-color 0.2s, transform 0.2s;\n  }\n  .account-card:hover{\n    border-color:rgba(167,139,250,0.5);\n    transform:translateY(-3px);\n  }\n&lt;\/style>\n&lt;\/head>\n&lt;body>\n\n&lt;div class=\"sparkle-layer\" id=\"sparkleLayer\">&lt;\/div>\n\n&lt;header>\n  &lt;div class=\"brand\">\n    &lt;svg class=\"brand-mark\" viewBox=\"0 0 100 100\" fill=\"none\">\n      &lt;path d=\"M50 88 L12 45 C2 33 5 14 22 8 C35 3 46 9 50 22 C54 9 65 3 78 8 C95 14 98 33 88 45 Z\" fill=\"url(#gradMark)\" stroke=\"#fff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n      &lt;defs>\n        &lt;linearGradient id=\"gradMark\" x1=\"0\" y1=\"0\" x2=\"100\" y2=\"100\">\n          &lt;stop offset=\"0%\" stop-color=\"#a78bfa\"\/>\n          &lt;stop offset=\"100%\" stop-color=\"#4c1fe0\"\/>\n        &lt;\/linearGradient>\n      &lt;\/defs>\n    &lt;\/svg>\n    &lt;span class=\"brand-name\">Le Twitch Game&lt;\/span>\n  &lt;\/div>\n  &lt;nav>\n    &lt;a href=\"#historique\">Gagnants&lt;\/a>\n    &lt;a href=\"#comptes\">Comptes&lt;\/a>\n  &lt;\/nav>\n&lt;\/header>\n\n&lt;section class=\"hero\">\n  &lt;div>\n    &lt;div class=\"eyebrow\">&lt;span class=\"dot\">&lt;\/span> Tirage au sort hebdomadaire&lt;\/div>\n    &lt;h1 class=\"display\">Chaque semaine,&lt;br>un follower&lt;br>&lt;span class=\"accent\">devient gagnant&lt;\/span>&lt;\/h1>\n    &lt;p>Un membre de la communaut\u00e9 est tir\u00e9 au sort chaque semaine parmi les abonn\u00e9s X, YouTube, TikTok et Instagram de Le Twitch Game. Retrouve ici tous les gagnants, semaine apr\u00e8s semaine.&lt;\/p>\n    &lt;div class=\"hero-ctas\">\n      &lt;a href=\"#historique\" class=\"btn btn-primary\">Voir les gagnants&lt;\/a>\n      &lt;a href=\"#comptes\" class=\"btn btn-ghost\">Comment participer&lt;\/a>\n    &lt;\/div>\n  &lt;\/div>\n  &lt;div class=\"gem-stage\">\n    &lt;div class=\"gem-glow\">&lt;\/div>\n    &lt;svg class=\"gem-svg\" viewBox=\"0 0 400 360\" fill=\"none\">\n      &lt;defs>\n        &lt;linearGradient id=\"heroGem\" x1=\"0\" y1=\"0\" x2=\"400\" y2=\"360\">\n          &lt;stop offset=\"0%\" stop-color=\"#c4b5fd\"\/>\n          &lt;stop offset=\"45%\" stop-color=\"#8b5cf6\"\/>\n          &lt;stop offset=\"100%\" stop-color=\"#3b0fb8\"\/>\n        &lt;\/linearGradient>\n      &lt;\/defs>\n      &lt;path d=\"M200 350 L40 175 C10 140 18 80 65 60 C115 38 165 55 200 100 C235 55 285 38 335 60 C382 80 390 140 360 175 Z\"\n        fill=\"url(#heroGem)\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.95\"\/>\n      &lt;path d=\"M65 60 L120 175 L40 175 Z\" fill=\"#ffffff\" opacity=\"0.16\"\/>\n      &lt;path d=\"M65 60 L150 130 L120 175 Z\" fill=\"#ffffff\" opacity=\"0.30\"\/>\n      &lt;path d=\"M65 60 L150 130 L195 95 Z\" fill=\"#ffffff\" opacity=\"0.06\"\/>\n      &lt;path d=\"M195 95 L150 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.12\"\/>\n      &lt;path d=\"M120 175 L150 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.04\"\/>\n      &lt;path d=\"M65 60 L100 40 L150 130 Z\" fill=\"#ffffff\" opacity=\"0.10\"\/>\n      &lt;path d=\"M335 60 L280 175 L360 175 Z\" fill=\"#ffffff\" opacity=\"0.08\"\/>\n      &lt;path d=\"M335 60 L250 130 L280 175 Z\" fill=\"#ffffff\" opacity=\"0.05\"\/>\n      &lt;path d=\"M335 60 L250 130 L205 95 Z\" fill=\"#ffffff\" opacity=\"0.20\"\/>\n      &lt;path d=\"M205 95 L250 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.07\"\/>\n      &lt;path d=\"M280 175 L250 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.03\"\/>\n      &lt;path d=\"M335 60 L300 40 L250 130 Z\" fill=\"#ffffff\" opacity=\"0.14\"\/>\n      &lt;path d=\"M120 175 L200 175 L200 350 Z\" fill=\"#ffffff\" opacity=\"0.05\"\/>\n      &lt;path d=\"M200 175 L280 175 L200 350 Z\" fill=\"#ffffff\" opacity=\"0.10\"\/>\n      &lt;path d=\"M40 175 L120 175 L200 350 Z\" fill=\"#ffffff\" opacity=\"0.02\"\/>\n      &lt;path d=\"M360 175 L280 175 L200 350 Z\" fill=\"#000000\" opacity=\"0.10\"\/>\n      &lt;path d=\"M65 60 L100 40 L195 95 M335 60 L300 40 L205 95\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.35\"\/>\n      &lt;path d=\"M40 175 L360 175\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.25\"\/>\n      &lt;path d=\"M120 175 L200 350 M280 175 L200 350\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.2\"\/>\n      &lt;g opacity=\"0.95\">\n        &lt;path d=\"M100 95 L106 113 L124 119 L106 125 L100 143 L94 125 L76 119 L94 113 Z\" fill=\"#ffffff\"\/>\n      &lt;\/g>\n      &lt;g opacity=\"0.75\">\n        &lt;path d=\"M298 90 L302 102 L314 106 L302 110 L298 122 L294 110 L282 106 L294 102 Z\" fill=\"#ffffff\"\/>\n      &lt;\/g>\n      &lt;circle cx=\"200\" cy=\"305\" r=\"3\" fill=\"#fff\" opacity=\"0.8\"\/>\n    &lt;\/svg>\n  &lt;\/div>\n&lt;\/section>\n\n&lt;div class=\"panel\">\n  &lt;div class=\"spotlight-card\" id=\"spotlightCard\">\n    &lt;!-- filled by JS -->\n  &lt;\/div>\n&lt;\/div>\n\n&lt;section class=\"block\" id=\"historique\">\n  &lt;div class=\"section-head\">\n    &lt;span class=\"section-tag\">Archive&lt;\/span>\n    &lt;h2 class=\"display\">Tous les gagnants&lt;\/h2>\n    &lt;p class=\"desc\">L'historique complet des tirages, semaine par semaine. Clique sur un profil pour aller f\u00e9liciter le gagnant.&lt;\/p>\n  &lt;\/div>\n\n  &lt;div class=\"filter-row\" id=\"filterRow\">\n    &lt;div class=\"filter-pill active\" data-filter=\"all\">Toutes les plateformes&lt;\/div>\n    &lt;div class=\"filter-pill\" data-filter=\"x\">X&lt;\/div>\n    &lt;div class=\"filter-pill\" data-filter=\"youtube\">YouTube&lt;\/div>\n    &lt;div class=\"filter-pill\" data-filter=\"tiktok\">TikTok&lt;\/div>\n    &lt;div class=\"filter-pill\" data-filter=\"instagram\">Instagram&lt;\/div>\n  &lt;\/div>\n\n  &lt;div class=\"history-list\" id=\"historyList\">&lt;\/div>\n&lt;\/section>\n\n&lt;section class=\"block\" id=\"comptes\">\n  &lt;div class=\"section-head\">\n    &lt;span class=\"section-tag\">Participer&lt;\/span>\n    &lt;h2 class=\"display\">Les comptes \u00e9ligibles&lt;\/h2>\n    &lt;p class=\"desc\">Suis ces comptes pour faire partie des prochains tirages. Un nouveau gagnant est annonc\u00e9 chaque semaine.&lt;\/p>\n  &lt;\/div>\n  &lt;div class=\"accounts-grid\">\n    &lt;a href=\"https:\/\/x.com\/LeTwitchGame\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n      &lt;svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#fff;margin-bottom:10px;\">&lt;path d=\"M18.9 2H22l-7.6 8.7L23 22h-6.6l-5.2-6.8L5 22H1.9l8.1-9.3L1 2h6.7l4.7 6.2L18.9 2zm-2.3 18h1.8L7.5 4H5.6l11 16z\"\/>&lt;\/svg>\n      &lt;div style=\"color:#fff; font-weight:700; font-size:14px;\">X&lt;\/div>\n      &lt;div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@LeTwitchGame&lt;\/div>\n    &lt;\/a>\n    &lt;a href=\"https:\/\/www.youtube.com\/@LeTwitchGame\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n      &lt;svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#ff5b53;margin-bottom:10px;\">&lt;path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6z\"\/>&lt;\/svg>\n      &lt;div style=\"color:#fff; font-weight:700; font-size:14px;\">YouTube&lt;\/div>\n      &lt;div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@LeTwitchGame&lt;\/div>\n    &lt;\/a>\n    &lt;a href=\"https:\/\/www.tiktok.com\/@letwitchgame_\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n      &lt;svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#fff;margin-bottom:10px;\">&lt;path d=\"M16.6 5.8a4.3 4.3 0 0 1-3-3.8h-3.1v13.4a2.6 2.6 0 1 1-1.8-2.5V9.5a5.8 5.8 0 1 0 5 5.7v-6a7.2 7.2 0 0 0 4.2 1.4V7.5a4.3 4.3 0 0 1-1.3-1.7z\"\/>&lt;\/svg>\n      &lt;div style=\"color:#fff; font-weight:700; font-size:14px;\">TikTok&lt;\/div>\n      &lt;div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@letwitchgame_&lt;\/div>\n    &lt;\/a>\n    &lt;a href=\"https:\/\/www.instagram.com\/letwitchgame_\/\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n      &lt;svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#f56fa1;margin-bottom:10px;\">&lt;path d=\"M12 2.2c3.2 0 3.6 0 4.8.06 1.2.06 2 .25 2.7.53.7.27 1.3.65 1.9 1.25.6.6.98 1.2 1.25 1.9.28.7.47 1.5.53 2.7.06 1.2.06 1.6.06 4.8s0 3.6-.06 4.8c-.06 1.2-.25 2-.53 2.7a5 5 0 0 1-1.25 1.9 5 5 0 0 1-1.9 1.25c-.7.28-1.5.47-2.7.53-1.2.06-1.6.06-4.8.06s-3.6 0-4.8-.06c-1.2-.06-2-.25-2.7-.53a5 5 0 0 1-1.9-1.25 5 5 0 0 1-1.25-1.9c-.28-.7-.47-1.5-.53-2.7C2.2 15.6 2.2 15.2 2.2 12s0-3.6.06-4.8c.06-1.2.25-2 .53-2.7.27-.7.65-1.3 1.25-1.9a5 5 0 0 1 1.9-1.25c.7-.28 1.5-.47 2.7-.53C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.15 0-3.5 0-4.7.06-1 .05-1.6.22-2 .37-.5.2-.85.43-1.22.8-.37.37-.6.72-.8 1.22-.15.4-.32 1-.37 2C2.85 9.5 2.85 9.85 2.85 13s0 3.5.06 4.7c.05 1 .22 1.6.37 2 .2.5.43.85.8 1.22.37.37.72.6 1.22.8.4.15 1 .32 2 .37 1.2.06 1.55.06 4.7.06s3.5 0 4.7-.06c1-.05 1.6-.22 2-.37.5-.2.85-.43 1.22-.8.37-.37.6-.72.8-1.22.15-.4.32-1 .37-2 .06-1.2.06-1.55.06-4.7s0-3.5-.06-4.7c-.05-1-.22-1.6-.37-2-.2-.5-.43-.85-.8-1.22a3.2 3.2 0 0 0-1.22-.8c-.4-.15-1-.32-2-.37-1.2-.06-1.55-.06-4.7-.06zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4zm5.7-2.9a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z\"\/>&lt;\/svg>\n      &lt;div style=\"color:#fff; font-weight:700; font-size:14px;\">Instagram&lt;\/div>\n      &lt;div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@letwitchgame_&lt;\/div>\n    &lt;\/a>\n  &lt;\/div>\n&lt;\/section>\n\n&lt;footer>\n  &lt;div class=\"foot-left\">\n    &lt;svg width=\"18\" height=\"18\" viewBox=\"0 0 100 100\" fill=\"none\">\n      &lt;path d=\"M50 88 L12 45 C2 33 5 14 22 8 C35 3 46 9 50 22 C54 9 65 3 78 8 C95 14 98 33 88 45 Z\" fill=\"url(#gradMark)\" opacity=\"0.9\"\/>\n    &lt;\/svg>\n    Le Twitch Game \u2014 Tirage au sort hebdomadaire\n  &lt;\/div>\n  &lt;div class=\"foot-links\">\n    &lt;a href=\"https:\/\/x.com\/LeTwitchGame\" target=\"_blank\" rel=\"noopener\">X&lt;\/a>\n    &lt;a href=\"https:\/\/www.youtube.com\/@LeTwitchGame\" target=\"_blank\" rel=\"noopener\">YouTube&lt;\/a>\n    &lt;a href=\"https:\/\/www.tiktok.com\/@letwitchgame_\" target=\"_blank\" rel=\"noopener\">TikTok&lt;\/a>\n    &lt;a href=\"https:\/\/www.instagram.com\/letwitchgame_\/\" target=\"_blank\" rel=\"noopener\">Instagram&lt;\/a>\n  &lt;\/div>\n&lt;\/footer>\n\n&lt;script>\n\/* ======================================================================\n   LISTE DES GAGNANTS \u2014 \u00c0 METTRE \u00c0 JOUR CHAQUE SEMAINE\n   ----------------------------------------------------------------------\n   Ajoute une nouvelle entr\u00e9e en haut du tableau WINNERS ci-dessous\n   pour chaque tirage. Champs \u00e0 remplir :\n\n   - winnerName  : pseudo affich\u00e9 du gagnant (sans le @)\n   - platform    : \"x\" | \"youtube\" | \"tiktok\" | \"instagram\"\n   - profileUrl  : lien direct vers le profil du gagnant\n   - weekStart   : date de d\u00e9but de semaine, format \"AAAA-MM-JJ\"\n   - weekEnd     : date de fin de semaine, format \"AAAA-MM-JJ\"\n\n   L'entr\u00e9e la plus r\u00e9cente (date la plus haute) s'affiche automatiquement\n   en haut de l'historique et dans le bandeau \"Gagnant de la semaine\".\n   ====================================================================== *\/\n\nconst WINNERS = &#91;\n  {\n    winnerName: \"pseudo_gagnant\",\n    platform: \"x\",\n    profileUrl: \"https:\/\/x.com\/pseudo_gagnant\",\n    weekStart: \"2026-06-08\",\n    weekEnd: \"2026-06-14\"\n  },\n  {\n    winnerName: \"autre_gagnant\",\n    platform: \"instagram\",\n    profileUrl: \"https:\/\/www.instagram.com\/autre_gagnant\/\",\n    weekStart: \"2026-06-01\",\n    weekEnd: \"2026-06-07\"\n  }\n];\n\n\/* ====================================================================== *\/\n\n\/* ---------------- Sparkles ---------------- *\/\n(function(){\n  const layer = document.getElementById('sparkleLayer');\n  const n = 26;\n  for(let i=0;i&lt;n;i++){\n    const s = document.createElement('div');\n    s.className = 'sparkle';\n    s.style.left = Math.random()*100 + '%';\n    s.style.top = Math.random()*100 + '%';\n    s.style.animationDelay = (Math.random()*3.5) + 's';\n    s.style.animationDuration = (2.5 + Math.random()*3) + 's';\n    layer.appendChild(s);\n  }\n})();\n\n\/* ---------------- Platform config ---------------- *\/\nconst PLATFORM_CONFIG = {\n  x: { label: 'X', badgeClass: 'badge-x', icon: '&lt;svg viewBox=\"0 0 24 24\" fill=\"currentColor\">&lt;path d=\"M18.9 2H22l-7.6 8.7L23 22h-6.6l-5.2-6.8L5 22H1.9l8.1-9.3L1 2h6.7l4.7 6.2L18.9 2zm-2.3 18h1.8L7.5 4H5.6l11 16z\"\/>&lt;\/svg>' },\n  youtube: { label: 'YouTube', badgeClass: 'badge-youtube', icon: '&lt;svg viewBox=\"0 0 24 24\" fill=\"currentColor\">&lt;path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6z\"\/>&lt;\/svg>' },\n  tiktok: { label: 'TikTok', badgeClass: 'badge-tiktok', icon: '&lt;svg viewBox=\"0 0 24 24\" fill=\"currentColor\">&lt;path d=\"M16.6 5.8a4.3 4.3 0 0 1-3-3.8h-3.1v13.4a2.6 2.6 0 1 1-1.8-2.5V9.5a5.8 5.8 0 1 0 5 5.7v-6a7.2 7.2 0 0 0 4.2 1.4V7.5a4.3 4.3 0 0 1-1.3-1.7z\"\/>&lt;\/svg>' },\n  instagram: { label: 'Instagram', badgeClass: 'badge-instagram', icon: '&lt;svg viewBox=\"0 0 24 24\" fill=\"currentColor\">&lt;path d=\"M12 2.2c3.2 0 3.6 0 4.8.06 1.2.06 2 .25 2.7.53.7.27 1.3.65 1.9 1.25.6.6.98 1.2 1.25 1.9.28.7.47 1.5.53 2.7.06 1.2.06 1.6.06 4.8s0 3.6-.06 4.8c-.06 1.2-.25 2-.53 2.7a5 5 0 0 1-1.25 1.9 5 5 0 0 1-1.9 1.25c-.7.28-1.5.47-2.7.53-1.2.06-1.6.06-4.8.06s-3.6 0-4.8-.06c-1.2-.06-2-.25-2.7-.53a5 5 0 0 1-1.9-1.25 5 5 0 0 1-1.25-1.9c-.28-.7-.47-1.5-.53-2.7C2.2 15.6 2.2 15.2 2.2 12s0-3.6.06-4.8c.06-1.2.25-2 .53-2.7.27-.7.65-1.3 1.25-1.9a5 5 0 0 1 1.9-1.25c.7-.28 1.5-.47 2.7-.53C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.15 0-3.5 0-4.7.06-1 .05-1.6.22-2 .37-.5.2-.85.43-1.22.8-.37.37-.6.72-.8 1.22-.15.4-.32 1-.37 2C2.85 9.5 2.85 9.85 2.85 13s0 3.5.06 4.7c.05 1 .22 1.6.37 2 .2.5.43.85.8 1.22.37.37.72.6 1.22.8.4.15 1 .32 2 .37 1.2.06 1.55.06 4.7.06s3.5 0 4.7-.06c1-.05 1.6-.22 2-.37.5-.2.85-.43 1.22-.8.37-.37.6-.72.8-1.22.15-.4.32-1 .37-2 .06-1.2.06-1.55.06-4.7s0-3.5-.06-4.7c-.05-1-.22-1.6-.37-2-.2-.5-.43-.85-.8-1.22a3.2 3.2 0 0 0-1.22-.8c-.4-.15-1-.32-2-.37-1.2-.06-1.55-.06-4.7-.06zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4zm5.7-2.9a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z\"\/>&lt;\/svg>' }\n};\n\nconst GEM_PATH = `&lt;path d=\"M200 350 L40 175 C10 140 18 80 65 60 C115 38 165 55 200 100 C235 55 285 38 335 60 C382 80 390 140 360 175 Z\"\n  fill=\"url(#heroGem)\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.95\"\/>`;\n\nfunction formatDateFR(dateStr){\n  if(!dateStr) return '';\n  const d = new Date(dateStr + 'T00:00:00');\n  return d.toLocaleDateString('fr-FR', { day:'numeric', month:'long', year:'numeric' });\n}\n\nfunction escapeHtml(str){\n  const div = document.createElement('div');\n  div.textContent = str;\n  return div.innerHTML;\n}\n\nfunction weekLabelOf(entry){\n  return entry.weekStart &amp;&amp; entry.weekEnd\n    ? `Semaine du ${formatDateFR(entry.weekStart)} au ${formatDateFR(entry.weekEnd)}`\n    : 'P\u00e9riode non pr\u00e9cis\u00e9e';\n}\n\n\/* ---------------- Sort newest first ---------------- *\/\nconst sortedWinners = &#91;...WINNERS].sort((a,b) => new Date(b.weekStart) - new Date(a.weekStart));\n\n\/* ---------------- Spotlight (latest winner) ---------------- *\/\nfunction renderSpotlight(){\n  const card = document.getElementById('spotlightCard');\n  if(!sortedWinners.length){\n    card.innerHTML = '&lt;div class=\"empty-state\">Aucun gagnant enregistr\u00e9 pour le moment. Le premier tirage arrive bient\u00f4t.&lt;\/div>';\n    return;\n  }\n  const latest = sortedWinners&#91;0];\n  const cfg = PLATFORM_CONFIG&#91;latest.platform] || PLATFORM_CONFIG.x;\n  card.innerHTML = `\n    &lt;svg class=\"spotlight-gem\" viewBox=\"0 0 400 360\" fill=\"none\">${GEM_PATH}&lt;\/svg>\n    &lt;div>\n      &lt;div class=\"spotlight-label\">Gagnant de la semaine&lt;\/div>\n      &lt;div class=\"spotlight-name display\">${escapeHtml(latest.winnerName)}&lt;\/div>\n      &lt;div class=\"spotlight-meta\">${weekLabelOf(latest)} \u00b7 Tir\u00e9 au sort sur ${cfg.label}&lt;\/div>\n    &lt;\/div>\n    &lt;div class=\"spotlight-actions\">\n      &lt;span class=\"platform-badge ${cfg.badgeClass}\">${cfg.icon} ${cfg.label}&lt;\/span>\n      &lt;a class=\"profile-link\" href=\"${latest.profileUrl}\" target=\"_blank\" rel=\"noopener\">\n        Voir le profil\n        &lt;svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">&lt;path d=\"M7 17L17 7M7 7h10v10\"\/>&lt;\/svg>\n      &lt;\/a>\n    &lt;\/div>\n  `;\n}\n\n\/* ---------------- History list with filter ---------------- *\/\nlet activeFilter = 'all';\n\nfunction renderHistory(){\n  const list = document.getElementById('historyList');\n  const filtered = activeFilter === 'all'\n    ? sortedWinners\n    : sortedWinners.filter(w => w.platform === activeFilter);\n\n  if(!filtered.length){\n    list.innerHTML = '&lt;div class=\"empty-state\">Aucun gagnant pour cette plateforme pour le moment.&lt;\/div>';\n    return;\n  }\n\n  list.innerHTML = filtered.map(entry => {\n    const cfg = PLATFORM_CONFIG&#91;entry.platform] || PLATFORM_CONFIG.x;\n    return `\n      &lt;div class=\"history-row\">\n        &lt;svg class=\"gem-bullet\" viewBox=\"0 0 400 360\" fill=\"none\">${GEM_PATH}&lt;\/svg>\n        &lt;div class=\"history-main\">\n          &lt;div class=\"winner-row-name\">${escapeHtml(entry.winnerName)}&lt;\/div>\n          &lt;div class=\"week-range\">${weekLabelOf(entry)}&lt;\/div>\n        &lt;\/div>\n        &lt;span class=\"platform-badge ${cfg.badgeClass}\">${cfg.icon} ${cfg.label}&lt;\/span>\n        &lt;a class=\"profile-link\" href=\"${entry.profileUrl}\" target=\"_blank\" rel=\"noopener\">\n          Voir le profil\n          &lt;svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">&lt;path d=\"M7 17L17 7M7 7h10v10\"\/>&lt;\/svg>\n        &lt;\/a>\n      &lt;\/div>\n    `;\n  }).join('');\n}\n\ndocument.querySelectorAll('.filter-pill').forEach(pill => {\n  pill.addEventListener('click', () => {\n    document.querySelectorAll('.filter-pill').forEach(p => p.classList.remove('active'));\n    pill.classList.add('active');\n    activeFilter = pill.dataset.filter;\n    renderHistory();\n  });\n});\n\n\/* ---------------- Init ---------------- *\/\nrenderSpotlight();\nrenderHistory();\n&lt;\/script>\n\n&lt;\/body>\n&lt;\/html>\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}