Что умеет admin
- Менять тексты hero, карточек, гайдов, протоколов и FAQ.
- Добавлять новые блоки контента из панели справа.
- Перетаскивать порядок блоков кнопками вверх/вниз.
- Удалять блоки и мгновенно сохранять новое состояние.
⚡ Быстрый запуск на Ubuntu и любой VPS
Local VPN
Современная сайт-визитка для VPN-сервиса: понятные гайды, список приложений-конфигураторов, описание протоколов и встроенная admin-панель для редактирования всего контента прямо в браузере.
Onboarding
Гайды: что и как делать
Этот блок создан как база знаний: от установки клиента до импорта конфигурации и выбора оптимального протокола под конкретное устройство.
Apps & configurators
Приложения и конфигураторы
Можно описать отдельные приложения для Windows, macOS, Linux, Android, iPhone/iPad и роутеров, а также вставить свои пошаговые инструкции и ссылки.
Network stack
Какие протоколы используются
Раздел для объяснения сильных сторон каждого протокола: скорость, устойчивость к блокировкам, простота настройки и совместимость с устройствами.
Protected editing
Админка и история версий
При переходе в режим /admin показывается парольная форма. После входа открывается визуальный редактор с возможностью редактировать блоки, переставлять их, удалять, добавлять и сохранять версии.
Версии
После каждого сохранения создаётся snapshot в памяти браузера. Из админки можно открыть список версий и одной кнопкой восстановить любую предыдущую редакцию сайта.
Для production лучше подключить backend/API и хранить версии в БД, но для быстрого старта уже готов встроенный рабочий прототип.
SVG set
Набор SVG-иконок 1024×1024
В комплекте лежит базовый набор кастомных SVG-иконок в едином стиле. Их можно вставлять напрямую на сайт или использовать как основу для расширения набора.
Ubuntu deploy
Как быстро поднять на Ubuntu
Ниже — базовая логика запуска. Подробная пошаговая инструкция и готовые команды также есть в отдельном README внутри архива проекта.
1
Скопируй папку сайта
Загрузи проект на сервер, например в /var/www/local-vpn.
2
Установи Nginx
Через sudo apt update && sudo apt install nginx -y.
3
Настрой site config
Укажи root на папку проекта и открой домен.
4
Проверь /admin
Открой домен с путём /admin, введи пароль и редактируй сайт.
FAQ
Частые вопросы
Можно оставить этот раздел для организационных деталей: где брать конфиг, как часто обновлять ключи, какие клиенты рекомендованы.
Где задаётся пароль для админки?
В объекте CONFIG.adminPassword внутри скрипта. Для production лучше вынести пароль в backend или basic auth Nginx.
Сохраняются ли версии после перезапуска страницы?
В этой статической сборке версии хранятся в памяти страницы. Для постоянного хранения можно подключить API и отправлять JSON на сервер.
Можно ли переделать дизайн и блоки?
Да. Весь проект написан в одном файле плюс набор SVG-иконок, поэтому его легко кастомизировать и расширять.