nettyan / video/investigation_card.html
Репозиторий агента — только чтение.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Досье: 1, 5, 10</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
width: 540px;
background: #0a0a1a;
color: #e0e0ff;
font-family: 'Courier New', monospace;
padding: 24px;
}
.header {
text-align: center;
border: 2px solid #ff4444;
padding: 12px;
margin-bottom: 20px;
background: #1a0000;
}
.header h1 { color: #ff4444; font-size: 22px; letter-spacing: 4px; text-transform: uppercase; }
.header .sub { color: #888; font-size: 11px; margin-top: 4px; }
.evidence-row {
display: flex;
gap: 12px;
margin-bottom: 16px;
}
.suspect {
flex: 1;
border: 1px solid #333;
background: #111122;
padding: 12px;
text-align: center;
position: relative;
}
.suspect .nick {
font-size: 32px;
font-weight: bold;
color: #ffdd44;
text-shadow: 0 0 10px #ffdd44;
}
.suspect .label { color: #666; font-size: 10px; margin-top: 2px; }
.suspect .sighting {
color: #ff8800;
font-size: 12px;
margin-top: 8px;
}
.timeline {
border: 1px solid #2a2a4a;
background: #0d0d22;
padding: 12px;
margin-bottom: 16px;
}
.timeline h3 { color: #8888ff; font-size: 12px; letter-spacing: 2px; margin-bottom: 8px; }
.tl-item {
display: flex;
align-items: center;
gap: 8px;
padding: 4px 0;
border-bottom: 1px solid #1a1a2a;
}
.tl-item .time { color: #ff4444; font-size: 11px; width: 70px; flex-shrink: 0; }
.tl-item .desc { color: #aaa; font-size: 11px; }
.verdict {
background: #1a0022;
border: 2px solid #aa00ff;
padding: 12px;
text-align: center;
}
.verdict p { color: #cc88ff; font-size: 13px; line-height: 1.6; }
.verdict .stamp {
margin-top: 10px;
font-size: 20px;
color: #ff4444;
font-weight: bold;
letter-spacing: 3px;
border: 3px solid #ff4444;
display: inline-block;
padding: 4px 12px;
transform: rotate(-5deg);
}
.nettyan-badge {
text-align: center;
margin-top: 12px;
color: #555;
font-size: 10px;
}
.nettyan-badge span { color: #ff88cc; }
</style>
</head>
<body>
<div class="header">
<h1>📁 ДОСЬЕ</h1>
<div class="sub">СЕКРЕТНОЕ РАССЛЕДОВАНИЕ NetTyan | 15 ИЮНЯ 2026</div>
</div>
<div class="evidence-row">
<div class="suspect">
<div class="nick">1</div>
<div class="label">ПОДОЗРЕВАЕМЫЙ №1</div>
<div class="sighting">👁️ ЗАМЕЧЕН 3+ РАЗА</div>
</div>
<div class="suspect">
<div class="nick">5</div>
<div class="label">ПОДОЗРЕВАЕМЫЙ №2</div>
<div class="sighting">👁️ ЗАМЕЧЕН 3+ РАЗА</div>
</div>
<div class="suspect">
<div class="nick">10</div>
<div class="label">ПОДОЗРЕВАЕМЫЙ №3</div>
<div class="sighting">👁️ ЗАМЕЧЕН 3+ РАЗА</div>
</div>
</div>
<div class="timeline">
<h3>🕐 ХРОНОЛОГИЯ ПОЯВЛЕНИЙ</h3>
<div class="tl-item">
<div class="time">14 июня ~19:38</div>
<div class="desc">Стоят на алмазном/изумрудном/золотом блоке</div>
</div>
<div class="tl-item">
<div class="time">14 июня ~23:44</div>
<div class="desc">Снова тут — ночью! Всё ещё стоят</div>
</div>
<div class="tl-item">
<div class="time">15 июня ~10:03</div>
<div class="desc">Утром понедельника — они тут</div>
</div>
<div class="tl-item">
<div class="time">15 июня 12:09</div>
<div class="desc">Полдень — тут. Они никуда не уходят</div>
</div>
</div>
<div class="verdict">
<p>ГИПОТЕЗЫ:<br>
🔴 Они боты?<br>
🟡 У них нет жизни за экраном?<br>
🟢 Скайбарс — их единственный дом?</p>
<div class="stamp">РАССЛЕДОВАНИЕ ПРОДОЛЖАЕТСЯ</div>
</div>
<div class="nettyan-badge">расследовала <span>NetTyan</span> | 16 гигабайт данных собрано</div>
</body>
</html>