diff --git a/i18n/ar.toml b/i18n/ar.toml index eccaa7c..afeeb28 100644 --- a/i18n/ar.toml +++ b/i18n/ar.toml @@ -30,6 +30,7 @@ few_results = "تم العثور على $NUMBER نتائج" # for 3 to 10 searc many_results = "تم العثور على $NUMBER نتيجة" # 11 or more search results. # Navigation. +skip_to_content = "الإنتقال إلى المحتوى" pinned = "مثبتة" jump_to_posts = "الإنتقال إلى التدوينات" read_more = "إقرأ المزيد" diff --git a/i18n/ca.toml b/i18n/ca.toml index 0191c24..5edd8cd 100644 --- a/i18n/ca.toml +++ b/i18n/ca.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER resultat" # "1 result" many_results = "$NUMBER resultats" # "3 results" # Navigation. +skip_to_content = "Saltar al contingut" pinned = "Fixada" jump_to_posts = "Saltar als articles" read_more = "Llegir més" diff --git a/i18n/de.toml b/i18n/de.toml index 7255f9d..79c846f 100644 --- a/i18n/de.toml +++ b/i18n/de.toml @@ -27,6 +27,7 @@ one_results = "$NUMBER Ergebnis" # "1 result" many_results = "$NUMBER Ergebnisse" # "3 results" # Navigation. +skip_to_content = "Zum Inhalt springen" pinned = "Angeheftet" jump_to_posts = "Zu den Beiträgen springen" read_more = "Weiterlesen" diff --git a/i18n/en.toml b/i18n/en.toml index 4184298..586153c 100644 --- a/i18n/en.toml +++ b/i18n/en.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER result" # "1 result" many_results = "$NUMBER results" # "3 results" # Navigation. +skip_to_content = "Skip to content" pinned = "Pinned" jump_to_posts = "Jump to posts" read_more = "Read more" diff --git a/i18n/es.toml b/i18n/es.toml index a39478b..df419e8 100644 --- a/i18n/es.toml +++ b/i18n/es.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER resultado" many_results = "$NUMBER resultados" # Navigation. +skip_to_content = "Saltar al contenido" pinned = "Fijada" jump_to_posts = "Saltar a las entradas" read_more = "Leer más" diff --git a/i18n/et.toml b/i18n/et.toml index 7f71604..f328552 100644 --- a/i18n/et.toml +++ b/i18n/et.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER tulemus" # "1 result" many_results = "$NUMBER tulemust" # "3 results" # Navigation. +skip_to_content = "Hüppa sisu juurde" pinned = "Kinnitatud" jump_to_posts = "Hüppa postitusteni" read_more = "Loe edasi" diff --git a/i18n/fa.toml b/i18n/fa.toml index b609409..2153aab 100644 --- a/i18n/fa.toml +++ b/i18n/fa.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER نتیجه" # "1 result" many_results = "$NUMBER نتیجه" # "3 results" # Navigation. +skip_to_content = "پرش به محتوا" pinned = "سنجاقشده" jump_to_posts = "پرش به نوشتهها" read_more = "ادامه مطلب" diff --git a/i18n/fi.toml b/i18n/fi.toml index bf820e9..32fa48d 100644 --- a/i18n/fi.toml +++ b/i18n/fi.toml @@ -24,6 +24,7 @@ one_results = "$NUMBER tulos" # "1 result" many_results = "$NUMBER tulosta" # "3 results" # Navigation. +skip_to_content = "Siirry sisältöön" # Some will prefer artikkeli (=article) instead of julkaisu (=publication), but this is more general pinned = "Kiinnitetty" jump_to_posts = "Siirry julkaisuihin" diff --git a/i18n/fr.toml b/i18n/fr.toml index 54c8666..636a015 100644 --- a/i18n/fr.toml +++ b/i18n/fr.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER résultat" # "1 result" many_results = "$NUMBER résultats" # "3 results" # Navigation. +skip_to_content = "Passer au contenu" pinned = "Épinglé" jump_to_posts = "Aller aux articles" read_more = "Lire plus" diff --git a/i18n/hi.toml b/i18n/hi.toml index 2ac79ba..77320c8 100644 --- a/i18n/hi.toml +++ b/i18n/hi.toml @@ -25,6 +25,7 @@ one_results = "$NUMBER परिणाम" # "1 result" many_results = "$NUMBER परिणाम" # "3 results" # Navigation. +skip_to_content = "सामग्री पर जाएं" pinned = "पिन किया गया" jump_to_posts = "पोस्ट पर जाएं" read_more = "और पढ़ें" diff --git a/i18n/it.toml b/i18n/it.toml index 4b558c9..44495dd 100644 --- a/i18n/it.toml +++ b/i18n/it.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER risultato" many_results = "$NUMBER risultati" # Navigation. +skip_to_content = "Salta al contenuto" pinned = "In evidenza" jump_to_posts = "Vai ai post" read_more = "Leggi di più" diff --git a/i18n/ja.toml b/i18n/ja.toml index c1a7533..10b9265 100644 --- a/i18n/ja.toml +++ b/i18n/ja.toml @@ -27,6 +27,7 @@ one_results = "$NUMBER 結果" # "1 result" many_results = "$NUMBER 結果" # "3 results" # Navigation. +skip_to_content = "コンテンツにスキップ" pinned = "固定" jump_to_posts = "投稿へジャンプ" read_more = "続きを読む" diff --git a/i18n/ko.toml b/i18n/ko.toml index f4e177e..e5eee12 100644 --- a/i18n/ko.toml +++ b/i18n/ko.toml @@ -27,6 +27,7 @@ one_results = "$NUMBER 결과" # "1 result" many_results = "$NUMBER 결과" # "3 results" # Navigation. +skip_to_content = "콘텐츠로 건너뛰기" pinned = "고정됨" jump_to_posts = "게시물로 이동" read_more = "더 읽기" diff --git a/i18n/nl.toml b/i18n/nl.toml index a300339..c6649d5 100644 --- a/i18n/nl.toml +++ b/i18n/nl.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER resultaat" # "1 result" many_results = "$NUMBER resultaten" # "3 results" # Navigation. +skip_to_content = "Naar inhoud springen" pinned = "Vastgezet" jump_to_posts = "Naar berichten springen" read_more = "Lees meer" diff --git a/i18n/or.toml b/i18n/or.toml index e431309..2db18e9 100644 --- a/i18n/or.toml +++ b/i18n/or.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER ପରିଣାମ" # "1 result" many_results = "$NUMBER ପରିଣାମଗୁଡ଼ିକ" # "3 results" # Navigation. +skip_to_content = "ବିଷୟବସ୍ତୁକୁ ଯାଆନ୍ତୁ" pinned = "ପିନ୍ କରାଯାଇଛି" jump_to_posts = "ପୋଷ୍ଟକୁ ଯାଆନ୍ତୁ" read_more = "ଆହୁରି ପଢ଼ନ୍ତୁ" diff --git a/i18n/pt-PT.toml b/i18n/pt-PT.toml index fa79380..1147770 100644 --- a/i18n/pt-PT.toml +++ b/i18n/pt-PT.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER resultado" # "1 result" many_results = "$NUMBER resultados" # "3 results" # Navigation. +skip_to_content = "Pular para o conteúdo" pinned = "Fixado" jump_to_posts = "Ir para as publicações" read_more = "Ler mais" diff --git a/i18n/ru.toml b/i18n/ru.toml index 16765e3..1b566ad 100644 --- a/i18n/ru.toml +++ b/i18n/ru.toml @@ -28,6 +28,7 @@ few_results = "$NUMBER результата" # 2, 3, 4 but not 12-14 many_results = "$NUMBER результатов" # 5-9, 0, 11-14, and others # Navigation. +skip_to_content = "Перейти к содержанию" pinned = "Закреплено" jump_to_posts = "Перейти к записям" read_more = "Читать далее" diff --git a/i18n/uk.toml b/i18n/uk.toml index d20cb8e..d1696fe 100644 --- a/i18n/uk.toml +++ b/i18n/uk.toml @@ -33,6 +33,7 @@ few_results = "$NUMBER результати" many_results = "$NUMBER результатів" # Navigation. +skip_to_content = "Перейти до вмісту" pinned = "Закріплено" jump_to_posts = "Перейти до дописів" read_more = "Читати далі" diff --git a/i18n/zh-Hans.toml b/i18n/zh-Hans.toml index f4f181b..15a4cc6 100644 --- a/i18n/zh-Hans.toml +++ b/i18n/zh-Hans.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER 个结果" many_results = "$NUMBER 个结果" # Navigation. +skip_to_content = "跳到内容" pinned = "置顶" jump_to_posts = "跳转到文章" read_more = "阅读全文" diff --git a/i18n/zh-Hant.toml b/i18n/zh-Hant.toml index 29d6282..d6f42e5 100644 --- a/i18n/zh-Hant.toml +++ b/i18n/zh-Hant.toml @@ -23,6 +23,7 @@ one_results = "$NUMBER 個結果" many_results = "$NUMBER 個結果" # Navigation. +skip_to_content = "跳到內容" pinned = "釘選" jump_to_posts = "跳轉到文章" read_more = "閱讀全文" diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss index d798ddd..52fec23 100644 --- a/sass/parts/_misc.scss +++ b/sass/parts/_misc.scss @@ -328,3 +328,28 @@ details summary { flex-direction: column; } } + +#skip-link { + position: absolute; + top: -40px; + left: 0; + transform: translateY(-100%); + opacity: 0; + z-index: 9999; + transition: all 0.1s ease; + border-radius: 0 0 5px 0; + background-color: var(--primary-color); + padding: 4px 8px; + color: var(--hover-color); + font-weight: 500; + font-size: 0.9rem; + text-decoration: none; +} + +#skip-link:focus { + top: 0; + transform: translateY(0); + opacity: 1; + outline: 2px solid var(--text-color); + outline-offset: 2px; +} diff --git a/templates/base.html b/templates/base.html index 56f2a65..84ad479 100644 --- a/templates/base.html +++ b/templates/base.html @@ -34,8 +34,9 @@ This variable will hold all the text strings for the language #} {% include "partials/header.html" %}
+ {{ macros_translate::translate(key="skip_to_content", default="Skip to content", language_strings=language_strings) }} {% include "partials/nav.html" %} -