wasrusgen/wasrusgen1-crm
1
0
Fork 0
mirror of https://github.com/wasrusgen/wasrusgen1-crm.git synced 2026-06-03 15:44:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: presentation — градиент фон, логотип по брендбуку (weight 700/900, opacity .7, divider 1.5px)

Browse Source
This commit is contained in:
wasrusgen 2026-05-29 17:09:31 +03:00
parent b8bd7132f5
commit 99ea8c8fe0
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
docs/presentation_architecture.html
View File

@ -26,7 +26,7 @@
html,body{height:100%} html,body{height:100%}
body{ body{
font-family:'Inter',system-ui,sans-serif; font-family:'Inter',system-ui,sans-serif;
background:var(--bg); background:linear-gradient(145deg,#0A0A18 0%,#13103A 45%,#0D0C22 75%,#0F0F1A 100%);
color:var(--text); color:var(--text);
overflow:hidden; overflow:hidden;
} }
@ -342,7 +342,7 @@
<!-- 1 TITLE --> <!-- 1 TITLE -->
<section class="slide title-slide active"> <section class="slide title-slide active">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage" style="display:flex;flex-direction:column;justify-content:center"> <div class="stage" style="display:flex;flex-direction:column;justify-content:center">
<div class="brandtag"><span class="dot"></span> @wasrusgen1 CRM · PLATFORM ARCHITECTURE</div> <div class="brandtag"><span class="dot"></span> @wasrusgen1 CRM · PLATFORM ARCHITECTURE</div>
<h1>Архитектура платформы<br><span style="color:var(--accent2)">@wasrusgen1 CRM</span></h1> <h1>Архитектура платформы<br><span style="color:var(--accent2)">@wasrusgen1 CRM</span></h1>
@ -357,7 +357,7 @@
<!-- 2 SYSTEM MAP --> <!-- 2 SYSTEM MAP -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 02 · Big picture</div> <div class="kicker">Слайд 02 · Big picture</div>
<h2>Карта системы</h2> <h2>Карта системы</h2>
@ -382,7 +382,7 @@
<!-- 3 THREE MODELS --> <!-- 3 THREE MODELS -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 03 · Стратегия</div> <div class="kicker">Слайд 03 · Стратегия</div>
<h2>Три модели управления</h2> <h2>Три модели управления</h2>
@ -415,7 +415,7 @@
<!-- 4 LIFECYCLE --> <!-- 4 LIFECYCLE -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 04 · Процесс</div> <div class="kicker">Слайд 04 · Процесс</div>
<h2>Жизненный цикл нового проекта</h2> <h2>Жизненный цикл нового проекта</h2>
@ -434,7 +434,7 @@
<!-- 5 STACK --> <!-- 5 STACK -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 05 · Технологии</div> <div class="kicker">Слайд 05 · Технологии</div>
<h2>Стек технологий</h2> <h2>Стек технологий</h2>
@ -456,7 +456,7 @@
<!-- 6 ER DIAGRAM --> <!-- 6 ER DIAGRAM -->
<section class="slide er"> <section class="slide er">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 06 · Данные</div> <div class="kicker">Слайд 06 · Данные</div>
<h2>Схема базы данных</h2> <h2>Схема базы данных</h2>
@ -493,7 +493,7 @@
<!-- 7 MASTER PANEL --> <!-- 7 MASTER PANEL -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 07 · Инструмент владельца</div> <div class="kicker">Слайд 07 · Инструмент владельца</div>
<h2>Мастер-панель Руслана</h2> <h2>Мастер-панель Руслана</h2>
@ -511,7 +511,7 @@
<!-- 8 [NEW] WHAT EACH ROLE SEES --> <!-- 8 [NEW] WHAT EACH ROLE SEES -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 08 · Интерфейсы по ролям</div> <div class="kicker">Слайд 08 · Интерфейсы по ролям</div>
<h2>Что видит каждая роль</h2> <h2>Что видит каждая роль</h2>
@ -584,7 +584,7 @@
<!-- 9 [NEW] MANAGER MOBILE --> <!-- 9 [NEW] MANAGER MOBILE -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 09 · Мобильный кабинет</div> <div class="kicker">Слайд 09 · Мобильный кабинет</div>
<h2>Менеджер: работа из телефона</h2> <h2>Менеджер: работа из телефона</h2>
@ -650,7 +650,7 @@
<!-- 10 CHECKLIST --> <!-- 10 CHECKLIST -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 10 · Onboarding</div> <div class="kicker">Слайд 10 · Onboarding</div>
<h2>Как подключить нового клиента</h2> <h2>Как подключить нового клиента</h2>
@ -671,7 +671,7 @@
<!-- 11 [EXPANDED] DATABASE & SECURITY --> <!-- 11 [EXPANDED] DATABASE & SECURITY -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 11 · Архитектура и защита</div> <div class="kicker">Слайд 11 · Архитектура и защита</div>
<h2>База данных и безопасность</h2> <h2>База данных и безопасность</h2>
@ -719,7 +719,7 @@
<!-- 12 INFRA COST --> <!-- 12 INFRA COST -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 12 · Инфраструктура</div> <div class="kicker">Слайд 12 · Инфраструктура</div>
<h2>Инфраструктура и стоимость</h2> <h2>Инфраструктура и стоимость</h2>
@ -743,7 +743,7 @@
<!-- 13 ECONOMICS --> <!-- 13 ECONOMICS -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 13 · Экономика</div> <div class="kicker">Слайд 13 · Экономика</div>
<h2>Экономика продукта · P&amp;L</h2> <h2>Экономика продукта · P&amp;L</h2>
@ -776,7 +776,7 @@
<!-- 14 ROADMAP --> <!-- 14 ROADMAP -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 14 · Roadmap</div> <div class="kicker">Слайд 14 · Roadmap</div>
<h2>Roadmap продукта</h2> <h2>Roadmap продукта</h2>
@ -806,7 +806,7 @@
<!-- 15 SLA --> <!-- 15 SLA -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 15 · Обязательства</div> <div class="kicker">Слайд 15 · Обязательства</div>
<h2>SLA и поддержка</h2> <h2>SLA и поддержка</h2>
@ -824,7 +824,7 @@
<!-- 16 NEXT STEPS --> <!-- 16 NEXT STEPS -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px;vertical-align:middle"></span><span style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:1px">CRM</span></div> <div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 16 · План действий</div> <div class="kicker">Слайд 16 · План действий</div>
<h2>Следующие шаги</h2> <h2>Следующие шаги</h2>
@ -843,7 +843,7 @@
</div> </div>
<div class="brandmark">@wasrusgen1 · CRM PLATFORM</div> <div class="brandmark" style="display:flex;align-items:center;gap:0"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.6)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:14px;background:rgba(255,255,255,.2);margin:0 9px;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:12px;color:rgba(255,255,255,.9);letter-spacing:.5px">CRM</span></div>
<div class="pagenum" id="pagenum">01 / 16</div> <div class="pagenum" id="pagenum">01 / 16</div>
<nav class="nav"> <nav class="nav">