Commit d123da
2026-02-18 12:54:15 Admin: feat: add SKIF.PRO landing page design| home.md .. | |
| @@ 1,28 1,133 @@ | |
| - | ## Welcome to your wiki! |
| - | |
| - | Your Otter Wiki is up and running. |
| - | |
| - | This is your [[Home]] Page, the first page you see when you access your |
| - | wiki. |
| - | |
| - | The first steps you might want to do: |
| - | |
| - | 1. [Register an account](/-/register). The very first account is an |
| - | admin account which is able to configure the wiki. |
| - | 2. Check the [configuration](/-/admin#application_preferences) of your wiki. |
| - | You can change its name, configure the permissions necessary to |
| - | view and edit pages or upload attachments. |
| - | 3. If you require users to confirm their email address (recommended), |
| - | make sure that you will configure and test your [Email Preferences](/-/admin#mail_preferences). |
| - | 4. [Edit your Home](/Home/edit)! Do not like the change? Visit the |
| - | page [history](/Home/history) and revert any change ever made. |
| - | 5. You can [attach](/Home/attachments) images and other files to any page |
| - | and then display them and link to them inside the page. |
| - | 6. [Create new pages](/-/create)! If you need help with the Markdown syntax, |
| - | check out the [Markdown guide](/-/help/syntax). |
| - | 7. Read the [user guide](/-/help) and learn about An Otter Wikis features. |
| - | |
| - | We hope that An Otter Wiki is just what you are looking for. |
| - | If you have any suggestions, feature requests or run into any |
| - | issues, please reach out and report them |
| - | via [github](https://github.com/redimp/otterwiki/issues). |
| + | <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> |
| + | |
| + | <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> |
| + | |
| + | <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 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 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> |
| + | |
| + | <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> |
| /dev/null .. logo.webp | |
