diff --git a/core/src/build/assets/site.css b/core/src/build/assets/site.css index 8fc462d..3c81164 100644 --- a/core/src/build/assets/site.css +++ b/core/src/build/assets/site.css @@ -856,6 +856,22 @@ input[type="search"]::-webkit-search-cancel-button { display: none; } .selector_options button:not(.active) svg { display: none; } .selector_options button:not(:first-child) { padding-top: .5rem; } .selector_options button:not(:last-child) { padding-bottom: .5rem; } +.skip_to_content { + background: var(--fg-3); + border-radius: .3rem; + color: var(--bg-1) !important; + left: 50%; + padding: .5rem 1rem; + position: fixed; + top: 4rem; + transform: translateX(-50%); + white-space: nowrap; + z-index: 1; +} +.skip_to_content:not(:focus-visible) { + opacity: 0; + pointer-events: none; +} svg { fill: currentColor; display: block; diff --git a/core/src/build/layout.rs b/core/src/build/layout.rs index 37ef309..a42d41f 100644 --- a/core/src/build/layout.rs +++ b/core/src/build/layout.rs @@ -210,6 +210,7 @@ impl Layout { let t_open_browse_panel = translations.open_browse_panel; let t_play_pause_video = translations.play_pause_video; let t_shortcuts = translations.shortcuts; + let t_skip_to_main_content = translations.skip_to_main_content; let t_space = translations.space; let t_video_player = translations.video_player; let body = formatdoc!(r##" @@ -217,6 +218,7 @@ impl Layout { + {t_skip_to_main_content}