html-acadeny-widget v1.0.0

https://newsapi.org/s/russia-news-api

Необходимо сверстать и оживить небольшой виджет новостной ленты.

Требования:

1. Подключение виджета сделать через JavaScript, который вставляется на страницу.
2. Из скрипта получается набор данных, из которых формируется лента.
3. Одно сообщение ленты содержит поля:
   • Заголовок
   • Автор
   • Дата и время
   • Ссылка на подробности
   • Статус (прочитано или нет)
4. После загрузки данных в нижней части страницы появляется иконка/картинка с отображением количества сообщений в ленте. При клике на иконку открывается виджет со списком сообщений.
5. Внешнее отображение виджета придумать самостоятельно или взять за основу пример какого-либо сервиса.
6. Дополнительно можно добавить интерактивности и по какому-то действию отмечать сообщение прочитанным. Само значение можно не сохранять, а сделать эмуляцию.
7. Код оформить в виде репозитория на GitHub и в ответе прислать ссылку на репозиторий.

Мы ожидаем что задание будет выполнено на чистом js без использования сторонних библиотек и фреймворков. Дизайн оцениваться не будет.