Астрономические события
Реализуйте сайт, выводящий календарь астрономических событий на текущий год. Продумайте структуру хранения данных о событиях в формате JSON. Каждый объект события должен содержать дату, название и краткое описание. Вручную заполните массив объектов 10-15 событиями на текущий год (солнечные и лунные затмения, метеорные потоки, полнолуния и т.д.). Все данные должны храниться в коде JavaScript. Скачать верстку для проекта.
Основные возможности проекта
- Ближайшее астрономическое событие с обратным отсчетом (количество дней).
- Таблица астрономических событий на текущий год.
- Визуальное выделение прошедших, текущих и предстоящих событий.
- Данные хранятся в формате JSON.
Главная страница
На странице должна отображаться текущая дата. Сайт должен выводить ближайшее предстоящее событие и сколько дней осталось до него. Блок ближайшего события должен содержать:
- Название события.
- Дата события.
- Количество дней до события.
Ниже должна выводиться таблица астрономических событий на текущий год. Данные о событиях должны храниться в виде массива объектов в формате JSON. В таблице должны быть следующие колонки:
- Дата события.
- Название события.
- Краткое описание события.
- Сколько дней осталось до события.
Выделение событий
Разными стилями нужно выделить события:
- Прошедшие события (которые уже были) - выделяются серым цветом.
- Событие в текущий день (дата события совпадает с сегодняшней) - выделяется отдельным стилем.
- Предстоящие события (которые еще будут) - выделяются зеленым или цветным фоном.
Сравнение дат происходит с текущей датой. Если дата события меньше текущей - событие прошедшее, если равна - текущее, если больше - предстоящее. Для прошедших событий в колонке дней выводится прочерк.
Дополнительные возможности
- Переключение между годами (просмотр событий за другие годы).
- Поиск событий по названию.