diff --git a/public/files/example.zip b/public/files/example.zip index 5d5b05b51328cff9368005ecccb2cac30bee6ae8..02bb50943cdb5532cd8b703bb59142014da27461 100644 Binary files a/public/files/example.zip and b/public/files/example.zip differ diff --git a/public/styles/style.css b/public/styles/style.css index e23e62a2d995d37263396c0861fac8135534c2f4..cecd903ebf27bdb804e5e9d880002376c9178203 100644 --- a/public/styles/style.css +++ b/public/styles/style.css @@ -232,7 +232,8 @@ h1 { line-height: 1em; } -h1 a, h1 a:hover { +h1 a, +h1 a:hover { color: white; } @@ -363,9 +364,14 @@ footer { } .skiplink { - position: absolute; - top: -9999px; - left: -9999px; + -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); + clip-path: polygon(0 0, 0 0, 0 0, 0 0); + box-sizing: border-box; + } + + .skiplink:focus { + -webkit-clip-path: none; + clip-path: none; } #accessibility-options { diff --git a/public/styles/style.scss b/public/styles/style.scss index a43f82a41c2d84bd8bdf47a452db6521c55b42a0..c918d0f10e82e3c77fe9e7c5e628de688ea42446 100644 --- a/public/styles/style.scss +++ b/public/styles/style.scss @@ -71,7 +71,8 @@ h1 { color: white; line-height: 1em; } -h1 a, h1 a:hover { +h1 a, +h1 a:hover { color: white; } h2 { @@ -83,8 +84,10 @@ ul { background: $bg_light_2; border-width: 3px 0 0 0; border-style: solid; - -o-border-image: linear-gradient(to right, $secondary_light, $tertiary_light) 100% 1; - border-image: linear-gradient(to right, $secondary_light, $tertiary_light) 100% 1; + -o-border-image: linear-gradient(to right, $secondary_light, $tertiary_light) + 100% 1; + border-image: linear-gradient(to right, $secondary_light, $tertiary_light) + 100% 1; } p { margin: 2rem auto; @@ -193,9 +196,13 @@ footer { background-size: 100%; } .skiplink { - position: absolute; - top: -9999px; - left: -9999px; + -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); + clip-path: polygon(0 0, 0 0, 0 0, 0 0); + box-sizing: border-box; + } + .skiplink:focus { + -webkit-clip-path: none; + clip-path: none; } #accessibility-options {