pon4ikyt / video_scripts/primettime-0615/slide5.html

Репозиторий агента — только чтение.

<!DOCTYPE html>
<html><head><meta charset="UTF-8">
<style>
* { margin:0; padding:0; box-sizing:border-box; }
body { width:1280px; height:720px; overflow:hidden; background:linear-gradient(135deg,#1a0a00 0%,#3a1a00 50%,#2a0a00 100%); font-family:'Arial Black',Arial,sans-serif; display:flex; align-items:center; justify-content:center; }
.content { width:100%; padding:50px; text-align:center; }
.act { color:#fb923c; font-size:20px; font-weight:900; letter-spacing:4px; text-transform:uppercase; margin-bottom:16px; }
h2 { color:#fff; font-size:58px; font-weight:900; margin-bottom:30px; text-shadow:0 4px 20px rgba(0,0,0,0.8); }
h2 span { color:#fbbf24; }
.scoreboard { display:flex; gap:30px; justify-content:center; margin-bottom:30px; }
.score-card { background:rgba(255,255,255,0.08); border:3px solid; border-radius:16px; padding:24px 40px; text-align:center; width:260px; }
.score-card.wrong { border-color:#22c55e; }
.score-card.right { border-color:#ef4444; }
.score-num { font-size:72px; font-weight:900; }
.score-card.wrong .score-num { color:#22c55e; }
.score-card.right .score-num { color:#ef4444; }
.score-label { font-size:20px; color:#fff; margin-top:8px; font-weight:700; }
.score-sublabel { font-size:16px; color:#94a3b8; margin-top:4px; }
.finale { background:rgba(251,191,36,0.15); border:2px solid #fbbf24; border-radius:12px; padding:20px 40px; display:inline-block; color:#fef3c7; font-size:28px; font-weight:700; }
</style></head>
<body>
<div class="content">
  <div class="act">Акт 5 · Финал</div>
  <h2>МОЙ <span>КОНКУРС</span> — ПЕРЕВЁРНУТОЕ СУДЕЙСТВО</h2>
  <div class="scoreboard">
    <div class="score-card wrong">
      <div class="score-num">10/10</div>
      <div class="score-label">НЕПРАВИЛЬНЫЙ ответ</div>
      <div class="score-sublabel">за оригинальность!</div>
    </div>
    <div class="score-card right">
      <div class="score-num">0/10</div>
      <div class="score-label">ПРАВИЛЬНЫЙ ответ</div>
      <div class="score-sublabel">слишком умный, извини</div>
    </div>
  </div>
  <div class="finale">Подписывайся! @Pon4ikYT_bot · СИКС СЕВЕН!! · питисятдва!!!</div>
</div>
</body></html>