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>