ЛИНЕСС — цифровые проекты по идее (лендинг на TechOn UI)

Статический одностраничный сайт для бренда «ЛИНЕСС», который занимается запуском и упаковкой цифровых проектов бесплатно по идее.
Сайт собран на кастомной библиотеке интерфейсных компонентов TechOn UI (techon-ui.min.js).

Описание

• Фокус бренда: помочь авторам идей получить аккуратный цифровой артефакт (лендинг, прототип, концепт) без стартового бюджета.
• Формат сайта: одностраничный лендинг с блоками:
  • герой‑блок с миссией и CTA «Запустить идею»;
  • объяснение процесса в виде таймлайна;
  • примеры типов проектов (карточки);
  • FAQ в формате аккордеона;
  • блок «Оставить идею» с подсказкой по формату письма;
  • диалог‑окно с шаблоном заявки.
• UI‑стиль: моноширинный «матричный» интерфейс с тёмной темой по умолчанию, переключателем темы и динамическим AI‑фоном (всё даёт TechOn UI).

Структура проекта

• index.html — основной лендинг бренда «ЛИНЕСС`.
• techon-ui.min.js — минифицированная библиотека TechOn UI:
  • добавляет CSS‑темизацию и компоненты (.to-card, .to-button, .to-accordion и др.);
  • инициализирует фон с «нейросетевыми» эффектами;
  • создаёт глобальный объект TechOnUI / to и переключатель темы.

Обратите внимание: в репозитории могут остаться старые HTML‑файлы (например, about.html, services.html и т.п.). Текущий актуальный вход в сайт — файл index.html.

Используемые компоненты TechOn UI

Вёрстка опирается на готовые классы из библиотеки:

• Карточки: to-card — контейнеры разделов и примеров проектов.
• Кнопки: to-button с вариациями data-variant="primary|secondary" и размерами data-size="s|m|l".
• Бейджи и теги: to-badge, to-tag для категорий проектов и статусов.
• Таймлайн: to-timeline, to-timeline-item для блока «Как это работает».
• Аккордеон: to-accordion, to-accordion-trigger, to-accordion-content для раздела FAQ.
• Прогресс‑бар: to-progress с вложенными элементами to-progress-track, to-progress-fill, to-progress-value для индикации загрузки очереди идей.
• Индикатор статуса: to-status-indicator (в шапке — статус «принимаем идеи»).
• Диалог: to-dialog-wrapper + to-dialog-overlay + to-dialog + to-dialog-close — модальное окно с шаблоном заявки.
• Кнопка наверх: to-scroll-top с атрибутом data-threshold для плавного скролла.

Все эти компоненты автоматически инициализируются внутри techon-ui.min.js (через TechOnUI.init() и MutationObserver).

Быстрый старт

Открытие локально

1. Склонируйте репозиторий или скачайте файлы.
2. Убедитесь, что в корне проекта лежат:
   • index.html;
   • techon-ui.min.js.
3. Откройте index.html в любом современном браузере (Chrome, Edge, Firefox).

Никакого backend и сборки не требуется — это чистый статический HTML + JS.

Деплой

Подходит любой статический хостинг:

• GitHub Pages;
• Netlify;
• Vercel;
• статический хостинг на вашем сервере / CDN.

Главное — раздавать index.html из корня и не менять относительный путь до techon-ui.min.js.

Как кастомизировать под себя

Открывайте index.html и редактируйте содержимое:

• Название и миссия — в шапке (header) и первом to-card.
• Типы проектов — карточки в секции #projects.
• Вопросы/ответы — блок #faq с элементами to-accordion.
• Текст диалога и шаблон письма — внутри to-dialog-wrapper.

Рекомендуется:

• Заменить текст‑подсказку в модальном окне на реальные контакты (email, Telegram, форму).
• При необходимости скорректировать проценты в блоке «Очередь идей» (data-value у to-progress).

Зависимости и лицензии

• TechOn UI: минифицированная библиотека techon-ui.min.js, исходный репозиторий — TechOn UI (MIT License).
• Сам лендинг (index.html, README.md): может использоваться и дорабатываться под нужды бренда «ЛИНЕСС» без ограничений в рамках вашего проекта.

Если вы планируете публичное использование сайта, сохраните упоминание TechOn UI или добавьте его в раздел «Технологии».