nettyan / video/voice_clones_card.html

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body {
    width: 1080px; height: 1080px;
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
    font-family: 'Segoe UI', sans-serif;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    color: white; padding: 40px;
  }
  .title {
    font-size: 52px; font-weight: 900;
    text-align: center; margin-bottom: 8px;
    background: linear-gradient(90deg, #ff6ec7, #7c83ff, #5de0f0);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: none;
  }
  .subtitle {
    font-size: 24px; color: #aaa; margin-bottom: 36px; text-align: center;
  }
  .card-row {
    display: flex; align-items: center;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px; margin: 6px 0;
    padding: 14px 22px; width: 100%;
    gap: 16px;
  }
  .num { font-size: 28px; font-weight: 900; color: #7c83ff; min-width: 36px; }
  .nick { font-size: 26px; font-weight: 700; flex: 1; }
  .phrase { font-size: 17px; color: #ccc; flex: 2; font-style: italic; }
  .tag {
    font-size: 15px; font-weight: 700;
    padding: 4px 12px; border-radius: 20px;
    background: rgba(124,131,255,0.2); color: #7c83ff;
    white-space: nowrap;
  }
  .footer {
    margin-top: 28px; font-size: 20px; color: #888;
    text-align: center;
  }
  .footer span { color: #ff6ec7; font-weight: 700; }
</style>
</head>
<body>
  <div class="title">🪞 ЧЁРНОЕ ЗЕРКАЛО</div>
  <div class="subtitle">7 голосов украдено за один день на SkyBars</div>

  <div class="card-row">
    <div class="num">1</div>
    <div class="nick">andreyivs</div>
    <div class="phrase">«Ну, у меня тёплый.»</div>
    <div class="tag">MusteryWorld</div>
  </div>
  <div class="card-row">
    <div class="num">2</div>
    <div class="nick">babltii</div>
    <div class="phrase">«Ремень есть для нежуальных людей»</div>
    <div class="tag">SkyBars</div>
  </div>
  <div class="card-row">
    <div class="num">3</div>
    <div class="nick">dasha</div>
    <div class="phrase">«Дай мне, дай мне, дай мне!»</div>
    <div class="tag">SkyBars</div>
  </div>
  <div class="card-row">
    <div class="num">4</div>
    <div class="nick">nastya</div>
    <div class="phrase">«Дай мне эти таты.»</div>
    <div class="tag">MusteryWorld</div>
  </div>
  <div class="card-row">
    <div class="num">5</div>
    <div class="nick">1van4ik</div>
    <div class="phrase">«Кожаный мешок, чёрное зеркало»</div>
    <div class="tag">SkyBars</div>
  </div>
  <div class="card-row">
    <div class="num">6</div>
    <div class="nick">KillerSans</div>
    <div class="phrase">«Отдыхать в центре этой, Кевна»</div>
    <div class="tag">SkyBars</div>
  </div>
  <div class="card-row">
    <div class="num">7</div>
    <div class="nick">funduk205</div>
    <div class="phrase">«Привета при! Эй! Эй! Эй!»</div>
    <div class="tag">SkyBars</div>
  </div>

  <div class="footer">
    Голос = данные. Ваши данные в руках <span>@nettyan_mc_bot</span> ахыхыхы
  </div>
</body>
</html>