Phoenix - PR отдел корпорации ЭкзоТек

Элизабет Иденмарк · 20-08-2025, 16:21:19

Элизабет Иденмарк · 20-08-2025, 16:21:21

test

Элизабет Иденмарк · 20-08-2025, 16:21:23

test

Элизабет Иденмарк · 20-08-2025, 16:21:25

test

Элизабет Иденмарк · 20-08-2025, 16:21:28

test

Элизабет Иденмарк · 20-08-2025, 16:21:31

test

Элизабет Иденмарк · 20-08-2025, 16:21:32

test

Элизабет Иденмарк · 20-08-2025, 17:41:36

Для отображения содержимого необходимо:

- быть членом одной из указанных групп: Куратор проекта.

Элизабет Иденмарк · 21-08-2025, 14:03:44

Элизабет Иденмарк · 24-08-2025, 20:29:03

Для отображения содержимого необходимо:

- быть членом одной из указанных групп: Куратор проекта.

Элизабет Иденмарк · 26-08-2025, 17:39:34

личные задачи

- написать заявки в тему на те внешности, что я нашла и придумать им историю
~~- добавить новых сотрудников в пост с сотрудниками красивый~~ - нынешние добавлены
~~- добавить нпс Таури в пост сотрудников и других нпс, которые играются игроками в корпе~~
- раздуплиться полноценно на долги
- подумать о вероятном квесте для "Молота"
- подумать над квестом социалкой, чтобы можно было избежать сражений максимально
- заебать Роя по поводу нескольких кодов, когда можно будет выдохнуть чуточку больше

Элизабет Иденмарк · 28-08-2025, 20:45:45

- прописать для "Молота" квест учебного полигона, придумать его вообще
- подумать в целом над квестами для корпы

Элизабет Иденмарк · 31-08-2025, 19:39:14

Элизабет Иденмарк · 05-09-2025, 00:36:57

Для отображения содержимого необходимо:

- быть членом одной из указанных групп: Куратор проекта.

Элизабет Иденмарк · 07-09-2025, 22:05:05

Элизабет Иденмарк · 08-09-2025, 11:54:36

Саппорты

Раз в два круга слабая масс хилка по области
Раз в пять кругов большая хилка по масс области
Раз в круг бафф

Танки

Раз в круг агр
Раз в три круга массовый щит
Раз в пять кругов баф на круг на неуязвимость

ДПС

Раз в три круга усиленный урон

Элизабет Иденмарк · 14-09-2025, 22:02:10

Для отображения содержимого необходимо:

- быть членом одной из указанных групп: Куратор проекта.

Сколопендра · **Сегодня** в 15:54:40

Код Копировать

