https://strokine.github.io/guadalajara/
Приглашение в путешествие по Мексике, 6–13 ноября — и учение о церемонии
Xiuhmolpilli. Статический сайт, две страницы, без сборки: открой index.html
в браузере и всё работает.
index.html |
приглашение: программа, хранители, практическое, форма записи |
ceremony.html |
учение о Церемонии обновления жизненного цикла |
images/ |
всё, что показывает сайт — .webp, плюс два .jpg для превью ссылок |
favicon.svg |
иконка вкладки |
.nojekyll |
Pages отдаёт файлы как есть, без Jekyll |
originals/ |
исходные фото, HEIC, видео и PDF — не в гите (.gitignore) |
Русский, английский и испанский лежат в одном HTML: каждый кусок текста — это
три <span> с классами .l-ru / .l-en / .l-es, а CSS показывает только
тот, что совпадает с <html data-lang>. Текст вне тегов (alt у картинок,
placeholder'ы формы, подпись единицы в кольце) ездит в data-ru / data-en /
data-es на самом элементе.
Значит: перевод правится там же, где русский текст — рядом, в том же абзаце.
Язык берётся из URL, потом из localStorage, иначе русский:
https://strokine.github.io/guadalajara/#en |
откроется по-английски |
https://strokine.github.io/guadalajara/#es |
по-испански |
https://strokine.github.io/guadalajara/#ru |
по-русски |
https://strokine.github.io/guadalajara/?lang=en#programme |
язык + якорь на раздел |
Ссылка сильнее сохранённого выбора — английская ссылка откроется по-английски, даже если человек до этого читал сайт по-русски. Выбор переезжает между двумя страницами и живёт до следующего визита.
index.html шлёт форму на formsubmit.co → yelena@strokin.info.
Бэкенда нет и не нужно. Адрес встречается дважды — в action формы и в
fetch() ниже по файлу; менять надо оба. Первое письмо formsubmit просит
подтвердить по ссылке.
Сайт показывает только images/*.webp. Оригиналы (originals/) в репозиторий
не едут — 45 МБ ни к чему на Pages. Новая картинка → сконвертировать в webp,
положить в images/, оригинал оставить в originals/.
images/share-mexico.jpg и share-ceremony.jpg — превью для мессенджеров,
1200×630. Они в JPEG, а не webp, потому что WhatsApp и Telegram тянут превью
своими серверами и webp показывают не всегда. Ссылки на них в og:image
абсолютные — относительный путь превью ломает.
GitHub Pages, ветка main, папка / (корень). В настройках репозитория:
Settings → Pages → Source: Deploy from a branch → main / / (root).
Сайт живёт в подпапке — /guadalajara/, а не в корне домена. Поэтому все
ссылки внутри страниц относительные (images/…, ceremony.html), без
ведущего слэша: путь вида /images/… ушёл бы в корень strokine.github.io и
сломался. Абсолютный адрес нужен только в og: и canonical — там он
прописан целиком.
Если сайт когда-нибудь переедет на свой домен: поменять адрес в og:url,
og:image и canonical в обоих файлах и положить в корень CNAME с доменом.