Один HTML-файл вместо громоздкого приложения: открытый редактор хронологий, в котором события, эпохи и периоды собираются на временной шкале, а готовую работу можно отдать одним файлом.
Автор рассказывает, что давно вынашивал эти замыслы: часть из них уже пытался воплотить, но до релиза дело не доходило из-за нехватки времени и сил. Сами идеи от этого не подешевели, зато теперь их можно осуществить с куда меньшими затратами — и поделиться результатом со всеми желающими.
Речь идёт о редакторе хронологий, умещающемся в единственный HTML-файл. Он рисует события и периоды на шкале времени, позволяет цеплять к ним картинки или целые галереи, описания и ссылки. Круг применения широкий: хоть биография одного человека, хоть летопись исторических событий. В комплекте — готовые примеры: «История языков программирования», «Великие научные открытия», «Освоение космоса», «Технологии повседневной жизни», «История авиации», «История оружия: от пороха до ядерной бомбы» и другие. Опробовать редактор можно прямо в браузере через PWA, там же лежат образцы хронологий.
В основе замысла несколько принципов. События визуализируются с привязкой к шкале, с картинками и настраиваемым внешним видом, есть поиск. Формат хранения открытый: обычный JSON плюс изображения в ZIP-архиве. Отдельная забота — масштаб: один пиксель равен дню, неделе, месяцу, кварталу, году, десятилетию или веку. Для личной истории удобнее всего «1 пиксель — 1 день»: прожил день — шкала приросла пикселем. Но мало показывать — нужно и редактировать: перетаскивать карточки, менять цвета, размеры и оформление, создавать хронологии с нуля, работать с эпохами. Благодаря открытому формату черновик можно поручить LLM, а доводку — двигать блоки, править цвета — сделать уже руками в редакторе.
Хронологию можно выгрузить в самостоятельный HTML-файл: получатель откроет её в браузере даже без установленного редактора. Авторство и контакты, указанные в хронологии, сохраняются при экспорте — так удобно публиковать исторические подборки у себя на сайте или просто передавать файлом.
Приложение целиком живёт в одном HTML-файле и полностью автономно: работает без интернета, сервера и регистрации, скачивается и используется локально, личные данные никуда не отправляются. Сами хронологии хранятся отдельно, в файлах .timeline. PWA — лишь альтернативный способ запустить тот же редактор. Это не страница с визуализацией, а полноценное приложение: скачал — и оно с вами навсегда, что бы дальше ни случилось с проектом.
Формат .timeline открыт и задокументирован: это ZIP-архив, где лежит JSON с описанием хронологии, изображения и при желании музыка. Структура простая: timeline.json (события, периоды, даты, описания, настройки), папки images/ с картинками, thumbs/ с миниатюрами и необязательная audio/ с фоновым сопровождением. В JSON три типа элементов — событие (event), период (period) и эпоха (era). Даты бывают разной точности: от конкретного дня до приблизительного года, включая даты до нашей эры. Формат не привязан к редактору: хронологию можно собрать вручную, программно или силами LLM — достаточно подготовить JSON и упаковать его вместе с изображениями в ZIP. Исходный код доступен на GitHub (MarketKernel/timeline), в релизах лежит тот самый HTML-файл, а PWA с примерами открывается в любом современном браузере на любой ОС. Один нюанс: хронология показывается целиком на одной странице, так что детали рассматривают, меняя масштаб.
Загрузка...