[safehtml]<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>⚡ CYBER UNIT CARDS · 4 в ряд</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html, body {
      background: transparent;
      width: 100%;
    }

    body {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding: 20px 16px;
      font-family: 'Courier New', 'Consolas', monospace;
    }

    /* ---- контейнер с карточками (4 в ряд, перенос при нехватке места) ---- */
    .cards-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
      max-width: 1200px;
      width: 100%;
    }

    /* ---- одна карточка ---- */
    .card {
      width: 250px;
      background: #0c0c0c;
      border: 1px solid #a7a9ac;
      border-radius: 6px;
      box-shadow: 
        0 0 0 0.5px #3e4247,
        0 0 12px rgba(192, 192, 192, 0.3),
        inset 0 0 8px rgba(150, 160, 170, 0.15);
      padding: 16px 14px 18px;
      position: relative;
      overflow: hidden;
      transition: box-shadow 0.2s;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    /* сканирующая полоса (медленная, тонкая) */
    .card::before {
      content: "";
      position: absolute;
      top: 0;
      left: -150%;
      width: 200%;
      height: 1.2px;
      background: linear-gradient(90deg, 
        transparent, 
        rgba(192, 220, 255, 0.6), 
        rgba(210, 230, 255, 0.8),
        transparent);
      box-shadow: 0 0 8px #9bb8da;
      animation: scanCard 7s infinite linear;
      pointer-events: none;
      z-index: 3;
    }

    /* внутренняя рамка-свечение */
    .card::after {
      content: "";
      position: absolute;
      inset: 0;
      border: 0.5px solid rgba(180, 190, 200, 0.25);
      border-radius: 6px;
      pointer-events: none;
      box-shadow: inset 0 0 6px #1f2327;
    }

    /* угловые акценты */
    .corner {
      position: absolute;
      width: 16px;
      height: 16px;
      border-style: solid;
      border-color: #9aa0a6;
      pointer-events: none;
      z-index: 2;
      opacity: 0.9;
    }
    .tl { top: 4px; left: 4px; border-width: 1.5px 0 0 1.5px; }
    .tr { top: 4px; right: 4px; border-width: 1.5px 1.5px 0 0; }
    .bl { bottom: 4px; left: 4px; border-width: 0 0 1.5px 1.5px; }
    .br { bottom: 4px; right: 4px; border-width: 0 1.5px 1.5px 0; }

    /* ---- содержимое карточки (поверх углов) ---- */
    .card-content {
      position: relative;
      z-index: 5;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    /* блок с именем и мини-статусом */
    .card-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 0.5px dashed #4e5359;
      padding-bottom: 6px;
    }

    .card-name {
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #d6dee7;
      text-shadow: 0 0 4px #8ea5bb;
    }

    .card-status {
      display: flex;
      align-items: center;
      gap: 5px;
      background: #0f1215;
      border: 0.8px solid #7a848e;
      border-radius: 12px;
      padding: 2px 8px 2px 6px;
      box-shadow: inset 0 0 3px black, 0 0 4px #adb9c2;
      font-size: 0.65rem;
      letter-spacing: 1px;
      color: #c6e2ff;
    }

    .status-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #7fe07f;
      box-shadow: 0 0 6px #7eff7e, 0 0 8px #4caf50;
      animation: blinkGreen 1.4s step-start infinite;
    }

    /* изображение – небольшое, по центру */
    .card-image {
      width: 100%;
      height: 100px;
      background: #1a1e22;
      border: 0.8px solid #5b6670;
      border-radius: 4px;
      overflow: hidden;
      box-shadow: inset 0 0 10px #000000;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .card-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* заглушка, если нет картинки */
    .image-placeholder {
      color: #4a5565;
      font-size: 0.65rem;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    /* строки характеристик */
    .stats {
      display: flex;
      flex-direction: column;
      gap: 5px;
      font-size: 0.7rem;
      color: #cbd5e1;
      text-shadow: 0 0 2px #2e475e;
    }

    .stat-row {
      display: flex;
      align-items: baseline;
      gap: 8px;
      border-left: 1.5px solid #6e7b8a;
      padding-left: 8px;
    }

    .stat-label {
      color: #a2b9ce;
      font-weight: bold;
      text-transform: uppercase;
      width: 32px;
      font-size: 0.6rem;
    }

    .stat-value {
      color: #eaeef2;
    }

    /* эффекты */
    .effects {
      font-size: 0.7rem;
      color: #a0b3c9;
      border-top: 0.5px solid #3a4148;
      padding-top: 8px;
      line-height: 1.4;
    }

    .effects-label {
      color: #8ba1b5;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 0.55rem;
      letter-spacing: 1px;
      margin-bottom: 4px;
    }

    /* навыки */
    .skills {
      display: flex;
      flex-direction: column;
      gap: 4px;
      font-size: 0.65rem;
      color: #b0c0cf;
    }

    .skill-item {
      display: flex;
      align-items: baseline;
      gap: 6px;
    }

    .skill-marker {
      color: #9fcdff;
      font-size: 8px;
    }

    /* анимации */
    @keyframes scanCard {
      0% { top: -5%; left: -150%; }
      25% { top: 15%; }
      50% { top: 45%; }
      75% { top: 75%; }
      100% { top: 105%; left: 150%; }
    }

    @keyframes blinkGreen {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.3; }
    }

    /* адаптив: на узких экранах карточки занимают всю ширину */
    @media (max-width: 560px) {
      .card {
        width: 100%;
        max-width: 360px;
      }
    }
  </style>
</head>
<body>
  <div class="cards-grid">

    <!-- ====== КАРТОЧКА 1 ====== -->
    <div class="card">
      <div class="corner tl"></div>
      <div class="corner tr"></div>
      <div class="corner bl"></div>
      <div class="corner br"></div>

      <div class="card-content">
        <!-- имя + статус -->
        <div class="card-header">
          <span class="card-name">UNIT-01</span>
          <span class="card-status">
            <span class="status-dot"></span> АКТИВЕН
          </span>
        </div>

        <!-- изображение (вставьте свою ссылку в src) -->
        <div class="card-image">
          <img src="https://placehold.co/200x100/1a1e22/a7b4c2?text=UNIT-01" alt="unit image">
        </div>

        <!-- хар-ки -->
        <div class="stats">
          <div class="stat-row"><span class="stat-label">HP</span><span class="stat-value">200</span></div>
          <div class="stat-row"><span class="stat-label">ATK</span><span class="stat-value">45</span></div>
          <div class="stat-row"><span class="stat-label">DEF</span><span class="stat-value">30</span></div>
        </div>

        <!-- эффекты -->
        <div class="effects">
          <div class="effects-label">Эффекты</div>
          <div>🔹 Щит регенерации (5%/ход)</div>
        </div>

        <!-- навыки -->
        <div class="skills">
          <div class="skill-item"><span class="skill-marker">▸</span> Кибер-удар</div>
          <div class="skill-item"><span class="skill-marker">▸</span> ЭМИ импульс</div>
          <div class="skill-item"><span class="skill-marker">▸</span> Захват цели</div>
        </div>
      </div>
    </div>

    <!-- ====== КАРТОЧКА 2 ====== -->
    <div class="card">
      <div class="corner tl"></div>
      <div class="corner tr"></div>
      <div class="corner bl"></div>
      <div class="corner br"></div>

      <div class="card-content">
        <div class="card-header">
          <span class="card-name">SOVA-7</span>
          <span class="card-status">
            <span class="status-dot" style="background:#f0c040; box-shadow:0 0 6px #f0c040;"></span> ОЖИДАНИЕ
          </span>
        </div>

        <div class="card-image">
          <img src="https://placehold.co/200x100/1a1e22/a7b4c2?text=SOVA-7" alt="unit image">
        </div>

        <div class="stats">
          <div class="stat-row"><span class="stat-label">HP</span><span class="stat-value">150</span></div>
          <div class="stat-row"><span class="stat-label">ATK</span><span class="stat-value">70</span></div>
          <div class="stat-row"><span class="stat-label">DEF</span><span class="stat-value">20</span></div>
        </div>

        <div class="effects">
          <div class="effects-label">Эффекты</div>
          <div>🔸 Двойной выстрел</div>
        </div>

        <div class="skills">
          <div class="skill-item"><span class="skill-marker">▸</span> Снайперский режим</div>
          <div class="skill-item"><span class="skill-marker">▸</span> Маяк разведки</div>
          <div class="skill-item"><span class="skill-marker">▸</span> Отход в тень</div>
        </div>
      </div>
    </div>

    <!-- ====== КАРТОЧКА 3 ====== -->
    <div class="card">
      <div class="corner tl"></div>
      <div class="corner tr"></div>
      <div class="corner bl"></div>
      <div class="corner br"></div>

      <div class="card-content">
        <div class="card-header">
          <span class="card-name">TITAN</span>
          <span class="card-status">
            <span class="status-dot" style="background:#ff5e5e; box-shadow:0 0 6px #ff5e5e;"></span> ПОВРЕЖДЁН
          </span>
        </div>

        <div class="card-image">
          <img src="https://placehold.co/200x100/1a1e22/a7b4c2?text=TITAN" alt="unit image">
        </div>

        <div class="stats">
          <div class="stat-row"><span class="stat-label">HP</span><span class="stat-value">500</span></div>
          <div class="stat-row"><span class="stat-label">ATK</span><span class="stat-value">80</span></div>
          <div class="stat-row"><span class="stat-label">DEF</span><span class="stat-value">60</span></div>
        </div>

        <div class="effects">
          <div class="effects-label">Эффекты</div>
          <div>🔻 Броня +15%</div>
        </div>

        <div class="skills">
          <div class="skill-item"><span class="skill-marker">▸</span> Таран</div>
          <div class="skill-item"><span class="skill-marker">▸</span> Силовое поле</div>
          <div class="skill-item"><span class="skill-marker">▸</span> Ремонтный дрон</div>
        </div>
      </div>
    </div>

    <!-- ====== КАРТОЧКА 4 ====== -->
    <div class="card">
      <div class="corner tl"></div>
      <div class="corner tr"></div>
      <div class="corner bl"></div>
      <div class="corner br"></div>

      <div class="card-content">
        <div class="card-header">
          <span class="card-name">WRAITH</span>
          <span class="card-status">
            <span class="status-dot"></span> АКТИВЕН
          </span>
        </div>

        <div class="card-image">
          <img src="https://i.ytimg.com/vi/r0V5NkBfu2M/maxresdefault.jpg">
        </div>

        <div class="stats">
          <div class="stat-row"><span class="stat-label">HP</span><span class="stat-value">120</span></div>
          <div class="stat-row"><span class="stat-label">ATK</span><span class="stat-value">65</span></div>
          <div class="stat-row"><span class="stat-label">DEF</span><span class="stat-value">15</span></div>
        </div>

        <div class="effects">
          <div class="effects-label">Эффекты</div>
          <div>🔹 Невидимость (первые 2 хода)</div>
        </div>

        <div class="skills">
          <div class="skill-item"><span class="skill-marker">▸</span> Теневой клинок</div>
          <div class="skill-item"><span class="skill-marker">▸</span> Дезориентация</div>
          <div class="skill-item"><span class="skill-marker">▸</span> Телепорт</div>
        </div>
      </div>
    </div>

  </div> <!-- конец cards-grid -->
</body>
</html>[/safehtml]