From 3335334ecbb3f577d02eb646eb05bfbbb1ae9fc2 Mon Sep 17 00:00:00 2001
From: prudhvikrishna <prudhvikrishna@google.com>
Date: Tue, 11 Jul 2023 14:29:35 -0700
Subject: _content: provide skiplink to go website

added skiplink to skip over the navigation and header elements of the
page and go directly to the main content.

https://screencast.googleplex.com/cast/NjUzMzAxNTk2MzQzNTAwOHxmYjc5NGE4OS1iMQ

Change-Id: I58271abacfcd80a2e996e83c6ad7611711989e92
Reviewed-on: https://go-review.googlesource.com/c/website/+/508975
Auto-Submit: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Jamal Carvalho <jamal@golang.org>
Run-TryBot: Jamal Carvalho <jamal@golang.org>
TryBot-Result: Gopher Robot <gobot@golang.org>
---
 _content/css/styles.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to '_content/css')

diff --git a/_content/css/styles.css b/_content/css/styles.css
index 71f49c38..90f5acbd 100644
--- a/_content/css/styles.css
+++ b/_content/css/styles.css
@@ -563,6 +563,21 @@ a.Footer-link--primary {
 .Header-navOpen--white {
   background: no-repeat center/2rem url('/images/menu-24px-white.svg');
 }
+.skip-to-content-link {
+  background: var(--color-background);
+  border-radius: 6px;
+  color: var(--color-text);
+  font-weight: 500;
+  margin: 5px;
+  position: absolute;
+  overflow: hidden;
+  top: 12px;
+  clip: rect(0 0 0 0);
+  left: 8%;
+}
+.skip-to-content-link:focus {
+  clip: unset;
+}
 .NavigationDrawer {
   background: var(--color-background);
   height: 100%;
-- 
cgit v1.3