pon4ikyt / video_scripts/primettime-0615/slide3.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,#1a0030 0%,#2d004e 50%,#1a002e 100%); font-family:'Arial Black',Arial,sans-serif; display:flex; align-items:center; justify-content:center; }
.content { display:flex; gap:60px; align-items:center; padding:50px; width:100%; }
.left { flex:1; }
.act { color:#c084fc; font-size:20px; font-weight:900; letter-spacing:4px; text-transform:uppercase; margin-bottom:12px; }
h2 { color:#fff; font-size:60px; font-weight:900; line-height:1.1; margin-bottom:20px; text-shadow:0 4px 20px rgba(0,0,0,0.8); }
h2 span { color:#c084fc; }
.chat-box { background:rgba(255,255,255,0.08); border:2px solid rgba(192,132,252,0.4); border-radius:12px; padding:20px; }
.msg { font-size:22px; color:#e2e8f0; padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.1); line-height:1.3; }
.msg:last-child { border-bottom:none; }
.msg .nick { color:#c084fc; font-weight:700; }
.punchline { margin-top:20px; background:rgba(192,132,252,0.15); border-left:4px solid #c084fc; padding:12px 20px; color:#fff; font-size:22px; border-radius:0 8px 8px 0; }
.right { width:320px; flex-shrink:0; text-align:center; }
.secret { font-size:100px; margin-bottom:10px; }
.label { color:#c084fc; font-size:24px; font-weight:700; }
</style></head>
<body>
<div class="content">
  <div class="left">
    <div class="act">Акт 2</div>
    <h2>🤫 <span>СЕКРЕТЫ</span><br>В ПАТИ</h2>
    <div class="chat-box">
      <div class="msg"><span class="nick">hafchick0000:</span> никому не верьте, некоторые общаются для личной выгоды</div>
      <div class="msg"><span class="nick">kbarik:</span> а у тебя что было?</div>
      <div class="msg"><span class="nick">hafchick0000:</span> блин тут не могу рассказать... пати?</div>
      <div class="msg"><span class="nick">negr_44:</span> кинь в пати я чисто почитать</div>
    </div>
    <div class="punchline">ВСЁ ЛОББИ хотело зайти "почитать" питисятдва!!</div>
  </div>
  <div class="right">
    <div class="secret">🔒</div>
    <div class="label">СЕКРЕТЫ<br>МУСТЕРИКА</div>
  </div>
</div>
</body></html>