🛠️ О проекте

Cайт создан для изучения возможностей бесплатного хостинга от GitHub.

Теперь сайт поддерживает интерактивность благодаря JavaScript 🌟

🧠 Технологии

• HTML5
• CSS3
• JavaScript (ES6+)
• GitHub Pages

🧩 JavaScript-версия

В этой версии сайта добавлены скрипты, которые делают страницу живой:

• 📅 Приветственное сообщение в зависимости от времени суток
• 🎨 Кнопка для смены темы (светлая/тёмная)
• 🔢 Таймер обратного отсчёта до следующего обновления

📄 Пример кода (файл script.js):

// Приветствие
window.addEventListener('DOMContentLoaded', () => {
  console.log('Добро пожаловать на мой сайт!');
  const title = document.querySelector('h1');
  title.style.transition = 'color 0.5s';
});

// Переключение темы
const themeBtn = document.getElementById('theme-toggle');
themeBtn?.addEventListener('click', () => {
  document.body.classList.toggle('dark');
});

🚀 Настройка GitHub Pages

1. Перейдите в свой репозиторий на GitHub.
2. Нажмите Settings (вкладка в верхнем меню).
3. В левом меню выберите Pages.
4. В разделе Branch выберите ветку, из которой будет разворачиваться сайт. Обычно это main или master. Оставьте папку /(root).
5. Нажмите Save.
6. Через пару минут сайт станет доступен по ссылке, которая появится в этом же разделе (например, https://fl-git.github.io)

Важно: Если вы используете репозиторий с именем, отличающимся от username.github.io, то в настройках Pages нужно выбрать ветку и папку, а сайт будет доступен по адресу username.github.io/имя-репозитория.

🧑‍💻 Дополнительные советы по красивому оформлению

• Используйте готовые CSS-фреймворки (например, Bootstrap или Tailwind CSS) для быстрой стилизации.
• Добавьте иконки с помощью Font Awesome.
• Сделайте адаптивный дизайн — проверьте, как сайт выглядит на мобильных устройствах.

❓ Что делать, если сайт не открывается?

• Проверьте, что в настройках Pages выбрана правильная ветка.
• Посмотрите вкладку Actions — там могут быть ошибки сборки (если вы используете Jekyll). Для простого HTML сборка не требуется.

Альтернативный путь: использование темы Jekyll

Если вы хотите ещё более стильный сайт без написания CSS, в настройках Pages выберите тему из галереи (кнопка Choose a theme). GitHub автоматически сгенерирует сайт на основе вашего README.md и добавит стили.