98 lines
6.9 KiB
HTML
98 lines
6.9 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>ИИШНИЦА · Пост для соцсетей main-комьюнити</title>
|
||
<style>
|
||
:root{--paper:#faf8f3;--ink:#15150f;--signal:#FF4F00;--dim:#6b675e;--line:#d8d3c8;--card:#f3f0e8}
|
||
*{margin:0;padding:0;box-sizing:border-box}
|
||
body{background:var(--paper);color:var(--ink);font:16px/1.62 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
|
||
.mono{font-family:ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace}
|
||
.wrap{max-width:680px;margin:0 auto;padding:40px 20px 80px}
|
||
.kicker{font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.22em;color:var(--signal);font-weight:700;text-transform:uppercase;margin-bottom:18px}
|
||
h1{font-size:28px;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:6px}
|
||
.sub{font-size:15px;color:var(--dim);margin-bottom:28px}
|
||
|
||
/* Telegram-пост */
|
||
.tg{border:1px solid var(--ink);background:#fff;max-width:560px;margin:0 auto 34px;border-radius:12px;overflow:hidden;box-shadow:4px 4px 0 var(--ink)}
|
||
.tg-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
|
||
.tg-ava{width:38px;height:38px;border-radius:50%;background:var(--signal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
|
||
.tg-meta b{display:block;font-size:14.5px}
|
||
.tg-meta span{font-size:12.5px;color:var(--dim)}
|
||
.tg-body{padding:16px;font-size:15px;line-height:1.6}
|
||
.tg-body .title{font-size:17px;font-weight:800;margin-bottom:10px;letter-spacing:.01em}
|
||
.tg-body p{margin:8px 0}
|
||
.tg-body ol{margin:8px 0 8px 22px}
|
||
.tg-body li{margin:5px 0}
|
||
.tg-body .speakers{margin-top:10px}
|
||
.tg-body .speakers b{display:block;margin-top:8px}
|
||
.tg-body .mission{background:var(--card);border-left:3px solid var(--signal);padding:8px 12px;margin:10px 0}
|
||
.tg-body .loc{margin-top:10px;color:var(--dim);font-size:14px}
|
||
.tg-body .cta{margin-top:10px;font-weight:600}
|
||
.tg-tags{padding:0 16px 14px;color:#2a6fb0;font-size:14px}
|
||
.tg-foot{padding:10px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--dim);font-size:13px}
|
||
|
||
/* Короткая версия */
|
||
.short{border:1px solid var(--ink);background:var(--card);max-width:560px;margin:0 auto 34px;padding:18px 20px}
|
||
.short .lbl{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--signal);font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}
|
||
.short p{margin:6px 0;font-size:15px}
|
||
|
||
.note{max-width:560px;margin:0 auto;font-size:13.5px;color:var(--dim);border-top:1px solid var(--line);padding-top:14px}
|
||
footer{margin-top:40px;border-top:3px solid var(--ink);padding-top:12px;font-size:13px;color:var(--dim)}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
|
||
<div class="kicker">ИИШНИЦА · Соцсети main-комьюнити</div>
|
||
<h1>Пост для канала</h1>
|
||
<p class="sub">Готовая вёрстка поста: копируй текст прямо из блока — эмодзи и разбивка сохранятся.</p>
|
||
|
||
<div class="tg">
|
||
<div class="tg-head">
|
||
<div class="tg-ava">42</div>
|
||
<div class="tg-meta"><b>Кооператив 42 · main</b><span>канал комьюнити</span></div>
|
||
</div>
|
||
<div class="tg-body">
|
||
<div class="title">ПАНЕЛЬНАЯ СЕССИЯ «ОБЩЕЕ ВИДЕНИЕ» · ИИШНИЦА 🎤</div>
|
||
<p><b>45 минут · 3 участника · один результат</b> — название общего видения будущего.</p>
|
||
<p>Не классическая панель с вопросами модератора. Три круга:</p>
|
||
<ol>
|
||
<li><b>«Моё будущее»</b> — 4 минуты каждому без перебиваний: каким каждый видит будущее своей индустрии в самом дальнем горизонте</li>
|
||
<li><b>«Что понравилось»</b> — где картины будущего пересекаются</li>
|
||
<li><b>«Название общего видения»</b> — панель и зал вместе рождают одно название для всех картин будущего. Оно остаётся после сессии — в заголовках, фото и цитатах</li>
|
||
</ol>
|
||
<div class="speakers">
|
||
<b>На сцене:</b>
|
||
• Алекс Шкор — модератор и участник. Председатель кооператива, AI-инфраструктура и стратегия (Симбиот, Кибербанк, Domostroy)<br>
|
||
• Влад Шемардинов — видеопродакшн и контент, ReelsUp<br>
|
||
• Юрий Бокач — монетикс, финансовая архитектура, залоговые системы
|
||
</div>
|
||
<div class="mission">Рамку держит миссия кооператива «42»: <b>все миссии одинаково важны</b> — каждый взгляд на будущее важен, любая индустрия равна.</div>
|
||
<div class="loc">📍 Минск · точная дата и площадка — в следующих постах<br>🌐 cil.by</div>
|
||
<div class="cta">Приходи: приведи своё видение будущего — оно не менее важно, чем наше.</div>
|
||
</div>
|
||
<div class="tg-tags">#ИИШНИЦА #панельнаясессия #общеевидение #кооператив42 #ИИ #будущее #Минск</div>
|
||
<div class="tg-foot"><span>👁 просмотры</span><span>18:00</span></div>
|
||
</div>
|
||
|
||
<div class="short">
|
||
<div class="lbl">Короткая версия · сторис / репост</div>
|
||
<p><b>Панельная сессия «Общее видение» на ИИШНИЦЕ 🎤</b></p>
|
||
<p>45 минут · 3 спикера · 3 круга: моё будущее → что понравилось → название общего видения</p>
|
||
<p>Алекс Шкор · Влад Шемардинов · Юрий Бокач</p>
|
||
<p>Миссия 42: все миссии одинаково важны.</p>
|
||
<p>Минск · дата в следующих постах · cil.by</p>
|
||
</div>
|
||
|
||
<p class="note">Полный HTML-анонс сессии (для закрепа/сайта): <span class="mono">iishnitsa-announcement-main-community.html</span>. При появлении даты и площадки — обновлю обе версии и док.</p>
|
||
|
||
<footer>
|
||
ИИШНИЦА · пост для соцсетей main-комьюнити · кооператив «Друзья Коллективного Разума» · Минск · <span class="mono">cil.by</span><br>
|
||
<span class="mono">simbiot-harness / hour</span> · 2026-10-13
|
||
</footer>
|
||
|
||
</div>
|
||
</body>
|
||
</html>
|