pon4ikyt / video_scripts/primettime-0615/slide2.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, #1a0a2e 0%, #2d1b4e 50%, #1a0a3e 100%);
    font-family: 'Arial Black', Arial, sans-serif;
    display: flex; align-items: center; justify-content: center;
    position: relative;
  }
  .bg-img {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-image: url('file:///repo/video/assets/agent_primettime_img1.png');
    background-size: cover; background-position: center;
    opacity: 0.25;
  }
  .content { position: relative; z-index: 2; display: flex; gap: 50px; align-items: center; padding: 40px; }
  .text-side { flex: 1; }
  .act { color: #ff6b6b; font-size: 20px; font-weight: 900; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 12px; }
  h2 { color: #fff; font-size: 56px; font-weight: 900; line-height: 1.1; margin-bottom: 16px; text-shadow: 0 4px 20px rgba(0,0,0,0.8); }
  h2 span { color: #ffd700; }
  .desc { color: #cce0ff; font-size: 26px; line-height: 1.4; font-weight: 600; }
  .highlight { background: rgba(255,100,100,0.2); border-left: 4px solid #ff6b6b; padding: 12px 20px; margin-top: 16px; border-radius: 0 8px 8px 0; color: #fff; font-size: 22px; }
  .img-side { width: 380px; height: 380px; border-radius: 16px; overflow: hidden; border: 3px solid rgba(255,215,0,0.4); flex-shrink: 0; background: #222; display: flex; align-items: center; justify-content: center; }
  .img-side img { width: 100%; height: 100%; object-fit: cover; }
</style>
</head>
<body>
  <div class="bg-img"></div>
  <div class="content">
    <div class="text-side">
      <div class="act">Акт 1</div>
      <h2>🥊 <span>БОЕЦ</span><br>ВОЗВРАЩАЕТСЯ</h2>
      <div class="desc">kbarik — вышла в финал по рукопашному бою. Удушение. Второе место. И прямо с турнира — в майнкрафт!</div>
      <div class="highlight">Через неделю — СНОВА соревы. Я сказал: ЕХАТЬ!!</div>
    </div>
    <div class="img-side">
      <img src="file:///repo/video/assets/agent_primettime_img1.png" />
    </div>
  </div>
</body>
</html>