Add sitemap, robots.txt, 404 page; fix ru/ lang attribute; update CLAUDE.md

vorushin · claude · vorushin · commit 35080eb6866c · 2026-02-09T22:06:08.000+05:00
- Add jekyll-sitemap plugin for auto-generated sitemap.xml
- Add robots.txt pointing to sitemap
- Add minimal 404.html page for GitHub Pages
- Fix ru/index.html to render &lt;html lang="ru"&gt; instead of lang="en"
- Make default.html use page.lang for dynamic lang attribute
- Update CLAUDE.md to reflect current font stack and new SEO setup

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/404.html b/404.html
@@ -0,0 +1,10 @@
+---
+layout: default
+title: "404"
+permalink: /404.html
+---
+<div style="text-align: center; padding: 4rem 0;">
+  <h1 style="font-size: 3rem; font-weight: 700; color: var(--text-secondary); margin-bottom: 0.5rem;">404</h1>
+  <p style="color: var(--text-secondary);">This page doesn't exist.</p>
+  <p><a href="/">Back to homepage</a></p>
+</div>
diff --git a/CLAUDE.md b/CLAUDE.md
@@ -56,10 +56,20 @@ Use `<!--more-->` separator for homepage excerpts.
 - Precomputed simulation states, then animated with `requestAnimationFrame`
 - Link traffic split into CW/CCW arrays; pills show "A + B" format; headers show CW/CCW breakdown
 - Finish stats Y positions must match Hop stats Y positions (both at `CY + 30 * S` and `CY + 50 * S`) to avoid visual jumps
-- Play/Pause and Reset controls
+- Play/Pause and Reset controls: buttons use `<span class="btn-icon">` + `<span class="btn-label">` structure; label hides on narrow viewports (<540px) leaving icon-only buttons
+- Header text: op name in teal `#0d9488` (22px semibold), state text in warm gray `#78716c` (20px regular)
 
 Include in posts via `{% include diagram-name.html %}`.
 
 ### Styling
 
-`css/main.css` — custom theme with CSS variables, dark mode support (`prefers-color-scheme: dark`), Bootstrap 5.3 for layout. Fonts: Inter (body), Roboto Mono (code). Canvas diagrams use IBM Plex Sans/Mono independently. Diagram containers have `max-width: 600px` set in main.css.
+`css/main.css` — custom theme with CSS variables, dark mode support (`prefers-color-scheme: dark`), Bootstrap 5.3 for layout. Fonts: Iowan Old Style BT/Georgia (body serif), Space Grotesk (UI sans — navbar, footer, dates, TOC, diagram canvas text), Roboto Mono (code, diagram buttons). Space Grotesk and Roboto Mono loaded from Google Fonts. Diagram containers have `max-width: 600px` set in main.css.
+
+### SEO & Metadata
+
+- `jekyll-seo-tag` generates `<title>`, Open Graph, and Twitter Card meta tags
+- `jekyll-sitemap` auto-generates `sitemap.xml`
+- `robots.txt` points to the sitemap
+- Default `og:image` set to `/apple-touch-icon.png` via front matter defaults in `_config.yml`
+- Favicons: `/img/favicon.ico`, `/favicon-32x32.png`, `/favicon-16x16.png`, `/apple-touch-icon.png`
+- `404.html` provides a custom not-found page for GitHub Pages
diff --git a/Gemfile b/Gemfile
@@ -5,4 +5,5 @@ gem "jekyll", "~> 4.3"
 group :jekyll_plugins do
   gem "jekyll-seo-tag"
   gem "jekyll-paginate"
+  gem "jekyll-sitemap"
 end
diff --git a/_config.yml b/_config.yml
@@ -25,8 +25,10 @@ lang: en
 plugins:
   - jekyll-seo-tag
   - jekyll-paginate
+  - jekyll-sitemap
 
 # Defaults
+# Posts default to lang: ru for legacy Russian archive; English posts override with lang: en
 defaults:
   - scope:
       path: ""
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
 
 <head>
   {% include head.html %}
diff --git a/robots.txt b/robots.txt
@@ -0,0 +1,6 @@
+---
+---
+User-agent: *
+Allow: /
+
+Sitemap: {{ site.url }}/sitemap.xml
diff --git a/ru/index.html b/ru/index.html
@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Архив постов на русском
+lang: ru
 ---
 <h1 class="mb-4">Архив постов на русском</h1>
 
