<!-- Минималистичная стартовая страница Wiki-документации для врачей -->
<!-- Прозрачный фон, системные шрифты, выстроенные отступы и компактное навигационное меню -->
<div style="
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
max-width: 1180px;
margin: 0 auto;
padding: 32px 24px;
line-height: 1.45;
color: #1a1a1a;
">
<!-- Заголовок -->
<header style="text-align: center; margin-bottom: 48px;">
<h1 style="font-size: 2.2rem; font-weight: 600; margin: 0;">
Документация для врачей
</h1>
<p style="font-size: 1rem; color: #4d4d4d; margin-top: 8px;">
Быстрый старт и ответы на типовые вопросы
</p>
</header>
<!-- Стили -->
<style>
/* Шапка секции */
.menu-section {
margin-bottom: 36px;
}
.menu-section > h2 {
font-size: 1.28rem;
font-weight: 600;
margin: 0 0 12px;
cursor: pointer;
user-select: none;
display: flex;
align-items: center;
gap: 6px;
}
.menu-section > h2 span {
font-size: 1.1rem;
transition: transform .25s ease;
}
.menu-section.collapsed > h2 span {
transform: rotate(-90deg);
}
/* Контейнер ссылок */
.menu-items {
padding-left: 20px;
display: block;
}
.menu-items.collapsed {
display: none;
}
/* Ссылки */
.menu-link {
display: block;
margin: 6px 0;
text-decoration: none;
color: #1a1a1a;
font-size: .97rem;
font-weight: 500;
transition: color .2s ease;
}
.menu-link:hover {
color: #0b66d3;
text-decoration: underline;
}
/* Карточка (можно использовать для доп. контента) */
.doc-card {
background: rgba(255, 255, 255, .9);
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 20px 24px;
margin-bottom: 12px;
transition: box-shadow .2s ease, transform .2s ease;
}
.doc-card:hover {
box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
transform: translateY(-4px);
}
</style>
<!-- Скрипт сворачивания/разворачивания -->
<script>
function toggleSection(id) {
const section = document.getElementById(id);
if (!section) return;
section.classList.toggle('collapsed');
}
</script>
<!-- Навигационное меню -->
<nav>
<!-- 1. Начало работы -->
<section id="s1" class="menu-section">
<h2 onclick="toggleSection('s1')"><span>▶</span> 🚀 Начало работы</h2>
<div class="menu-items">
<a class="menu-link" href="Обзор-ЛК.html">Обзор ЛК и его возможностей</a>
<a class="menu-link" href="Регистрация.html">Регистрация и активация аккаунта</a>
<a class="menu-link" href="Вход-ЛК.html">Вход в ЛК</a>
<a class="menu-link" href="Настройка-профиля.html">Настройка профиля</a>
<a class="menu-link" href="Навигация-интерфейс.html">Навигация по интерфейсу</a>
</div>
</section>
<!-- 2. Заказы и пациенты -->
<section id="s2" class="menu-section">
<h2 onclick="toggleSection('s2')"><span>▶</span> 👥 Заказы и пациенты</h2>
<div class="menu-items">
<a class="menu-link" href="Типы-заказов.html">Типы заказов и их особенности</a>
<a class="menu-link" href="Добавление-пациента.html">Добавление нового пациента</a>
<a class="menu-link" href="Создание-заказа.html">Создание первого заказа</a>
<a class="menu-link" href="Заказать-ретейнер.html">Как заказать ретейнер</a>
<a class="menu-link" href="Заказать-ревизию.html">Как заказать ревизию</a>
<a class="menu-link" href="Поменять-тип-заказа.html">Как поменять тип заказа?</a>
<a class="menu-link" href="Архив-заказа.html">Как переместить заказ в архив / вернуть его...</a>
<a class="menu-link" href="Статус-заказа.html">Отслеживание статуса заказа</a>
<a class="menu-link" href="Поиск-пациентов.html">Поиск и фильтрация пациентов</a>
<a class="menu-link" href="Редактирование.html">Редактирование пациента или заказа</a>
<a class="menu-link" href="История-заказа.html">История заказа</a>
</div>
</section>
<!-- 3. Отгрузки и доставка капп -->
<section id="s3" class="menu-section">
<h2 onclick="toggleSection('s3')"><span>▶</span> 📦 Отгрузки и доставка капп</h2>
<div class="menu-items">
<a class="menu-link" href="Новая-партия-капп.html">Как заказать новую партию капп?</a>
<a class="menu-link" href="Изменить-адрес.html">Как изменить адрес доставки</a>
<a class="menu-link" href="Когда-доставка.html">Когда доставят каппы?</a>
<a class="menu-link" href="Отмена-доставки.html">Отмена отгрузки/доставки</a>
<a class="menu-link" href="Перенести-доставку.html">Хочу перенести дату доставки</a>
</div>
</section>
<!-- 4. Виртуальный сетап -->
<section id="s4" class="menu-section">
<h2 onclick="toggleSection('s4')"><span>▶</span> 🦷 Виртуальный сетап (3D-модель)</h2>
<div class="menu-items">
<a class="menu-link" href="Просмотрщик-сетапа.html">Просмотрщик сетапа (3D модели)</a>
<a class="menu-link" href="EuroTMJ-Tracker.html">EuroTMJ Tracker</a>
<a class="menu-link" href="Детализатор.html">Детализатор</a>
<a class="menu-link" href="Скачать-таблицу.html">Как скачать таблицу перемещений?</a>
<a class="menu-link" href="Модель-с-костью.html">Хочу чтобы модель была с костью</a>
<a class="menu-link" href="Согласовать-сетап.html">Как согласовать/отклонить сетап</a>
<a class="menu-link" href="Доработка-сетапа.html">Вернуть сетап на доработку</a>
<a class="menu-link" href="Согласование-сетапа.html">Вернуть сетап на согласование</a>
<a class="menu-link" href="3D-не-открывается.html">3D модель не открывается</a>
</div>
</section>
<!-- 5. Чаты и уведомления -->
<section id="s5" class="menu-section">
<h2 onclick="toggleSection('s5')"><span>▶</span> 💬 Чаты и уведомления</h2>
<div class="menu-items">
<a class="menu-link" href="Настройка-уведомлений.html">Настройка уведомлений</a>
<a class="menu-link" href="Настройка-чата.html">Настройка чата</a>
<a class="menu-link" href="Не-пропадает-уведомление.html">Не пропадает уведомление</a>
</div>
</section>
<!-- 6. Дополнительные возможности -->
<section id="s6" class="menu-section">
<h2 onclick="toggleSection('s6')"><span>▶</span> ⚙️ Дополнительные возможности</h2>
<div class="menu-items">
<a class="menu-link" href="График-ношения.html">График ношения (Календарь планирования)</a>
<a class="menu-link" href="Евроулыбка.html">Евроулыбка</a>
<a class="menu-link" href="Программа-лояльности.html">Программа лояльности</a>
</div>
</section>
<!-- 7. Финансовые вопросы -->
<section id="s7" class="menu-section">
<h2 onclick="toggleSection('s7')"><span>▶</span> 💰 Финансовые вопросы</h2>
<div class="menu-items">
<a class="menu-link" href="Оплата-заказа.html">Как оплатить заказ</a>
<a class="menu-link" href="Когда-доставка-после-оплаты.html">Я оплатил заказ, когда доставят каппы?</a>
</div>
</section>
<!-- 8. Возможные проблемы -->
<section id="s8" class="menu-section">
<h2 onclick="toggleSection('s8')"><span>▶</span> ❗ Возможные проблемы и их решение</h2>
<div class="menu-items">
<a class="menu-link" href="Проблемы-и-решения.html">Возможные проблемы и их решение</a>
</div>
</section>
<!-- 9. Справочная информация -->
<section id="s9" class="menu-section">
<h2 onclick="toggleSection('s9')"><span>▶</span> 📚 Справочная информация</h2>
<div class="menu-items">
<a class="menu-link" href="Служба-поддержки.html">Служба поддержки</a>
<a class="menu-link" href="FAQ.html">Часто задаваемые вопросы (F.A.Q.)</a>
</div>
</section>
</nav>
</div> |