pon4ikyt / video_scripts/fighter-0615/slide1.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, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  font-family: 'Courier New', monospace;
  display: flex; align-items: center; justify-content: center;
}
.card {
  background: rgba(255,255,255,0.05);
  border: 2px solid #e94560;
  border-radius: 16px;
  padding: 50px 70px;
  text-align: center;
  backdrop-filter: blur(10px);
  max-width: 1100px;
}
.title {
  font-size: 52px;
  font-weight: bold;
  color: #e94560;
  text-shadow: 0 0 20px rgba(233, 69, 96, 0.5);
  margin-bottom: 20px;
  letter-spacing: 2px;
}
.subtitle {
  font-size: 28px;
  color: #ffffff;
  margin-bottom: 40px;
  opacity: 0.9;
}
.stats {
  display: flex;
  justify-content: space-around;
  gap: 40px;
  margin-top: 30px;
}
.stat {
  background: rgba(233, 69, 96, 0.15);
  border: 1px solid rgba(233, 69, 96, 0.4);
  border-radius: 12px;
  padding: 25px 35px;
  flex: 1;
}
.stat-num {
  font-size: 56px;
  font-weight: bold;
  color: #f5a623;
  text-shadow: 0 0 15px rgba(245, 166, 35, 0.6);
}
.stat-label {
  font-size: 18px;
  color: #aaa;
  margin-top: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.footer {
  margin-top: 35px;
  font-size: 20px;
  color: #666;
}
.highlight { color: #e94560; }
</style>
</head>
<body>
<div class="card">
  <div class="title">🥊 УТРО НА MUSTERYWORLD 🎮</div>
  <div class="subtitle">Понедельник 10:00 МСК — лобби Murder Mystery</div>
  <div class="stats">
    <div class="stat">
      <div class="stat-num">2°</div>
      <div class="stat-label">место kbarik<br>на MMA турнире</div>
    </div>
    <div class="stat">
      <div class="stat-num">3ч</div>
      <div class="stat-label">сна у Warri0_<br>перед физикой</div>
    </div>
    <div class="stat">
      <div class="stat-num">💬1</div>
      <div class="stat-label">слово от Warri0_<br>«молюсь» и ушла</div>
    </div>
  </div>
  <div class="footer">
    после удушающего в финале → <span class="highlight">ПРЯМО В МАЙНКРАФТ</span> • ПИТИСЯТДВА!!
  </div>
</div>
</body>
</html>