Commit ae7f2c

2026-02-18 13:00:01 Admin: style: update home page with CSS classes
home.md ..
@@ 1,133 1,110 @@
- <div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 60px 20px; text-align: center; border-radius: 0 0 30px 30px; margin: -40px -20px 40px -20px;">
- <div style="max-width: 600px; margin: 0 auto;">
- <div style="display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 24px;">
- <img src="/logo.webp" alt="SKIF.PRO" style="height: 32px; width: auto;">
- <span style="color: rgba(255,255,255,0.7); font-size: 14px; font-weight: 500;">Центр документации</span>
- </div>
- <h1 style="color: white; font-size: 42px; font-weight: 700; margin-bottom: 16px; letter-spacing: -1px;">Документация SKIF.PRO</h1>
- <p style="color: rgba(255,255,255,0.85); font-size: 17px; line-height: 1.6; max-width: 480px; margin: 0 auto 32px;">Руководства, инструкции и экспертные статьи — всё, что нужно для эффективной работы с платформой мониторинга.</p>
- <div style="background: white; border-radius: 50px; padding: 8px 8px 8px 20px; display: flex; align-items: center; max-width: 500px; margin: 0 auto; box-shadow: 0 10px 40px rgba(0,0,0,0.2);">
- <span style="color: #999; font-size: 14px; flex: 1;">🔍 Поиск по документации...</span>
- <a href="/-/search" style="background: #667eea; color: white; padding: 12px 24px; border-radius: 40px; text-decoration: none; font-weight: 600; font-size: 14px;">Найти</a>
- </div>
- </div>
+ <div class="skif-hero">
+ <img src="/logo.webp" alt="SKIF.PRO" class="skif-hero-logo">
+ <h1>SKIF Wiki</h1>
+ <p>Добро пожаловать в базу знаний SKIF.PRO</p>
</div>
- <div style="display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 40px;">
- <a href="[[Быстрый-старт]]" style="display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; font-size: 13px; font-weight: 500; color: #5c6478; background: #fff; border: 1px solid #dfe4ee; border-radius: 100px; text-decoration: none; transition: all 0.2s;">⚡ Быстрый старт</a>
- <a href="[[Импорт-из-Wialon]]" style="display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; font-size: 13px; font-weight: 500; color: #5c6478; background: #fff; border: 1px solid #dfe4ee; border-radius: 100px; text-decoration: none; transition: all 0.2s;">📥 Переход с Wialon</a>
- <a href="[[Таблицы-параметров]]" style="display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; font-size: 13px; font-weight: 500; color: #5c6478; background: #fff; border: 1px solid #dfe4ee; border-radius: 100px; text-decoration: none; transition: all 0.2s;">📊 Таблицы параметров</a>
- <a href="[[Интеграция-1С]]" style="display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; font-size: 13px; font-weight: 500; color: #5c6478; background: #fff; border: 1px solid #dfe4ee; border-radius: 100px; text-decoration: none; transition: all 0.2s;">💻 Интеграция 1С</a>
+ <div class="skif-section">
+ <h2 class="skif-section-title">🔍 Быстрый поиск</h2>
+ <div class="skif-search-box">
+ <a href="/-/search" class="skif-link" style="justify-content: center; background: white;">
+ <span class="skif-link-icon">🔎</span>
+ <span class="skif-link-text">Поиск по wiki</span>
+ </a>
+ </div>
</div>
- <div style="max-width: 1100px; margin: 0 auto; padding: 0 20px;">
- <!-- Рабочее место -->
- <h3 style="font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.8px; color: #9aa2b5; margin-bottom: 20px;">Рабочее место компании</h3>
- <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 40px;">
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">🗺️</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Мониторинг</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Слежение за объектами на карте, аннотации, быстрые треки, контекстное меню и настройки отображения.</p>
- <a href="[[Мониторинг]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Документация →</a>
- </div>
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">🚛</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Объекты</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Создание объектов, настройка датчиков, валидаторов, протоколов обмена данными и параметров.</p>
- <a href="[[Объекты]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Документация →</a>
- </div>
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">📍</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Геозоны</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Создание географических зон: круг, полигон, линия, точка. 14 типов зон, контроль пересечений.</p>
- <a href="[[Геозоны]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Документация →</a>
- </div>
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">📄</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Отчёты</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Поездки, стоянки, геозоны, топливо, стиль вождения, ТО — 25+ типов с кастомизацией шаблонов.</p>
- <a href="[[Отчёты]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Документация →</a>
- </div>
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">🔔</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Уведомления</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Контроль геозон, скорости, ТО, датчиков, рейсов, потери связи, тревожная кнопка и простой ТС.</p>
- <a href="[[Уведомления]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Документация →</a>
- </div>
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">💡</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Пользовательские кейсы</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Реальные сценарии: мониторинг топлива, стиль вождения, контроль ТО, нарушения водителей.</p>
- <a href="[[Кейсы]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Документация →</a>
- </div>
- </div>
-
- <!-- Админ-панель -->
- <h3 style="font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.8px; color: #9aa2b5; margin-bottom: 20px;">Админ-панель · Интеграторам</h3>
- <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 40px;">
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">⚙️</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Админ-панель</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Настройка структуры сервиса, управление учётными записями, компаниями и ресурсами.</p>
- <a href="[[Админ-панель]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Документация →</a>
- </div>
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">💳</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Биллинг</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Управление тарифами, оплатами и подключениями объектов.</p>
- <a href="[[Биллинг]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Документация →</a>
- </div>
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">📥</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Импорт данных</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Миграция с Wialon: объекты, геозоны, история сообщений, пользователи и компании.</p>
- <a href="[[Импорт-из-Wialon]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Документация →</a>
- </div>
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">🖥️</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Интеграция с 1С.УАТ</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Подключение к 1С: Управление автотранспортом для синхронизации данных объектов.</p>
- <a href="[[Интеграция-1С]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Документация →</a>
- </div>
- </div>
-
- <!-- Справочники -->
- <h3 style="font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.8px; color: #9aa2b5; margin-bottom: 20px;">Справочники</h3>
- <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin-bottom: 40px;">
-
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">📊</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Таблицы параметров</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Соответствие параметров протоколов оборудования.</p>
- <a href="[[Таблицы-параметров]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Открыть →</a>
- </div>
+ <div class="skif-section">
+ <h2 class="skif-section-title">⚡ Быстрые ссылки</h2>
+ <div class="skif-quick-links">
+ <a href="/-/register" class="skif-link">
+ <span class="skif-link-icon">👤</span>
+ <span class="skif-link-text">Регистрация</span>
+ </a>
+ <a href="/-/login" class="skif-link">
+ <span class="skif-link-icon">🔐</span>
+ <span class="skif-link-text">Вход</span>
+ </a>
+ <a href="/-/admin" class="skif-link">
+ <span class="skif-link-icon">⚙️</span>
+ <span class="skif-link-text">Админ-панель</span>
+ </a>
+ <a href="/-/allpages" class="skif-link">
+ <span class="skif-link-icon">📄</span>
+ <span class="skif-link-text">Все страницы</span>
+ </a>
+ </div>
+ </div>
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">❓</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">FAQ</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Ответы на частые вопросы по платформе.</p>
- <a href="[[FAQ]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Открыть →</a>
- </div>
+ <div class="skif-section">
+ <h2 class="skif-section-title">📚 Разделы</h2>
+ <div class="skif-grid">
+ <a href="[[Начинающим]]" class="skif-link" style="display: block; text-decoration: none;">
+ <div class="skif-card">
+ <div class="skif-card-title">🚀 Начинающим</div>
+ <div class="skif-card-desc">Основы работы с системой. Первые шаги и руководства для новичков.</div>
+ <div class="skif-card-meta">📖 5 страниц</div>
+ </div>
+ </a>
+ <a href="[[Установка]]" class="skif-link" style="display: block; text-decoration: none;">
+ <div class="skif-card">
+ <div class="skif-card-title">💾 Установка</div>
+ <div class="skif-card-desc">Инструкции по установке и настройке всех компонентов системы.</div>
+ <div class="skif-card-meta">⚙️ 8 страниц</div>
+ </div>
+ </a>
+ <a href="[[Конфигурация]]" class="skif-link" style="display: block; text-decoration: none;">
+ <div class="skif-card">
+ <div class="skif-card-title">🔧 Конфигурация</div>
+ <div class="skif-card-desc">Подробное описание всех настроек и параметров конфигурации.</div>
+ <div class="skif-card-meta">⚡ 12 страниц</div>
+ </div>
+ </a>
+ <a href="[[API]]" class="skif-link" style="display: block; text-decoration: none;">
+ <div class="skif-card">
+ <div class="skif-card-title">🌐 API</div>
+ <div class="skif-card-desc">Документация по API, примеры запросов и интеграции.</div>
+ <div class="skif-card-meta">🔌 6 страниц</div>
+ </div>
+ </a>
+ <a href="[[Траблшутинг]]" class="skif-link" style="display: block; text-decoration: none;">
+ <div class="skif-card">
+ <div class="skif-card-title">🔍 Траблшутинг</div>
+ <div class="skif-card-desc">Решение проблем и frequently asked questions.</div>
+ <div class="skif-card-meta">❓ 10 страниц</div>
+ </div>
+ </a>
+ <a href="[[Глоссарий]]" class="skif-link" style="display: block; text-decoration: none;">
+ <div class="skif-card">
+ <div class="skif-card-title">📖 Глоссарий</div>
+ <div class="skif-card-desc">Словарь терминов и сокращений, используемых в проекте.</div>
+ <div class="skif-card-meta">📝 15 страниц</div>
+ </div>
+ </a>
+ </div>
+ </div>
- <div style="background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.2s;" onmouseover="this.style.borderColor='#667eea';this.style.transform='translateY(-2px)';" onmouseout="this.style.borderColor='#e5e7eb';this.style.transform='translateY(0)';">
- <div style="width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px;">🆕</div>
- <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #1a1f2e;">Что нового</h3>
- <p style="font-size: 14px; line-height: 1.6; color: #5c6478; margin-bottom: 16px;">Обновления и новые функции платформы.</p>
- <a href="[[Changelog]]" style="color: #667eea; text-decoration: none; font-weight: 500; font-size: 13px;">Открыть →</a>
- </div>
- </div>
+ <div class="skif-section">
+ <h2 class="skif-section-title">📊 Статистика</h2>
+ <div class="skif-stats">
+ <div class="skif-stat">
+ <div class="skif-stat-value">50+</div>
+ <div class="skif-stat-label">Страниц</div>
+ </div>
+ <div class="skif-stat">
+ <div class="skif-stat-value">6</div>
+ <div class="skif-stat-label">Разделов</div>
+ </div>
+ <div class="skif-stat">
+ <div class="skif-stat-value">24/7</div>
+ <div class="skif-stat-label">Доступность</div>
</div>
+ </div>
+ </div>
+
+ <hr class="skif-divider">
- <div style="border-top: 1px solid #e5e7eb; padding: 30px 20px; text-align: center; font-size: 13px; color: #9aa2b5; margin-top: 60px;">
- © 2025 SKIF.PRO · <a href="https://skif.pro" target="_blank" style="color: #667eea; text-decoration: none;">Платформа</a> · <a href="/-/preferences" style="color: #667eea; text-decoration: none;">Настройки</a>
+ <div class="skif-footer">
+ <p><strong>SKIF Wiki</strong> — база знаний на базе OtterWiki</p>
+ <p><a href="/-/register">Создать аккаунт</a> • <a href="/-/allpages">Все страницы</a> • <a href="/-/help">Помощь</a></p>
</div>
0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9