https://github.com/vvscode/weather-app
Шаблон для приложения "Погода"
https://github.com/vvscode/weather-app
Last synced: 5 months ago
JSON representation
Шаблон для приложения "Погода"
- Host: GitHub
- URL: https://github.com/vvscode/weather-app
- Owner: vvscode
- Created: 2025-04-29T18:48:22.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-04-29T19:17:21.000Z (about 1 year ago)
- Last Synced: 2025-05-05T01:15:51.033Z (about 1 year ago)
- Language: HTML
- Homepage: https://vvscode.github.io/weather-app/
- Size: 16.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Шаблон Погодного Сайта
## Описание
Этот проект представляет собой отзывчивый погодный сайт, созданный с использованием чистого HTML и CSS (без JavaScript). Шаблон имеет полностью готовую структуру и стилизацию для отображения погодных данных различных городов.
## Особенности
- 📱 Адаптивный дизайн, который корректно отображается на мобильных устройствах и десктопах
- 🔍 Форма поиска города с кнопкой, которая автоматически отключается при пустом поле ввода
- 🌤️ Секция отображения погоды с температурой и иконкой погоды
- 🗺️ Блок для отображения карты города (используются base64 placeholder-изображения)
- 📜 История поиска, отображающая последние 10 городов
- 📊 Детали погоды (ветер, влажность, давление)
- 🍔 Выпадающее меню-бургер на чистом CSS без использования JavaScript
## Структура Страниц
- **Home** - Главная страница со списком доступных шаблонов
- **Example Data** - Пример страницы с погодными данными для Лондона
- **Blank State** - Пустое состояние страницы без погодных данных
## Адаптивность
- На мобильных устройствах меню сворачивается в бургер-меню
- На планшетах элементы реорганизуются для оптимального отображения
- На десктопах история поиска отображается справа от основного контента
## Техническая Информация
- Создан с использованием семантической верстки HTML5
- Стилизован с помощью CSS3 (флексбокс, grid)
- Меню-бургер реализовано на чистом CSS с использованием техники скрытого чекбокса
- Все иконки из Font Awesome