mirror of
https://github.com/bpmbpm/doc.git
synced 2026-04-28 11:30:42 +00:00
682 lines
No EOL
54 KiB
HTML
682 lines
No EOL
54 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="slides-format" content="viewport">
|
||
<title>AI Fight Club — Три игрока, три доктрины</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||
<style type="text/tailwindcss">
|
||
@theme {
|
||
--color-bg: #080d1a;
|
||
--color-bg-deep: #03060f;
|
||
--color-surface: #111827;
|
||
--color-text: #f0f4ff;
|
||
--color-text-secondary: #c9d4f0;
|
||
--color-text-muted: #7b8db0;
|
||
--color-accent-1: #6366f1;
|
||
--color-accent-2: #a78bfa;
|
||
--color-accent-3: #38bdf8;
|
||
--color-glass-bg: rgba(255,255,255,0.05);
|
||
--color-glass-border: rgba(255,255,255,0.09);
|
||
--color-vignette: rgba(0,0,0,0.5);
|
||
--font-display: 'Instrument Serif', Georgia, serif;
|
||
--font-body: 'Inter', sans-serif;
|
||
}
|
||
</style>
|
||
<style>
|
||
:root {
|
||
--color-bg: #080d1a;
|
||
--color-text: #f0f4ff;
|
||
--glow-color-rgb: 99,102,241;
|
||
}
|
||
*, *::before, *::after { box-sizing: border-box; }
|
||
html, body { background: var(--color-bg); margin: 0; }
|
||
body { font-family: 'Inter', sans-serif; color: var(--color-text); overflow: hidden; height: 100vh; width: 100vw; }
|
||
.deck { width: 100vw; height: 100vh; position: relative; }
|
||
.slide {
|
||
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
|
||
background: var(--color-bg); display: flex; flex-direction: column;
|
||
align-items: center; justify-content: center;
|
||
opacity: 0; transform: scale(0.95);
|
||
transition: opacity 0.7s ease, transform 0.7s ease;
|
||
pointer-events: none; overflow: hidden;
|
||
}
|
||
.slide.active { opacity: 1; transform: scale(1); pointer-events: all; }
|
||
.slide > .content { position: relative; z-index: 2; width: 100%; max-width: 1100px; padding: clamp(1.5rem, 4vw, 4rem); }
|
||
.nav-controls {
|
||
position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%);
|
||
display: flex; align-items: center; gap: 14px; z-index: 100;
|
||
background: rgba(255,255,255,0.05); backdrop-filter: blur(12px);
|
||
padding: 9px 22px; border-radius: 40px;
|
||
border: 1px solid rgba(255,255,255,0.09);
|
||
}
|
||
.nav-btn {
|
||
width: 38px; height: 38px; border: none;
|
||
background: rgba(255,255,255,0.06); color: #6366f1;
|
||
border-radius: 50%; font-size: 1.2rem; cursor: pointer;
|
||
display: flex; align-items: center; justify-content: center;
|
||
transition: background 0.3s;
|
||
}
|
||
.nav-btn:hover { background: rgba(255,255,255,0.12); }
|
||
.slide-dots { display: flex; gap: 7px; }
|
||
.slide-dots .dot {
|
||
width: 9px; height: 9px; border-radius: 50%;
|
||
background: rgba(255,255,255,0.15); cursor: pointer;
|
||
transition: background 0.3s, transform 0.3s;
|
||
}
|
||
.slide-dots .dot.active { background: #6366f1; transform: scale(1.35); }
|
||
.slide-counter { font-size: 0.75rem; color: #7b8db0; min-width: 38px; text-align: center; }
|
||
.reveal { opacity: 0; transform: translateY(22px); }
|
||
|
||
/* Glow */
|
||
.text-glow { text-shadow: 0 0 24px rgba(99,102,241,0.55), 0 0 48px rgba(99,102,241,0.22); }
|
||
.stat-glow { text-shadow: 0 0 32px rgba(99,102,241,0.65), 0 0 64px rgba(99,102,241,0.28); }
|
||
@keyframes glow-pulse {
|
||
0%, 100% { text-shadow: 0 0 20px rgba(99,102,241,0.5), 0 0 40px rgba(99,102,241,0.2); }
|
||
50% { text-shadow: 0 0 32px rgba(99,102,241,0.8), 0 0 60px rgba(99,102,241,0.35); }
|
||
}
|
||
.glow-pulse { animation: glow-pulse 3s ease-in-out infinite; }
|
||
|
||
/* Blobs */
|
||
@keyframes float-slow {
|
||
0% { transform: translate(0,0) scale(1); }
|
||
25% { transform: translate(55px,-45px) scale(1.1); }
|
||
50% { transform: translate(-38px,38px) scale(0.92); }
|
||
75% { transform: translate(44px,18px) scale(1.07); }
|
||
100% { transform: translate(0,0) scale(1); }
|
||
}
|
||
@keyframes float-drift {
|
||
0% { transform: translate(0,0) scale(1) rotate(0deg); }
|
||
33% { transform: translate(-44px,-55px) scale(1.13) rotate(3deg); }
|
||
66% { transform: translate(38px,28px) scale(0.89) rotate(-2deg); }
|
||
100% { transform: translate(0,0) scale(1) rotate(0deg); }
|
||
}
|
||
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
|
||
.gradient-mesh { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
|
||
.blob { position: absolute; border-radius: 50%; filter: blur(88px); animation: float-slow 11s ease-in-out infinite; }
|
||
.blob:nth-child(2) { animation: float-drift 15s ease-in-out infinite; }
|
||
.blob:nth-child(3) { animation: float-slow 19s ease-in-out infinite reverse; }
|
||
.blob:nth-child(4) { animation: float-drift 22s ease-in-out infinite reverse; }
|
||
|
||
/* Depth */
|
||
.slide::before {
|
||
content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
|
||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
|
||
background-repeat: repeat; background-size: 256px 256px; opacity: 0.03; mix-blend-mode: overlay;
|
||
}
|
||
.slide::after {
|
||
content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
|
||
background: radial-gradient(ellipse at center, transparent 50%, var(--color-vignette) 100%);
|
||
}
|
||
|
||
/* Bar fills */
|
||
.bar-fill { border-radius: 4px; height: 100%; }
|
||
.bar-track { background: rgba(255,255,255,0.08); border-radius: 6px; height: 10px; overflow: hidden; }
|
||
.bar-fill { width: 0%; transition: width 0.7s ease; height: 100%; }
|
||
|
||
/* Divider accent */
|
||
.border-l-accent { border-left: 4px solid #6366f1; }
|
||
.border-l-violet { border-left: 4px solid #a78bfa; }
|
||
.border-l-cyan { border-left: 4px solid #38bdf8; }
|
||
.border-l-rose { border-left: 4px solid #f43f5e; }
|
||
.border-l-amber { border-left: 4px solid #f59e0b; }
|
||
.border-l-emerald { border-left: 4px solid #10b981; }
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.2s !important; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="mouse-spotlight" style="position:fixed;inset:0;z-index:99;pointer-events:none;"></div>
|
||
|
||
<div class="deck">
|
||
|
||
<!-- ─── СЛАЙД 1: ТИТУЛ ─────────────────────────────────── -->
|
||
<div class="slide slide-1 active" data-slide="1">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:520px;height:520px;top:-120px;right:-100px;background:#6366f1;opacity:0.14;"></div>
|
||
<div class="blob" style="width:320px;height:320px;bottom:-80px;left:-60px;background:#a78bfa;opacity:0.11;"></div>
|
||
<div class="blob" style="width:220px;height:220px;top:42%;left:12%;background:#38bdf8;opacity:0.09;"></div>
|
||
</div>
|
||
<canvas class="particle-canvas" style="position:absolute;inset:0;z-index:1;"></canvas>
|
||
<div class="content text-center">
|
||
<div style="font-size:96px;margin-bottom:1.2rem;animation:float 3.2s ease-in-out infinite;" class="reveal">🤖</div>
|
||
<h1 class="font-display reveal" style="font-size:clamp(2.6rem,6vw,4.8rem);font-weight:700;background:linear-gradient(135deg,#6366f1,#a78bfa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em;line-height:1.1;margin-bottom:1.2rem;">AI Fight Club</h1>
|
||
<p class="reveal" style="font-size:clamp(0.9rem,1.5vw,1.2rem);color:#7b8db0;letter-spacing:0.35em;text-transform:uppercase;font-weight:400;">Три игрока · Три доктрины · 2026</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 2: ПОВЕСТКА ─────────────────────────────── -->
|
||
<div class="slide slide-2" data-slide="2">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:380px;height:380px;top:-80px;right:-70px;background:#6366f1;opacity:0.08;"></div>
|
||
<div class="blob" style="width:260px;height:260px;bottom:-60px;left:-40px;background:#a78bfa;opacity:0.06;"></div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="reveal" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.78rem;color:#6366f1;font-weight:600;margin-bottom:0.6rem;">Структура доклада</p>
|
||
<h2 class="font-display reveal" style="font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:2rem;">Четыре блока · 40 минут</h2>
|
||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;" class="reveal">
|
||
<div style="background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.18);border-radius:14px;padding:1.4rem;">
|
||
<div style="font-size:1.5rem;font-weight:800;color:#6366f1;margin-bottom:0.4rem;">01 · 10 мин</div>
|
||
<div style="font-weight:600;margin-bottom:0.3rem;">Три короны</div>
|
||
<div style="font-size:0.85rem;color:#7b8db0;">Альтман = платформа, Маск = железо, Amodei = этика. Одна гонка, три несовместимые ставки.</div>
|
||
</div>
|
||
<div style="background:rgba(167,139,250,0.08);border:1px solid rgba(167,139,250,0.18);border-radius:14px;padding:1.4rem;">
|
||
<div style="font-size:1.5rem;font-weight:800;color:#a78bfa;margin-bottom:0.4rem;">02 · 15 мин</div>
|
||
<div style="font-weight:600;margin-bottom:0.3rem;">Бойцовский клуб</div>
|
||
<div style="font-size:0.85rem;color:#7b8db0;">Anthropic против Китая, против Пентагона, Маск против всех.</div>
|
||
</div>
|
||
<div style="background:rgba(56,189,248,0.08);border:1px solid rgba(56,189,248,0.18);border-radius:14px;padding:1.4rem;">
|
||
<div style="font-size:1.5rem;font-weight:800;color:#38bdf8;margin-bottom:0.4rem;">03 · 10 мин</div>
|
||
<div style="font-weight:600;margin-bottom:0.3rem;">На кого ставить</div>
|
||
<div style="font-size:0.85rem;color:#7b8db0;">Слепые зоны каждой доктрины. Четвёртый игрок — Китай.</div>
|
||
</div>
|
||
<div style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:14px;padding:1.4rem;">
|
||
<div style="font-size:1.5rem;font-weight:800;color:#7b8db0;margin-bottom:0.4rem;">04 · 5 мин</div>
|
||
<div style="font-weight:600;margin-bottom:0.3rem;">Открытое обсуждение</div>
|
||
<div style="font-size:0.85rem;color:#7b8db0;">Вопросы, полемика, личные ставки.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 3: АЛЬТМАН — ДОКТРИНА ПЛАТФОРМЫ ─────────── -->
|
||
<div class="slide slide-3" data-slide="3">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:400px;height:400px;top:-100px;right:-80px;background:#6366f1;opacity:0.1;"></div>
|
||
<div class="blob" style="width:240px;height:240px;bottom:-50px;left:-30px;background:#38bdf8;opacity:0.07;"></div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="reveal" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.75rem;color:#6366f1;font-weight:600;margin-bottom:0.5rem;">Блок 1 · Альтман / OpenAI</p>
|
||
<h2 class="font-display reveal" style="font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:700;margin-bottom:0.4rem;">Доктрина «Корпоративной короны»</h2>
|
||
<p class="reveal" style="font-size:0.95rem;color:#7b8db0;margin-bottom:1.6rem;font-style:italic;">«Стать Microsoft 2.0 — инфраструктурой, от которой нельзя отказаться»</p>
|
||
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.9rem;" class="reveal">
|
||
<div style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:12px;padding:1.2rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:#7b8db0;margin-bottom:0.4rem;">Годовая выручка (фев. 2026)</div>
|
||
<div class="glow-pulse" style="font-size:2.2rem;font-weight:800;color:#6366f1;">$25 млрд</div>
|
||
<div style="font-size:0.78rem;color:#7b8db0;margin-top:0.2rem;">+317% к 2024-му ($6 млрд)</div>
|
||
</div>
|
||
<div style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:12px;padding:1.2rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:#7b8db0;margin-bottom:0.4rem;">Stargate · инфраструктура</div>
|
||
<div style="font-size:2.2rem;font-weight:800;color:#6366f1;">$500 млрд</div>
|
||
<div style="font-size:0.78rem;color:#7b8db0;margin-top:0.2rem;">SoftBank + Oracle + OpenAI, янв. 2025</div>
|
||
</div>
|
||
<div style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:12px;padding:1.2rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:#7b8db0;margin-bottom:0.4rem;">Вычислительная мощность</div>
|
||
<div style="font-size:2.2rem;font-weight:800;color:#6366f1;">1.9 ГВт</div>
|
||
<div style="font-size:0.78rem;color:#7b8db0;margin-top:0.2rem;">Рост с 0.6 ГВт в 2024 году</div>
|
||
</div>
|
||
</div>
|
||
<div style="margin-top:1.2rem;display:flex;flex-direction:column;gap:0.6rem;" class="reveal">
|
||
<div class="border-l-accent" style="padding:0.7rem 1rem;background:rgba(255,255,255,0.03);border-radius:0 8px 8px 0;">
|
||
<span style="font-size:0.88rem;">🏢 GPT-5 — агенты в корпорациях. GPT-6 ожидается во второй половине 2026 года. Ставка на компании, а не на рядового пользователя.</span>
|
||
</div>
|
||
<div class="border-l-violet" style="padding:0.7rem 1rem;background:rgba(255,255,255,0.03);border-radius:0 8px 8px 0;">
|
||
<span style="font-size:0.88rem;">🔮 Альтман, сентябрь 2024: суперинтеллект — «несколько тысяч дней». «Мы знаем, как построить ОИИ, какими мы его всегда представляли».</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 4: МАСК — ДОКТРИНА ЖЕЛЕЗА ──────────────── -->
|
||
<div class="slide slide-4" data-slide="4">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:380px;height:380px;top:-90px;left:-70px;background:#38bdf8;opacity:0.1;"></div>
|
||
<div class="blob" style="width:260px;height:260px;bottom:-50px;right:-30px;background:#6366f1;opacity:0.07;"></div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="reveal" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.75rem;color:#38bdf8;font-weight:600;margin-bottom:0.5rem;">Блок 1 · Маск / xAI</p>
|
||
<h2 class="font-display reveal" style="font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:700;margin-bottom:0.4rem;">Доктрина «Превосходства железа»</h2>
|
||
<p class="reveal" style="font-size:0.95rem;color:#7b8db0;margin-bottom:1.6rem;font-style:italic;">«ОИИ — это не алгоритмический прорыв, это просто больше железа»</p>
|
||
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.9rem;" class="reveal">
|
||
<div style="background:rgba(56,189,248,0.07);border:1px solid rgba(56,189,248,0.18);border-radius:12px;padding:1.2rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:#7b8db0;margin-bottom:0.4rem;">Grok 5 · параметры</div>
|
||
<div style="font-size:2.2rem;font-weight:800;color:#38bdf8;">6 трлн</div>
|
||
<div style="font-size:0.78rem;color:#7b8db0;margin-top:0.2rem;">В два раза больше Grok 3/4</div>
|
||
</div>
|
||
<div style="background:rgba(56,189,248,0.07);border:1px solid rgba(56,189,248,0.18);border-radius:12px;padding:1.2rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:#7b8db0;margin-bottom:0.4rem;">Colossus 2 · мощность</div>
|
||
<div style="font-size:2.2rem;font-weight:800;color:#38bdf8;">1 ГВт</div>
|
||
<div style="font-size:0.78rem;color:#7b8db0;margin-top:0.2rem;">Первый в мире кластер такого масштаба, март 2026</div>
|
||
</div>
|
||
<div style="background:rgba(56,189,248,0.07);border:1px solid rgba(56,189,248,0.18);border-radius:12px;padding:1.2rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:#7b8db0;margin-bottom:0.4rem;">GPU-эквивалентов H100</div>
|
||
<div style="font-size:2.2rem;font-weight:800;color:#38bdf8;">1M+</div>
|
||
<div style="font-size:0.78rem;color:#7b8db0;margin-top:0.2rem;">Colossus 1 + 2 вместе, финансирование Series E — $20 млрд</div>
|
||
</div>
|
||
</div>
|
||
<div style="margin-top:1.2rem;display:flex;flex-direction:column;gap:0.6rem;" class="reveal">
|
||
<div class="border-l-cyan" style="padding:0.7rem 1rem;background:rgba(255,255,255,0.03);border-radius:0 8px 8px 0;">
|
||
<span style="font-size:0.88rem;">🤝 MACROHARD (11 марта 2026) — совместный проект Tesla + xAI. Grok = «навигатор», агент Tesla = «исполнитель». Цель: замена целых программных компаний.</span>
|
||
</div>
|
||
<div style="padding:0.7rem 1rem;background:rgba(255,255,255,0.03);border-radius:0 8px 8px 0;border-left:4px solid #f43f5e;">
|
||
<span style="font-size:0.88rem;">⚠️ Февраль 2026: 6 из 11 сооснователей покинули xAI (Тони Ву, Джимми Ба, Игорь Бабушкин и другие). SpaceX поглотила xAI — оценка $250 млрд.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 5: AMODEI — ДОКТРИНА ЭТИКИ ──────────────── -->
|
||
<div class="slide slide-5" data-slide="5">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:360px;height:360px;top:-80px;right:-60px;background:#10b981;opacity:0.09;"></div>
|
||
<div class="blob" style="width:240px;height:240px;bottom:-40px;left:-30px;background:#a78bfa;opacity:0.07;"></div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="reveal" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.75rem;color:#10b981;font-weight:600;margin-bottom:0.5rem;">Блок 1 · Amodei / Anthropic</p>
|
||
<h2 class="font-display reveal" style="font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:700;margin-bottom:0.4rem;">Доктрина «Этической крепости»</h2>
|
||
<p class="reveal" style="font-size:0.85rem;color:#f59e0b;font-style:italic;margin-bottom:1.4rem;">TIME Magazine, 11 марта 2026: «Самая разрушительная компания в мире»</p>
|
||
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.9rem;" class="reveal">
|
||
<div style="background:rgba(16,185,129,0.07);border:1px solid rgba(16,185,129,0.18);border-radius:12px;padding:1.2rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:#7b8db0;margin-bottom:0.4rem;">Годовая выручка (март 2026)</div>
|
||
<div style="font-size:2.2rem;font-weight:800;color:#10b981;">$19 млрд</div>
|
||
<div style="font-size:0.78rem;color:#7b8db0;margin-top:0.2rem;">$9 млрд по итогам 2025 года</div>
|
||
</div>
|
||
<div style="background:rgba(16,185,129,0.07);border:1px solid rgba(16,185,129,0.18);border-radius:12px;padding:1.2rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:#7b8db0;margin-bottom:0.4rem;">Claude Code (фев. 2026)</div>
|
||
<div style="font-size:2.2rem;font-weight:800;color:#10b981;">$2.5 млрд</div>
|
||
<div style="font-size:0.78rem;color:#7b8db0;margin-top:0.2rem;">Только за кодирование — отдельная статья выручки</div>
|
||
</div>
|
||
<div style="background:rgba(16,185,129,0.07);border:1px solid rgba(16,185,129,0.18);border-radius:12px;padding:1.2rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:#7b8db0;margin-bottom:0.4rem;">Корпоративных клиентов</div>
|
||
<div style="font-size:2.2rem;font-weight:800;color:#10b981;">300K+</div>
|
||
<div style="font-size:0.78rem;color:#7b8db0;margin-top:0.2rem;">80% выручки — корпоративный сектор</div>
|
||
</div>
|
||
</div>
|
||
<div class="reveal" style="margin-top:1.2rem;padding:0.9rem 1.2rem;background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2);border-radius:10px;">
|
||
<span style="font-size:0.88rem;color:#f59e0b;">⚡ Война на два фронта: Китай пытается похитить модели через промышленный «перегон» — и одновременно американское правительство требует убрать все ограничения безопасности.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 6: РАЗДЕЛИТЕЛЬ — БОЙЦОВСКИЙ КЛУБ ───────── -->
|
||
<div class="slide slide-6" data-slide="6">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:500px;height:500px;top:-100px;right:-100px;background:#f43f5e;opacity:0.12;"></div>
|
||
<div class="blob" style="width:300px;height:300px;bottom:-70px;left:-60px;background:#6366f1;opacity:0.1;"></div>
|
||
<div class="blob" style="width:200px;height:200px;top:40%;left:14%;background:#f59e0b;opacity:0.08;"></div>
|
||
</div>
|
||
<canvas class="particle-canvas-ambient" style="position:absolute;inset:0;z-index:1;"></canvas>
|
||
<div class="content text-center">
|
||
<div style="font-size:80px;margin-bottom:1rem;animation:float 3.5s ease-in-out infinite;" class="reveal">⚔️</div>
|
||
<h2 class="font-display reveal" style="font-size:clamp(2.2rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,#f43f5e,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.8rem;">Блок 2 · Бойцовский клуб</h2>
|
||
<p class="reveal" style="font-size:1.1rem;color:#7b8db0;max-width:600px;margin:0 auto;">Anthropic против Китая · Anthropic против Пентагона · Маск против всех</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 7: КИТАЙСКАЯ УГРОЗА ────────────────────── -->
|
||
<div class="slide slide-7" data-slide="7">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:360px;height:360px;top:-80px;right:-60px;background:#f43f5e;opacity:0.09;"></div>
|
||
<div class="blob" style="width:220px;height:220px;bottom:-40px;left:-30px;background:#f59e0b;opacity:0.07;"></div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="reveal" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.75rem;color:#f43f5e;font-weight:600;margin-bottom:0.5rem;">Фронт 1 · Китай</p>
|
||
<h2 class="font-display reveal" style="font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:700;margin-bottom:1.4rem;">Промышленная кража моделей</h2>
|
||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;" class="reveal">
|
||
<div>
|
||
<div style="display:flex;flex-direction:column;gap:0.8rem;">
|
||
<div class="border-l-rose" style="padding:0.8rem 1rem;background:rgba(255,255,255,0.03);border-radius:0 8px 8px 0;">
|
||
<div style="font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#7b8db0;margin-bottom:0.2rem;">Обвиняемые (22 фев. 2026)</div>
|
||
<div style="font-weight:600;">DeepSeek · Moonshot AI · MiniMax</div>
|
||
</div>
|
||
<div class="border-l-rose" style="padding:0.8rem 1rem;background:rgba(255,255,255,0.03);border-radius:0 8px 8px 0;">
|
||
<div style="font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#7b8db0;margin-bottom:0.2rem;">Фиктивных аккаунтов</div>
|
||
<div style="font-size:1.8rem;font-weight:800;color:#f43f5e;">24 000</div>
|
||
</div>
|
||
<div class="border-l-rose" style="padding:0.8rem 1rem;background:rgba(255,255,255,0.03);border-radius:0 8px 8px 0;">
|
||
<div style="font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#7b8db0;margin-bottom:0.2rem;">Обменов с Claude</div>
|
||
<div style="font-size:1.8rem;font-weight:800;color:#f43f5e;">16 млн</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="background:rgba(244,63,94,0.06);border:1px solid rgba(244,63,94,0.15);border-radius:12px;padding:1.2rem;">
|
||
<div style="font-size:0.78rem;font-weight:600;color:#f43f5e;margin-bottom:0.8rem;">Как это работало</div>
|
||
<div style="font-size:0.85rem;color:#c9d4f0;line-height:1.65;">
|
||
Трафик перенаправлялся через прокси-серверы в обход китайского геофенсинга. Сети «гидра-кластер»: одна сеть управляла более 20 000 аккаунтов одновременно — подставные запросы смешивались с легитимными, чтобы скрыть схему.
|
||
</div>
|
||
<div style="margin-top:0.9rem;padding:0.6rem 0.9rem;background:rgba(244,63,94,0.1);border-radius:8px;font-size:0.8rem;color:#f43f5e;">
|
||
Цель — «перегон» (distillation): извлечь возможности Claude и дообучить собственные модели
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 8: ПЕНТАГОН ─────────────────────────────── -->
|
||
<div class="slide slide-8" data-slide="8">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:360px;height:360px;top:-80px;left:-60px;background:#6366f1;opacity:0.1;"></div>
|
||
<div class="blob" style="width:220px;height:220px;bottom:-40px;right:-30px;background:#f43f5e;opacity:0.08;"></div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="reveal" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.75rem;color:#f43f5e;font-weight:600;margin-bottom:0.5rem;">Фронт 2 · США</p>
|
||
<h2 class="font-display reveal" style="font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:700;margin-bottom:1.4rem;">Anthropic vs. Пентагон</h2>
|
||
<div style="display:flex;flex-direction:column;gap:0.75rem;" class="reveal">
|
||
<div style="display:grid;grid-template-columns:auto 1fr;gap:0.8rem;align-items:start;padding:0.8rem 1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;">
|
||
<div style="font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#7b8db0;white-space:nowrap;padding-top:2px;">Июль 2025</div>
|
||
<div style="font-size:0.88rem;">Контракт с Министерством обороны на <strong>$200 млн</strong> — первая интеграция Claude в засекреченные военные сети.</div>
|
||
</div>
|
||
<div style="display:grid;grid-template-columns:auto 1fr;gap:0.8rem;align-items:start;padding:0.8rem 1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;">
|
||
<div style="font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#7b8db0;white-space:nowrap;padding-top:2px;">Фев. 2026</div>
|
||
<div style="font-size:0.88rem;">Пентагон требует разрешить Claude для <strong>«любого законного применения»</strong> — включая летальные автономные системы и массовую слежку без судебного надзора.</div>
|
||
</div>
|
||
<div style="display:grid;grid-template-columns:auto 1fr;gap:0.8rem;align-items:start;padding:0.8rem 1rem;background:rgba(244,63,94,0.07);border:1px solid rgba(244,63,94,0.18);border-radius:10px;">
|
||
<div style="font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#f43f5e;white-space:nowrap;padding-top:2px;">28 фев. 2026</div>
|
||
<div style="font-size:0.88rem;">Amodei отказывается. Трамп на Truth Social: <em>«НЕМЕДЛЕННО ПРЕКРАТИТЬ»</em> использование Anthropic во всех федеральных ведомствах.</div>
|
||
</div>
|
||
<div style="display:grid;grid-template-columns:auto 1fr;gap:0.8rem;align-items:start;padding:0.8rem 1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;">
|
||
<div style="font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#7b8db0;white-space:nowrap;padding-top:2px;">6 мар. 2026</div>
|
||
<div style="font-size:0.88rem;">Хегсет присваивает Anthropic статус <strong>«угрозы для цепочки поставок»</strong> — тот же ярлык, что используется для китайских и российских компаний. Вывод за 180 дней.</div>
|
||
</div>
|
||
<div style="display:grid;grid-template-columns:auto 1fr;gap:0.8rem;align-items:start;padding:0.8rem 1rem;background:rgba(99,102,241,0.07);border:1px solid rgba(99,102,241,0.2);border-radius:10px;">
|
||
<div style="font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#6366f1;white-space:nowrap;padding-top:2px;">24 мар. 2026</div>
|
||
<div style="font-size:0.88rem;">Anthropic подаёт иск в Сан-Франциско — обвиняет Пентагон в незаконных репрессиях.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 9: МАСК ПРОТИВ ВСЕХ ───────────────────── -->
|
||
<div class="slide slide-9" data-slide="9">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:380px;height:380px;top:-80px;right:-70px;background:#38bdf8;opacity:0.09;"></div>
|
||
<div class="blob" style="width:240px;height:240px;bottom:-50px;left:-30px;background:#f43f5e;opacity:0.07;"></div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="reveal" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.75rem;color:#38bdf8;font-weight:600;margin-bottom:0.5rem;">Фронт 3 · Маск против всех</p>
|
||
<h2 class="font-display reveal" style="font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:700;margin-bottom:1.4rem;">Турбулентность внутри xAI</h2>
|
||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;" class="reveal">
|
||
<div style="display:flex;flex-direction:column;gap:0.7rem;">
|
||
<div style="font-size:0.78rem;font-weight:600;color:#38bdf8;margin-bottom:0.2rem;">Кто ушёл из xAI</div>
|
||
<div style="padding:0.7rem 1rem;background:rgba(255,255,255,0.03);border-left:3px solid #f43f5e;border-radius:0 8px 8px 0;font-size:0.85rem;">Тони Ву — руководил направлением рассуждений</div>
|
||
<div style="padding:0.7rem 1rem;background:rgba(255,255,255,0.03);border-left:3px solid #f43f5e;border-radius:0 8px 8px 0;font-size:0.85rem;">Джимми Ба — оптимизатор Adam, нормализация слоёв</div>
|
||
<div style="padding:0.7rem 1rem;background:rgba(255,255,255,0.03);border-left:3px solid #f43f5e;border-radius:0 8px 8px 0;font-size:0.85rem;">Игорь Бабушкин, Кайл Косик (перешёл в OpenAI), Кристиан Сегеди</div>
|
||
<div style="padding:0.7rem 1rem;background:rgba(244,63,94,0.08);border:1px solid rgba(244,63,94,0.2);border-radius:8px;font-size:0.88rem;color:#f43f5e;font-weight:600;">6 из 11 сооснователей покинули компанию</div>
|
||
</div>
|
||
<div style="display:flex;flex-direction:column;gap:0.7rem;">
|
||
<div style="font-size:0.78rem;font-weight:600;color:#38bdf8;margin-bottom:0.2rem;">Контекст</div>
|
||
<div style="padding:0.9rem 1rem;background:rgba(56,189,248,0.06);border:1px solid rgba(56,189,248,0.15);border-radius:10px;font-size:0.85rem;line-height:1.6;">
|
||
SpaceX поглотила xAI: оценка xAI — $250 млрд, SpaceX — $1 трлн. Tesla вложила $2 млрд в акции xAI.
|
||
</div>
|
||
<div style="padding:0.9rem 1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:0.85rem;line-height:1.6;">
|
||
MACROHARD (11 марта 2026) — agentic AI-система Tesla + xAI. Работает на чипе Tesla AI4 ($650), минуя дорогие дата-центры. Название — шутка над Microsoft.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 10: РАЗДЕЛИТЕЛЬ — СТАВКИ ───────────────── -->
|
||
<div class="slide slide-10" data-slide="10">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:480px;height:480px;top:-100px;right:-90px;background:#f59e0b;opacity:0.11;"></div>
|
||
<div class="blob" style="width:280px;height:280px;bottom:-70px;left:-50px;background:#6366f1;opacity:0.09;"></div>
|
||
<div class="blob" style="width:200px;height:200px;top:38%;left:16%;background:#10b981;opacity:0.08;"></div>
|
||
</div>
|
||
<canvas class="particle-canvas-ambient" style="position:absolute;inset:0;z-index:1;"></canvas>
|
||
<div class="content text-center">
|
||
<div style="font-size:78px;margin-bottom:1rem;animation:float 3.8s ease-in-out infinite;" class="reveal">🎯</div>
|
||
<h2 class="font-display reveal" style="font-size:clamp(2.2rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,#f59e0b,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.8rem;">Блок 3 · На кого ставить</h2>
|
||
<p class="reveal" style="font-size:1.05rem;color:#7b8db0;max-width:600px;margin:0 auto;">Каждая доктрина имеет слепую зону. Включая ту, о которой никто не говорит.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 11: СЛЕПЫЕ ЗОНЫ ────────────────────────── -->
|
||
<div class="slide slide-11" data-slide="11">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:360px;height:360px;top:-80px;right:-60px;background:#f59e0b;opacity:0.09;"></div>
|
||
<div class="blob" style="width:220px;height:220px;bottom:-40px;left:-30px;background:#6366f1;opacity:0.07;"></div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="reveal" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.75rem;color:#f59e0b;font-weight:600;margin-bottom:0.5rem;">Блок 3 · Анализ</p>
|
||
<h2 class="font-display reveal" style="font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:700;margin-bottom:1.4rem;">Три доктрины · Три слепых зоны</h2>
|
||
<div style="display:flex;flex-direction:column;gap:0.8rem;" class="reveal">
|
||
<div style="display:grid;grid-template-columns:180px 1fr 1fr;gap:0.8rem;align-items:center;padding:0.9rem 1rem;background:rgba(99,102,241,0.06);border:1px solid rgba(99,102,241,0.15);border-radius:10px;">
|
||
<div style="font-weight:700;color:#6366f1;">Альтман · Платформа</div>
|
||
<div style="font-size:0.84rem;color:#c9d4f0;">Корпоративный захват выстроен на Stargate + агентах</div>
|
||
<div style="font-size:0.84rem;color:#f43f5e;">Корпоративная зависимость хрупка: один OpenAI-скандал — и крупный клиент уходит к конкуренту.</div>
|
||
</div>
|
||
<div style="display:grid;grid-template-columns:180px 1fr 1fr;gap:0.8rem;align-items:center;padding:0.9rem 1rem;background:rgba(56,189,248,0.06);border:1px solid rgba(56,189,248,0.15);border-radius:10px;">
|
||
<div style="font-weight:700;color:#38bdf8;">Маск · Железо</div>
|
||
<div style="font-size:0.84rem;color:#c9d4f0;">Colossus 2 — крупнейший кластер в мире, Grok 5 на подходе</div>
|
||
<div style="font-size:0.84rem;color:#f43f5e;">Железо ≠ ОИИ. Уход лучших исследователей подрывает именно алгоритмическую сторону.</div>
|
||
</div>
|
||
<div style="display:grid;grid-template-columns:180px 1fr 1fr;gap:0.8rem;align-items:center;padding:0.9rem 1rem;background:rgba(16,185,129,0.06);border:1px solid rgba(16,185,129,0.15);border-radius:10px;">
|
||
<div style="font-weight:700;color:#10b981;">Amodei · Этика</div>
|
||
<div style="font-size:0.84rem;color:#c9d4f0;">Первая компания, которая публично воюет и с Китаем, и со своим правительством</div>
|
||
<div style="font-size:0.84rem;color:#f43f5e;">Этика без государственной поддержки — красивое самоубийство. Судебная победа не гарантирована.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 12: КИТАЙ — ЧЕТВЁРТЫЙ ИГРОК ─────────────── -->
|
||
<div class="slide slide-12" data-slide="12">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:380px;height:380px;top:-80px;right:-60px;background:#f43f5e;opacity:0.1;"></div>
|
||
<div class="blob" style="width:240px;height:240px;bottom:-50px;left:-30px;background:#f59e0b;opacity:0.07;"></div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="reveal" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.75rem;color:#f43f5e;font-weight:600;margin-bottom:0.5rem;">Блок 3 · Четвёртый игрок</p>
|
||
<h2 class="font-display reveal" style="font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:700;margin-bottom:1.4rem;">Китай играет в другую игру</h2>
|
||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;" class="reveal">
|
||
<div style="display:flex;flex-direction:column;gap:0.7rem;">
|
||
<div style="padding:1rem 1.1rem;background:rgba(244,63,94,0.07);border:1px solid rgba(244,63,94,0.18);border-radius:10px;">
|
||
<div style="font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:#f43f5e;margin-bottom:0.3rem;">Стратегия</div>
|
||
<div style="font-size:0.9rem;line-height:1.6;">Им не нужна корона. Нужна паритетность. Промышленный «перегон» — это не воровство, это ускоренное сокращение разрыва.</div>
|
||
</div>
|
||
<div style="padding:1rem 1.1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;">
|
||
<div style="font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:#7b8db0;margin-bottom:0.3rem;">DeepSeek R2 · февраль 2026</div>
|
||
<div style="font-size:0.9rem;line-height:1.6;">Открытые модели под государственной защитой. Экспортный контроль США на чипы затрудняет, но не останавливает.</div>
|
||
</div>
|
||
</div>
|
||
<div style="padding:1.1rem 1.2rem;background:rgba(245,158,11,0.07);border:1px solid rgba(245,158,11,0.18);border-radius:12px;">
|
||
<div style="font-size:0.78rem;font-weight:600;color:#f59e0b;margin-bottom:0.7rem;">Почему это меняет расстановку сил</div>
|
||
<div style="display:flex;flex-direction:column;gap:0.6rem;font-size:0.86rem;line-height:1.6;">
|
||
<div>🌐 Китай не конкурирует на рынке — он копирует ядро, а потом выстраивает собственную экосистему.</div>
|
||
<div>⚡ Три западных игрока тратят энергию на войны между собой — и пропускают боковой удар.</div>
|
||
<div>🔓 Открытые модели (DeepSeek) снижают ценность закрытых — и давят на бизнес-модель Anthropic.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 13: КОНСПЕКТ ─────────────────────────────── -->
|
||
<div class="slide slide-13" data-slide="13">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:360px;height:360px;top:-80px;right:-60px;background:#6366f1;opacity:0.09;"></div>
|
||
<div class="blob" style="width:220px;height:220px;bottom:-40px;left:-30px;background:#a78bfa;opacity:0.07;"></div>
|
||
</div>
|
||
<div class="content">
|
||
<p class="reveal" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.75rem;color:#6366f1;font-weight:600;margin-bottom:0.5rem;">Конспект · Ключевые факты</p>
|
||
<h2 class="font-display reveal" style="font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;margin-bottom:1.2rem;">Цифры, которые нужно помнить</h2>
|
||
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.8rem;" class="reveal">
|
||
<div style="background:rgba(99,102,241,0.07);border:1px solid rgba(99,102,241,0.18);border-radius:10px;padding:1rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:#6366f1;margin-bottom:0.6rem;">OpenAI 2026</div>
|
||
<div style="display:flex;flex-direction:column;gap:0.35rem;font-size:0.83rem;">
|
||
<div>$25 млрд годовая выручка (фев.)</div>
|
||
<div>Stargate: $500 млрд инфраструктура</div>
|
||
<div>1.9 ГВт вычислительных мощностей</div>
|
||
<div>GPT-6 — ожидается во 2-м полугодии</div>
|
||
</div>
|
||
</div>
|
||
<div style="background:rgba(56,189,248,0.07);border:1px solid rgba(56,189,248,0.18);border-radius:10px;padding:1rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:#38bdf8;margin-bottom:0.6rem;">xAI 2026</div>
|
||
<div style="display:flex;flex-direction:column;gap:0.35rem;font-size:0.83rem;">
|
||
<div>Grok 5: 6 трлн параметров</div>
|
||
<div>Colossus 2: 1 ГВт, 1M+ GPU</div>
|
||
<div>Series E: $20 млрд</div>
|
||
<div>6 из 11 сооснователей ушли</div>
|
||
</div>
|
||
</div>
|
||
<div style="background:rgba(16,185,129,0.07);border:1px solid rgba(16,185,129,0.18);border-radius:10px;padding:1rem;">
|
||
<div style="font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:#10b981;margin-bottom:0.6rem;">Anthropic 2026</div>
|
||
<div style="display:flex;flex-direction:column;gap:0.35rem;font-size:0.83rem;">
|
||
<div>$19 млрд годовая выручка (март)</div>
|
||
<div>Claude Code: $2.5 млрд отдельно</div>
|
||
<div>24 000 фейков + 16 млн обменов</div>
|
||
<div>Иск против Пентагона — в суде</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="margin-top:1rem;padding:0.9rem 1.1rem;background:rgba(245,158,11,0.07);border:1px solid rgba(245,158,11,0.18);border-radius:10px;" class="reveal">
|
||
<span style="font-size:0.88rem;color:#f59e0b;">📌 TIME Magazine, 11 марта 2026: Anthropic — «Самая разрушительная компания в мире». Единственная, которая одновременно воюет с Китаем и со своим президентом.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ─── СЛАЙД 14: ОБСУЖДЕНИЕ ──────────────────────────── -->
|
||
<div class="slide slide-14" data-slide="14">
|
||
<div class="gradient-mesh">
|
||
<div class="blob" style="width:500px;height:500px;top:-100px;right:-100px;background:#6366f1;opacity:0.14;"></div>
|
||
<div class="blob" style="width:300px;height:300px;bottom:-70px;left:-60px;background:#a78bfa;opacity:0.11;"></div>
|
||
<div class="blob" style="width:210px;height:210px;top:40%;left:13%;background:#38bdf8;opacity:0.09;"></div>
|
||
</div>
|
||
<canvas class="particle-canvas" style="position:absolute;inset:0;z-index:1;"></canvas>
|
||
<div class="content">
|
||
<p class="reveal text-center" style="text-transform:uppercase;letter-spacing:0.18em;font-size:0.75rem;color:#6366f1;font-weight:600;margin-bottom:0.8rem;">Блок 4 · Обсуждение</p>
|
||
<h2 class="font-display reveal text-center" style="font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.6rem;">Вопросы для разговора</h2>
|
||
<div style="display:flex;flex-direction:column;gap:0.75rem;" class="reveal">
|
||
<div style="padding:0.85rem 1.1rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:10px;font-size:0.9rem;">
|
||
🏢 Выдержит ли корпоративная ставка OpenAI? Один регуляторный скандал — и всё посыплется?
|
||
</div>
|
||
<div style="padding:0.85rem 1.1rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:10px;font-size:0.9rem;">
|
||
🔩 Сможет ли Маск удержать xAI без ключевых исследователей — или железо действительно важнее людей?
|
||
</div>
|
||
<div style="padding:0.85rem 1.1rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:10px;font-size:0.9rem;">
|
||
⚖️ Anthropic выиграет суд против Пентагона — или прецедент уже создан?
|
||
</div>
|
||
<div style="padding:0.85rem 1.1rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:10px;font-size:0.9rem;">
|
||
🌏 Китайская стратегия паритета — это умнее, чем гонка за короной?
|
||
</div>
|
||
<div style="padding:0.85rem 1.1rem;background:rgba(99,102,241,0.09);border:1px solid rgba(99,102,241,0.22);border-radius:10px;font-size:0.9rem;color:#a78bfa;">
|
||
🎯 На кого вы ставите лично — и почему?
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div><!-- /deck -->
|
||
|
||
<div class="nav-controls">
|
||
<button class="nav-btn" onclick="changeSlide(-1)">‹</button>
|
||
<div class="slide-dots" id="dots"></div>
|
||
<button class="nav-btn" onclick="changeSlide(1)">›</button>
|
||
<span class="slide-counter" id="counter">1 / 14</span>
|
||
</div>
|
||
|
||
<script>
|
||
let current = 1;
|
||
const total = document.querySelectorAll('.slide').length;
|
||
const dotsContainer = document.getElementById('dots');
|
||
const counter = document.getElementById('counter');
|
||
for (let i = 1; i <= total; i++) {
|
||
const dot = document.createElement('div');
|
||
dot.className = 'dot' + (i === 1 ? ' active' : '');
|
||
dot.onclick = () => goToSlide(i);
|
||
dotsContainer.appendChild(dot);
|
||
}
|
||
function goToSlide(n) {
|
||
const prev = document.querySelector('.slide.active');
|
||
const next = document.querySelector('.slide[data-slide="' + n + '"]');
|
||
if (prev) prev.classList.remove('active');
|
||
if (next) { next.classList.add('active'); animateSlide(next); }
|
||
current = n; updateNav();
|
||
}
|
||
function changeSlide(dir) {
|
||
let next = current + dir;
|
||
if (next < 1) next = total;
|
||
if (next > total) next = 1;
|
||
goToSlide(next);
|
||
}
|
||
function updateNav() {
|
||
document.querySelectorAll('.dot').forEach((d, i) => d.classList.toggle('active', i + 1 === current));
|
||
counter.textContent = current + ' / ' + total;
|
||
}
|
||
document.addEventListener('keydown', (e) => {
|
||
if (e.key === 'ArrowRight' || e.key === ' ') { e.preventDefault(); changeSlide(1); }
|
||
if (e.key === 'ArrowLeft') { e.preventDefault(); changeSlide(-1); }
|
||
});
|
||
let touchStartX = 0;
|
||
document.addEventListener('touchstart', (e) => { touchStartX = e.touches[0].clientX; });
|
||
document.addEventListener('touchend', (e) => {
|
||
const diff = touchStartX - e.changedTouches[0].clientX;
|
||
if (Math.abs(diff) > 50) changeSlide(diff > 0 ? 1 : -1);
|
||
});
|
||
|
||
function animateSlide(slide) {
|
||
slide.querySelectorAll('.reveal').forEach((el, i) => {
|
||
el.style.transition = 'none';
|
||
el.style.opacity = '0';
|
||
el.style.transform = 'translateY(22px)';
|
||
el.offsetHeight;
|
||
const delay = i * 0.08;
|
||
el.style.transition = 'opacity 0.38s ease ' + delay + 's, transform 0.38s ease ' + delay + 's';
|
||
el.style.opacity = '1';
|
||
el.style.transform = 'translateY(0px)';
|
||
});
|
||
animateSlideEffects(slide);
|
||
}
|
||
function animateSlideEffects(slide) {
|
||
slide.querySelectorAll('.bar-fill:not(.fill-init)').forEach((bar, i) => {
|
||
bar.classList.add('fill-init');
|
||
bar.style.width = '0%';
|
||
bar.style.transition = 'width 0.6s ease ' + (i * 0.09) + 's';
|
||
bar.offsetHeight;
|
||
bar.style.width = (bar.dataset.width || '0') + '%';
|
||
});
|
||
}
|
||
|
||
document.addEventListener('mousemove', (e) => {
|
||
const spotlight = document.querySelector('.mouse-spotlight');
|
||
if (spotlight) {
|
||
spotlight.style.background = 'radial-gradient(600px circle at ' + e.clientX + 'px ' + e.clientY + 'px, rgba(99,102,241,0.06), transparent 40%)';
|
||
}
|
||
});
|
||
|
||
window.initParticles = function(canvas, options) {
|
||
if (!canvas) return;
|
||
const ctx = canvas.getContext('2d');
|
||
canvas.width = canvas.offsetWidth; canvas.height = canvas.offsetHeight;
|
||
const interactive = options.interactive !== false;
|
||
const count = options.count || (interactive ? 55 : 18);
|
||
let mx = -1000, my = -1000;
|
||
const particles = Array.from({ length: count }, () => ({
|
||
x: Math.random() * canvas.width, y: Math.random() * canvas.height,
|
||
vx: (Math.random() - 0.5) * 0.3, vy: (Math.random() - 0.5) * 0.3,
|
||
size: Math.random() * 2.4 + 0.8, alpha: Math.random() * 0.3 + 0.1
|
||
}));
|
||
if (interactive) {
|
||
canvas.addEventListener('mousemove', (e) => { const rect = canvas.getBoundingClientRect(); mx = e.clientX - rect.left; my = e.clientY - rect.top; });
|
||
canvas.addEventListener('mouseleave', () => { mx = -1000; my = -1000; });
|
||
}
|
||
(function animate() {
|
||
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
||
particles.forEach(p => {
|
||
if (interactive) {
|
||
const dx = p.x - mx, dy = p.y - my, dist = Math.sqrt(dx*dx + dy*dy);
|
||
if (dist < 120) { const force = (120 - dist) / 120 * 2; p.vx += (dx/dist)*force*0.1; p.vy += (dy/dist)*force*0.1; }
|
||
}
|
||
p.vx *= 0.98; p.vy *= 0.98; p.x += p.vx; p.y += p.vy;
|
||
if (p.x < 0) p.x = canvas.width; if (p.x > canvas.width) p.x = 0;
|
||
if (p.y < 0) p.y = canvas.height; if (p.y > canvas.height) p.y = 0;
|
||
ctx.beginPath(); ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
|
||
ctx.fillStyle = 'rgba(99,102,241,' + p.alpha + ')'; ctx.fill();
|
||
});
|
||
requestAnimationFrame(animate);
|
||
})();
|
||
};
|
||
document.querySelectorAll('.particle-canvas').forEach(c => window.initParticles(c, { interactive: true, count: 55 }));
|
||
document.querySelectorAll('.particle-canvas-ambient').forEach(c => window.initParticles(c, { interactive: false, count: 18 }));
|
||
|
||
try { animateSlide(document.querySelector('.slide.active')); } catch(e) {}
|
||
</script>
|
||
</body>
|
||
</html> |