Очень красивый и стильный сайт в хакерском стиле, с вашей биографией [2026-11-08]

Очень красивый и стильный сайт в хакерском стиле, с вашей биографией
Краткое описание:
Очень красивый и стильный сайт в хакерском стиле, все можно настроить прям сайте
2
62
  • Лайк 0
Реакции:2 пользователей

💻 Концепция и Визуальный Стиль​

Сайт выполнен в классической хакерской эстетике терминала и операционных систем (Cyberpunk / CLI):

  • Эффект CRT-монитора: Имитирует экран старого компьютера благодаря горизонтальным сканирующим линиям (scanlines), мягкому неоновому свечению текста (#00ff66) и контрастному темному фону.
  • Звуковое сопровождение: Встроенный звуковой синтезатор (Web Audio API) воспроизводит тихие щелчки клавиш при печати и системные пики при вводе команд (без сторонних аудиофайлов).

🛠️ Главная Особенность — Живой Конструктор (Live Builder)​

Это не просто статичная страница, а полнофункциональный инструмент для создания собственной биографии и портфолио прямо в браузере:

  1. Редактирование на лету ([РЕЖИМ РЕДАКТИРОВАНИЯ]):
    • При включении тумблера в шапке любой текст на сайте (имя, статус, локация, описание, хронология) становится редактируемым. Вы просто кликаете по тексту и вписываете свои данные.
  2. Гибкое добавление контента:
    • + Добавить лог — добавляет новую строку в хронологию событий или историю работы.
    • + Добавить навык — создает новый индикатор владения технологией. При изменении процента шкала затягивается автоматически.
    • + Добавить свой блок — позволяет создать новую полноценную секцию с любым заголовком и описанием (например: «Мои проекты», «Сертификаты», «Мой сетап / Железо», «Контакты»).
  3. Сохранение и Экспорт:
    • [ СОХРАНИТЬ ] — сохраняет все изменения в локальной памяти браузера (localStorage), чтобы ваши данные не пропали после перезагрузки.
    • [ СКАЧАТЬ HTML ] — генерирует и скачивает готовый автономный файл index.html с уже вписанной вашей информацией. Его можно сразу опубликовать на GitHub Pages или любом хостинге.

📟 Интерактивная Консоль (CLI)​

Внизу страницы расположена живая командная строка, поддерживающая ввод реальных команд с клавиатуры:

  • help — выводит список доступных команд.
  • bio — выводит в консоль вашу биографию.
  • skills — показывает статус загрузки матрицы навыков.
  • matrix — включает/выключает анимацию падения зеленых символов (режим «Матрицы»).
  • clear — полностью очищает экран консоли.
  • Знімок екрана 2026-11-08 223013.png
    Знімок екрана 2026-11-08 223013.png
    291,4 КБ · Просмотры: 36
  • Знімок екрана 2026-11-08 223028.png
    Знімок екрана 2026-11-08 223028.png
    60,9 КБ · Просмотры: 35
  • Знімок екрана 2026-11-08 223046.png
    Знімок екрана 2026-11-08 223046.png
    129,6 КБ · Просмотры: 25
  • Знімок екрана 2026-11-08 223100.png
    Знімок екрана 2026-11-08 223100.png
    285,7 КБ · Просмотры: 23
  • Знімок екрана 2026-11-08 223217.png
    Знімок екрана 2026-11-08 223217.png
    302,5 КБ · Просмотры: 19
  • Знімок екрана 2026-11-08 223230.png
    Знімок екрана 2026-11-08 223230.png
    296 КБ · Просмотры: 37

Автор

Artem23ua

Последние отзывы

V
Vexoril12111
5,00 звёзд
Версия: 2026-11-08
Не ну я лучше этого никогда не видел
A
Artem23ua
спасибо!
ВерхНиз