|
Рабочий стол Win98 с интеграцией GitHub API |
Git98 - интерактивная веб-платформа, стилизованная под классическую Win98, которая позволяет:
- 📂 Просматривать GitHub-репозитории автора в оконном интерфейсе
- 📖 Читать README.md прямо внутри окон с поддержкой Markdown
- 🎨 Настраивать обои рабочего стола и фоновую музыку обоев
- 🔊 Управлять звуковым сопровождением / Ambient (ВКЛ/ВЫКЛ)
- 🖱️ Перемещать, сворачивать и закрывать окна как в Win98
- 💾 Сохранять настройки локально (обои, фон, позиция монитора, звук)
- Полноценное управление окнами (drag, resize, minimize, maximize, close)
- Кастомизация обоев (Campfire, Rain, ... , None) с атмосферными звуками
- Смена фона за монитором (6 вариантов: Office, Night Forest, Anime Fan, Asia, Egypt, ... , None)
- Ярлыки для быстрого доступа к разным функциям
- Невидимая кнопка «ЗАКРЫТЬ ВСЁ» (в том самом месте) - закрывает все открытые и свёрнутые окна
- Просмотр всех репозиториев с сортировкой по дате обновления
- Чтение README с полным форматированием Markdown (код, таблицы, изображения, ссылки)
- Информация о профиле (followers, following, public repos)
- Актуальный список последних обновлённых репо-в
- Бесшовный циклический звук через Web Audio API (без швов и задержек)
- Плавное нарастание громкости после загрузки
- Возможность отключения звука
- Атмосферный ambient: костёр, дождь, ...
- Смещение монитора по X/Y (горячие клавиши Ctrl + стрелки)
- Сохранение/загрузка позиции (Ctrl + S / Ctrl + L)
- Сброс позиции (Ctrl + 0)
- Полноэкранный режим (F11) + Ярлык на рабочем столе
- Джойстик управления в отдельном окне
- Анимация рук при вводе пароля (движения рядом с кодом - это зловещая магия?)
- Магическая вспышка и плавное исчезновение цифр при успешном входе
- Звуки нажатия клавиш (7 вариантов)
× Полноценный рабочий стол Windows 98
× Интеграция с GitHub API (репозитории, README, профиль)
× Управление окнами (перемещение, сворачивание, разворачивание, закрытие)
× Кнопка «ЗАКРЫТЬ ВСЁ» - закрывает все открытые и свёрнутые окна
× Кастомизация:
↪︎ 3 варианта обоев рабочего стола (Campfire, Rain, None)
↪︎ 6 вариантов фона за монитором
↪︎ Сохранение выбора в localStorage
× Аудио система:
↪︎ Бесшовный цикл через Web Audio API
↪︎ Плавное нарастание громкости
↪︎ Кнопка включения/выключения звука
× Управление видом:
↪︎ Перемещение монитора (Ctrl + стрелки)
↪︎ Сохранение/загрузка позиции (Ctrl + S / Ctrl + L)
↪︎ Сброс позиции (Ctrl + 0)
↪︎ Полноэкранный режим (F11)
× Мобильная адаптация:
↪︎ Проверка на мобильные устройства
↪︎ Чёрный экран с сообщением «Desktop Only»
↪︎ Пиксельный ретро-шрифт Press Start 2P
× Анимации:
↪︎ Анимация рук при вводе пароля
↪︎ Крутая анимация после ввода
↪︎ Магическая вспышка и белый экран перехода
× v1.0.1 : Оптимизация загрузки, доработка
↪︎ Сжатие всех изображений и фонов (assets -24% размера)
↪︎ Асинхронная загрузка обоев, фонов, иконок и звуков
↪︎ Уведомление о прогрессе загрузки (появляется после белой вспышки)
↪︎ Авто-закрытие уведомления через 5 секунд
-
Откройте веб-приложение в современном браузере (Chrome, Firefox, Edge, Safari)
-
Введите пароль - на экране загрузки показан 4-значный код. После правильного ввода начнётся магическая анимация с белой вспышкой, и через 2.5 секунды откроется рабочий стол
-
Управление окнами:
- Двойной клик по ярлыку - открыть окно/приложение (исключение кнопка:
Звук) - Перетаскивание - зажмите заголовок окна и двигайте мышью
- Кнопки окна:
_(свернуть),□(развернуть),×(закрыть) - Свёрнутые окна появляются в нижней части экрана
- Двойной клик по ярлыку - открыть окно/приложение (исключение кнопка:
-
Горячие клавиши:
| Комбинация | Действие |
|---|---|
F11 |
Полноэкранный режим |
Ctrl + ↑ ↓ ← → |
Двигать монитор |
Ctrl + 0 |
Сбросить позицию монитора |
Ctrl + S |
Сохранить позицию монитора |
Ctrl + L |
Загрузить сохранённую позицию |
Ctrl + V |
Открыть окно «Управление видом» |
-
Кастомизация:
- Сменить обои - дважды кликните по ярлыку и выберите фон (Campfire, Rain, None)
- Сменить фон - выберите изображение для заднего плана (6 вариантов)
- Звук - нажмите на ярлык с иконкой динамика для включения/выключения
-
GitHub интеграция:
- Последние обновления - показывает 6 репозиториев, изменённых последними
- Все репозитории - полный список с возможностью сортировки
- README - двойной клик по любому репозиторию открывает его README.md с полным Markdown-форматированием
- GitHub Profile - открывает ваш профиль на GitHub.com
| Технология | Применение |
|---|---|
| HTML5 / CSS3 | Структура и стилизация в ретро-стиле Windows 98 |
| JavaScript (ES6+) | Логика управления окнами, API интеграция |
| GitHub REST API | Получение данных о репозиториях, README, профиле |
| Web Audio API | Бесшовное воспроизведение атмосферных звуков (без швов и задержек) |
| LocalStorage | Сохранение настроек (обои, фон, позиция монитора, звук) |
Git98 ╕︎
├─ assets ┐︎
│ ├─ images ┐︎
│ │ ├─ background # Фоны за монитором (*.jpg)
│ │ ├─ desktop # Обои рабочего стола (*.gif)
│ │ └─ ... # Иконки и графика (*.png)
│ └─ sounds ┐︎
│ ├─ desktop # Атмосферные звуки (*.ogg)
│ └─ ... # Системные звуки (*.ogg; *.mp3)
├─ index.html # Главная страница
├─ main.js # Основная логика
├─ style.css # Стилизация Win98
└─ README.md # Документация
Локально сохраняются:
- Выбранные обои рабочего стола
- Выбранный фон за монитором
- Состояние звука (вкл/выкл)
- Позиция монитора (X, Y)
Все настройки хранятся в localStorage браузера и восстанавливаются при следующем запуске.
- Современный браузер с поддержкой Web Audio API и WebGL (Chrome, Firefox, Edge, Safari)
- 512 МБ RAM
- 50 МБ свободного места
- Рекомендуемое разрешение экрана для красивого отображения: 1920x1080+
© 2026 Yalkee (somenmi)