82 lines
6.2 KiB
HTML
82 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>ИИШНИЦА · «Общее видение»</title>
|
||
<style>
|
||
:root { --bg:#070708; --neon:#7cf2c4; --neon2:#a78bfa; --txt:#d6d9e0; --mut:#7c8290; --card:rgba(124,242,196,.05); }
|
||
* { box-sizing:border-box; }
|
||
body { margin:0; font-family:'Space Grotesk',-apple-system,'Segoe UI',Roboto,sans-serif; color:var(--txt); background:var(--bg); line-height:1.6; }
|
||
.hero { padding:64px 22px 40px; text-align:center; background:radial-gradient(ellipse 60% 45% at 50% 0%, rgba(124,242,196,.14), transparent 70%), radial-gradient(ellipse 40% 30% at 80% 10%, rgba(167,139,250,.10), transparent 70%); }
|
||
.tag { display:inline-block; border:1px solid var(--neon); color:var(--neon); border-radius:4px; padding:4px 14px; font-size:11px; letter-spacing:4px; text-transform:uppercase; }
|
||
h1 { font-size:clamp(32px,6vw,52px); line-height:1.08; margin:22px 0 10px; font-weight:700; color:#fff; }
|
||
h1 span { background:linear-gradient(90deg,var(--neon),var(--neon2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
|
||
.sub { color:var(--mut); font-size:16px; max-width:520px; margin:0 auto; }
|
||
.wrap { max-width:720px; margin:0 auto; padding:16px 22px 64px; }
|
||
h2 { font-size:13px; letter-spacing:3px; text-transform:uppercase; color:var(--neon); margin:44px 0 16px; }
|
||
p { font-size:15.5px; }
|
||
.flow { display:grid; gap:10px; }
|
||
.step { display:flex; gap:16px; align-items:baseline; padding:14px 18px; border:1px solid rgba(124,242,196,.18); border-radius:8px; background:var(--card); }
|
||
.step i { color:var(--neon); font-style:normal; font-weight:700; font-size:13px; min-width:86px; font-variant-numeric:tabular-nums; }
|
||
.step b { color:#fff; }
|
||
.step span { font-size:14.5px; color:var(--txt); }
|
||
.sp { display:grid; grid-template-columns:1fr; gap:10px; }
|
||
.card { border:1px solid rgba(167,139,250,.25); border-radius:10px; padding:16px 18px; }
|
||
.card b { color:#fff; font-size:16px; display:block; }
|
||
.card span { font-size:14px; color:var(--mut); }
|
||
.card i { color:var(--neon2); font-style:normal; font-size:12px; letter-spacing:1px; text-transform:uppercase; }
|
||
ul { list-style:none; padding:0; }
|
||
li { margin:10px 0; padding-left:26px; position:relative; font-size:15px; }
|
||
li::before { content:'▸'; position:absolute; left:0; color:var(--neon); }
|
||
.cta { margin-top:44px; text-align:center; border:1px solid var(--neon); border-radius:12px; padding:26px 22px; background:linear-gradient(180deg,rgba(124,242,196,.08),transparent); }
|
||
.cta b { color:var(--neon); }
|
||
footer { margin-top:32px; text-align:center; color:var(--mut); font-size:12.5px; letter-spacing:1px; }
|
||
em { color:var(--neon); font-style:normal; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="hero">
|
||
<span class="tag">Анонс · ИИШНИЦА</span>
|
||
<h1>Панель «<span>Общее видение</span>»</h1>
|
||
<p class="sub">Три круга разговора · 45 минут · один артефакт на выходе — название общего видения будущего</p>
|
||
</div>
|
||
<div class="wrap">
|
||
|
||
<h2>// Что будет</h2>
|
||
<p>Не панель с вопросами модератора, а разговор с финалом: <em>одно название общего видения будущего</em>. Рамка — миссия кооператива «42»: все миссии одинаково важны, каждая индустрия равна.</p>
|
||
|
||
<h2>// Формат</h2>
|
||
<div class="flow">
|
||
<div class="step"><i>00:00</i><span><b>Открытие</b> — миссия 42 как рамка сессии</span></div>
|
||
<div class="step"><i>00:03</i><span><b>Круг 1 · «Моё будущее»</b> — по 4 минуты каждому, без вопросов и перебиваний</span></div>
|
||
<div class="step"><i>00:15</i><span><b>Круг 2 · «Что понравилось»</b> — связываем картины, а не спорим</span></div>
|
||
<div class="step"><i>00:21</i><span><b>Круг 3</b> — панель называет общее видение</span></div>
|
||
<div class="step"><i>00:30</i><span><b>Вопросы из зала</b> — зал четвёртый участник</span></div>
|
||
<div class="step"><i>00:43</i><span><b>Финал</b> — название видения + короткое резюме</span></div>
|
||
</div>
|
||
|
||
<h2>// Участники</h2>
|
||
<div class="sp">
|
||
<div class="card"><i>модератор</i><b>Алекс Шкор</b><span>Председатель кооператива «Друзья Коллективного Разума». Архитектор Simbiot (simbiot.cil.by). AI-инфраструктура и стратегия</span></div>
|
||
<div class="card"><i>правление</i><b>Влад Шемардинов</b><span>Avatar (avatar.cil.by): подкасты и видео превращаются в вирусные рилсы</span></div>
|
||
<div class="card"><i>секретарь · монетикс</i><b>Юрий Бокач</b><span>Финансовая архитектура, документооборот, залоговые системы и аналитика. Проект: vybirai.cil.by</span></div>
|
||
</div>
|
||
|
||
<h2>// Зачем идти</h2>
|
||
<ul>
|
||
<li><em>4 минуты без перебиваний</em> — глубина вместо заготовок</li>
|
||
<li><em>«Что понравилось» вместо спора</em> — созвучие индустрий</li>
|
||
<li><em>Артефакт остаётся</em> — название видения живёт в заголовках и цитатах</li>
|
||
<li><em>Миссия 42</em> — спикерам безопасно говорить смело</li>
|
||
</ul>
|
||
|
||
<div class="cta">
|
||
<b>Минск · cil.by</b><br>дата и площадка — в следующих постах<br><br>
|
||
Приходи: приведи своё видение будущего — оно не менее важно, чем наше.
|
||
</div>
|
||
|
||
<footer>КООПЕРАТИВ «ДРУЗЬЯ КОЛЛЕКТИВНОГО РАЗУМА» · МИНСК · CIL.BY</footer>
|
||
</div>
|
||
</body>
|
||
</html>
|