Доброй ночи!

🕐 04:33:07

18°C Переменная облачность

⏳ До следующего обновления сайта осталось:

06д 23ч 59м 20с

🛠️ О проекте

Сайт создан для изучения возможностей бесплатного хостинга от 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. Через пару минут сайт станет доступен по ссылке.

Важно: Если репозиторий не username.github.io, сайт будет по адресу username.github.io/имя-репозитория.

🧑‍💻 Дополнительные советы

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

  • Проверьте ветку в настройках Pages.
  • Посмотрите вкладку Actions — там могут быть ошибки.

🎨 Альтернатива: Jekyll

Выберите тему в настройках Pages (кнопка Choose a theme). GitHub сгенерирует сайт на основе README.md.