feat: add SEO-ready JavaJub Pages site

Author: JavaJub

.github/workflows/pages.yml

@@ -38,6 +38,9 @@ jobs:
       - name: Validate quiz bank
         run: node tools/validate-quizzes.mjs
 
+      - name: Build SEO quiz pages
+        run: node tools/build-seo-pages.mjs
+
       - name: Build site
         run: mkdocs build --strict
 

README.md

@@ -3,7 +3,7 @@
 Реальные вопросы для Java-собеседований по компаниям: Java Core, Spring Boot, SQL, Kafka, JVM, многопоточность, live-coding, code review и System Design. Проект помогает быстро понять, что именно повторять перед интервью в Сбер, Альфа-Банк, VK, Яндекс, Т1, МТС и другие команды.
 
 [![Telegram](https://img.shields.io/badge/Telegram-JavaJub-2CA5E0?logo=telegram&logoColor=white)](https://t.me/+6GwSVWu9VIxlN2Yy)
-[![GitHub Pages](https://img.shields.io/badge/Docs-GitHub%20Pages-222?logo=github)](https://javajub.github.io/java-interview/)
+[![Site](https://img.shields.io/badge/Site-www.javajub.com-222?logo=github)](https://www.javajub.com/)
 [![License: CC BY 4.0](https://img.shields.io/badge/License-CC%20BY%204.0-lightgrey.svg)](LICENSE)
 
 > Новые разборы собеседований и свежие вопросы сначала выходят в Telegram-канале [@java_jub](https://t.me/+6GwSVWu9VIxlN2Yy). GitHub — бесплатная база, которую удобно читать, искать и дополнять.
@@ -18,7 +18,7 @@
 | Банковский backend | [Сбер](guides/sber.md) · [Альфа-Банк](guides/alfa-bank.md) · [Т1 Иннотех](guides/t1-innotech.md) · [Лига](guides/liga.md) |
 | BigTech / алгоритмы | [VK](guides/vk.md) · [Яндекс Путешествия](guides/yandex-travel.md) |
 | Повторение по темам | [индекс тем](TOPICS.md) |
-| Самопроверка знаний | [тесты на GitHub Pages](https://javajub.github.io/java-interview/quizzes/) |
+| Самопроверка знаний | [тесты JavaJub](https://www.javajub.com/quizzes/) |
 
 ## Гайды по компаниям
 

TOPICS.md

@@ -1,6 +1,6 @@
 # Индекс тем
 
-Навигация по темам помогает готовиться не только к конкретной компании, но и к типовым блокам Java interview: Java Core, Spring Boot, SQL, Kafka, JVM, многопоточность и live coding. Для самопроверки используйте [тесты на GitHub Pages](https://javajub.github.io/java-interview/quizzes/).
+Навигация по темам помогает готовиться не только к конкретной компании, но и к типовым блокам Java interview: Java Core, Spring Boot, SQL, Kafka, JVM, многопоточность и live coding. Для самопроверки используйте [тесты JavaJub](https://www.javajub.com/quizzes/).
 
 [← На главную](README.md) · [Канал JavaJub](https://t.me/+6GwSVWu9VIxlN2Yy)
 

docs/404.md

@@ -0,0 +1,16 @@
+---
+title: Страница не найдена
+description: "404 JavaJub: быстрые ссылки на гайды, темы, компании и тесты для подготовки к Java interview."
+hide:
+  - toc
+---
+
+# Страница не найдена
+
+Похоже, ссылка устарела или страница была переименована. В JavaJub можно быстро вернуться к основным разделам:
+
+- [Главная](index.md) — что это за база и с чего начать.
+- [Компании](companies.md) — Сбер, Альфа-Банк, VK, Яндекс, Т1, МТС и другие гайды.
+- [Темы](TOPICS.md) — Java Core, Spring Boot, SQL, Kafka, JVM, многопоточность и live coding.
+- [Тесты](quizzes/index.md) — самопроверка знаний по вопросам из базы.
+- [Маршруты](roadmaps/java-middle.md) — подготовка Junior, Middle и AQA Java.

docs/CNAME

@@ -0,0 +1 @@
+www.javajub.com

docs/TOPICS.md

@@ -1,6 +1,11 @@
+---
+title: "Индекс тем Java interview"
+description: "Индекс тем JavaJub для подготовки к Java interview: Java Core, Collections, JVM, Spring Boot, Hibernate, SQL, Kafka, System Design, live coding и AQA Java."
+---
+
 # Индекс тем
 
-Навигация по темам помогает готовиться не только к конкретной компании, но и к типовым блокам Java interview: Java Core, Spring Boot, SQL, Kafka, JVM, многопоточность и live coding. Если хотите сначала проверить себя, откройте [интерактивные тесты](quizzes/index.md).
+Навигация по темам помогает готовиться не только к конкретной компании, но и к типовым блокам Java interview: Java Core, Spring Boot, SQL, Kafka, JVM, многопоточность и live coding. Для самопроверки используйте [тесты на GitHub Pages](quizzes/index.md).
 
 [← На главную](index.md) · [Канал JavaJub](https://t.me/+vDYjUmPrBYZmMTAy)
 
@@ -14,7 +19,7 @@
 
 ## Collections
 
-- [Сбер · Collections Framework](guides/sber.md)
+- [Сбер · Collections Framework](guides/sber.md#4-collections-framework)
 - [Альфа-Банк · Коллекции](guides/alfa-bank.md)
 - [VK · Коллекции](guides/vk.md)
 - [Т1 Иннотех · Коллекции](guides/t1-innotech.md)
@@ -68,17 +73,17 @@
 
 ## Docker, Kubernetes, CI/CD
 
-- [Альфа-Банк · Docker, Kubernetes, CI/CD](guides/alfa-bank.md)
-- [VK · Docker, Kubernetes, CI/CD](guides/vk.md)
-- [Лига · Docker, Jenkins, Linux](guides/liga.md)
+- [Альфа-Банк · Docker, Kubernetes, CI/CD](guides/alfa-bank.md#10-docker-kubernetes-cicd)
+- [VK · Docker, Kubernetes, CI/CD](guides/vk.md#10-docker-kubernetes-cicd)
+- [Лига · Docker, Jenkins, Linux](guides/liga.md#10-docker-jenkins-linux)
 - [ITK Academy · Docker, Git и CI/CD](guides/itk-academy.md)
 - [МТС Банк AQA · Docker, Linux и ELK](guides/mts-bank-aqa.md)
 
 ## System Design и архитектура
 
 - [Сбер · Микросервисы и архитектура](guides/sber.md)
-- [VK · System Design](guides/vk.md)
-- [Яндекс Путешествия · System Design](guides/yandex-travel.md)
+- [VK · System Design](guides/vk.md#12-system-design)
+- [Яндекс Путешествия · System Design](guides/yandex-travel.md#10-system-design)
 - [Т1 Иннотех · Микросервисы и архитектура](guides/t1-innotech.md)
 
 ## Live coding и code review

docs/assets/css/quiz.css

@@ -81,11 +81,15 @@
   margin: 0;
 }
 
-.quiz-card-footer {
+.quiz-card-footer,
+.quiz-run-header {
   align-items: center;
   display: flex;
   justify-content: space-between;
   gap: .75rem;
+}
+
+.quiz-card-footer {
   margin-top: .9rem;
 }
 
@@ -99,8 +103,8 @@
 .quiz-telegram {
   border: 0;
   border-radius: 6px;
-  background: var(--md-primary-fg-color);
-  color: var(--md-primary-bg-color);
+  background: #1565c0;
+  color: #fff !important;
   cursor: pointer;
   display: inline-flex;
   font: inherit;
@@ -109,6 +113,21 @@
   text-decoration: none;
 }
 
+.quiz-card button:hover,
+.quiz-actions button:hover,
+.quiz-telegram:hover {
+  background: #0b57a3;
+  color: #fff !important;
+  text-decoration: none;
+}
+
+.quiz-card button:focus-visible,
+.quiz-actions button:focus-visible,
+.quiz-telegram:focus-visible {
+  outline: 2px solid color-mix(in srgb, #1565c0 35%, #fff);
+  outline-offset: 2px;
+}
+
 .quiz-actions button:disabled {
   cursor: not-allowed;
   opacity: .45;
@@ -120,13 +139,6 @@
   border: 1px solid var(--md-default-fg-color--lightest) !important;
 }
 
-.quiz-run-header {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  gap: 1rem;
-}
-
 .quiz-progress {
   background: var(--md-code-bg-color);
   border-radius: 999px;