diff --git a/themes/tabi/i18n/ru.toml b/themes/tabi/i18n/ru.toml index 431f410..cce7476 100644 --- a/themes/tabi/i18n/ru.toml +++ b/themes/tabi/i18n/ru.toml @@ -30,6 +30,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/themes/tabi/sass/parts/_misc.scss b/themes/tabi/sass/parts/_misc.scss index 76b6ce2..09a3eba 100644 --- a/themes/tabi/sass/parts/_misc.scss +++ b/themes/tabi/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/themes/tabi/templates/base.html b/themes/tabi/templates/base.html index 25c9d57..80c1630 100644 --- a/themes/tabi/templates/base.html +++ b/themes/tabi/templates/base.html @@ -34,8 +34,9 @@ This variable will hold all the text strings for the language #} {% include "partials/header.html" %} + {% include "partials/nav.html" %} -
+
{# Post page is the default #} {% block main_content %}