use aria-current="page" instead of custom class

This commit is contained in:
Daniel Micay 2020-12-02 17:34:57 -05:00
parent 5b69785dd5
commit ea1f59da7d
13 changed files with 24 additions and 24 deletions

View File

@ -128,12 +128,12 @@ http {
location = /404 { location = /404 {
internal; internal;
http2_push /grapheneos.css?20; http2_push /grapheneos.css?21;
} }
location = /404.html { location = /404.html {
internal; internal;
http2_push /grapheneos.css?20; http2_push /grapheneos.css?21;
} }
location ~ "^(.*)/index$" { location ~ "^(.*)/index$" {
@ -174,7 +174,7 @@ http {
include /etc/nginx/snippets/security-headers.conf; include /etc/nginx/snippets/security-headers.conf;
add_header Cache-Control "public, max-age=1800"; add_header Cache-Control "public, max-age=1800";
try_files $uri $uri.html $uri/ =404; try_files $uri $uri.html $uri/ =404;
http2_push /grapheneos.css?20; http2_push /grapheneos.css?21;
} }
} }

View File

@ -20,7 +20,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
</head> </head>
<body> <body>

View File

@ -21,7 +21,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/build"/> <link rel="canonical" href="https://grapheneos.org/build"/>
<script type="module" src="/redirect.js?6"></script> <script type="module" src="/redirect.js?6"></script>
@ -31,7 +31,7 @@
<ul> <ul>
<li><a href="/">GrapheneOS</a></li> <li><a href="/">GrapheneOS</a></li>
<li><a href="/install">Install</a></li> <li><a href="/install">Install</a></li>
<li class="active"><a href="/build">Build</a></li> <li aria-current="page"><a href="/build">Build</a></li>
<li><a href="/usage">Usage</a></li> <li><a href="/usage">Usage</a></li>
<li><a href="/faq">FAQ</a></li> <li><a href="/faq">FAQ</a></li>
<li><a href="/releases">Releases</a></li> <li><a href="/releases">Releases</a></li>

View File

@ -21,7 +21,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/contact"/> <link rel="canonical" href="https://grapheneos.org/contact"/>
</head> </head>
@ -36,7 +36,7 @@
<li><a href="/releases">Releases</a></li> <li><a href="/releases">Releases</a></li>
<li><a href="/source">Source</a></li> <li><a href="/source">Source</a></li>
<li><a href="/donate">Donate</a></li> <li><a href="/donate">Donate</a></li>
<li class="active"><a href="/contact">Contact</a></li> <li aria-current="page"><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<main> <main>

View File

@ -21,7 +21,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/donate"/> <link rel="canonical" href="https://grapheneos.org/donate"/>
</head> </head>
@ -35,7 +35,7 @@
<li><a href="/faq">FAQ</a></li> <li><a href="/faq">FAQ</a></li>
<li><a href="/releases">Releases</a></li> <li><a href="/releases">Releases</a></li>
<li><a href="/source">Source</a></li> <li><a href="/source">Source</a></li>
<li class="active"><a href="/donate">Donate</a></li> <li aria-current="page"><a href="/donate">Donate</a></li>
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>

View File

@ -21,7 +21,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/faq"/> <link rel="canonical" href="https://grapheneos.org/faq"/>
<script type="module" src="/redirect.js?6"></script> <script type="module" src="/redirect.js?6"></script>
@ -33,7 +33,7 @@
<li><a href="/install">Install</a></li> <li><a href="/install">Install</a></li>
<li><a href="/build">Build</a></li> <li><a href="/build">Build</a></li>
<li><a href="/usage">Usage</a></li> <li><a href="/usage">Usage</a></li>
<li class="active"><a href="/faq">FAQ</a></li> <li aria-current="page"><a href="/faq">FAQ</a></li>
<li><a href="/releases">Releases</a></li> <li><a href="/releases">Releases</a></li>
<li><a href="/source">Source</a></li> <li><a href="/source">Source</a></li>
<li><a href="/donate">Donate</a></li> <li><a href="/donate">Donate</a></li>

View File

@ -75,7 +75,7 @@ nav ul li a:visited {
color: #fff; /* 100% white */ color: #fff; /* 100% white */
} }
nav ul li.active a { nav ul li[aria-current] a {
color: #64b5f6; /* blue300 */ color: #64b5f6; /* blue300 */
} }

View File

@ -21,7 +21,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/"/> <link rel="canonical" href="https://grapheneos.org/"/>
<script type="module" src="/redirect.js?6"></script> <script type="module" src="/redirect.js?6"></script>
@ -29,7 +29,7 @@
<body> <body>
<nav> <nav>
<ul> <ul>
<li class="active"><a href="/">GrapheneOS</a></li> <li aria-current="page"><a href="/">GrapheneOS</a></li>
<li><a href="/install">Install</a></li> <li><a href="/install">Install</a></li>
<li><a href="/build">Build</a></li> <li><a href="/build">Build</a></li>
<li><a href="/usage">Usage</a></li> <li><a href="/usage">Usage</a></li>

View File

@ -21,7 +21,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/install"/> <link rel="canonical" href="https://grapheneos.org/install"/>
</head> </head>
@ -29,7 +29,7 @@
<nav> <nav>
<ul> <ul>
<li><a href="/">GrapheneOS</a></li> <li><a href="/">GrapheneOS</a></li>
<li class="active"><a href="/install">Install</a></li> <li aria-current="page"><a href="/install">Install</a></li>
<li><a href="/build">Build</a></li> <li><a href="/build">Build</a></li>
<li><a href="/usage">Usage</a></li> <li><a href="/usage">Usage</a></li>
<li><a href="/faq">FAQ</a></li> <li><a href="/faq">FAQ</a></li>

View File

@ -21,7 +21,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/pdfviewer-privacy-policy"/> <link rel="canonical" href="https://grapheneos.org/pdfviewer-privacy-policy"/>
</head> </head>

View File

@ -21,7 +21,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/releases"/> <link rel="canonical" href="https://grapheneos.org/releases"/>
<link rel="alternate" type="application/atom+xml" href="/releases.atom"/> <link rel="alternate" type="application/atom+xml" href="/releases.atom"/>
@ -36,7 +36,7 @@
<li><a href="/build">Build</a></li> <li><a href="/build">Build</a></li>
<li><a href="/usage">Usage</a></li> <li><a href="/usage">Usage</a></li>
<li><a href="/faq">FAQ</a></li> <li><a href="/faq">FAQ</a></li>
<li class="active"><a href="/releases">Releases</a></li> <li aria-current="page"><a href="/releases">Releases</a></li>
<li><a href="/source">Source</a></li> <li><a href="/source">Source</a></li>
<li><a href="/donate">Donate</a></li> <li><a href="/donate">Donate</a></li>
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>

View File

@ -21,7 +21,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/source"/> <link rel="canonical" href="https://grapheneos.org/source"/>
</head> </head>
@ -34,7 +34,7 @@
<li><a href="/usage">Usage</a></li> <li><a href="/usage">Usage</a></li>
<li><a href="/faq">FAQ</a></li> <li><a href="/faq">FAQ</a></li>
<li><a href="/releases">Releases</a></li> <li><a href="/releases">Releases</a></li>
<li class="active"><a href="/source">Source</a></li> <li aria-current="page"><a href="/source">Source</a></li>
<li><a href="/donate">Donate</a></li> <li><a href="/donate">Donate</a></li>
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>

View File

@ -21,7 +21,7 @@
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/> <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
<link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/> <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
<link rel="stylesheet" href="/grapheneos.css?20"/> <link rel="stylesheet" href="/grapheneos.css?21"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/usage"/> <link rel="canonical" href="https://grapheneos.org/usage"/>
<script type="module" src="/redirect.js?6"></script> <script type="module" src="/redirect.js?6"></script>
@ -32,7 +32,7 @@
<li><a href="/">GrapheneOS</a></li> <li><a href="/">GrapheneOS</a></li>
<li><a href="/install">Install</a></li> <li><a href="/install">Install</a></li>
<li><a href="/build">Build</a></li> <li><a href="/build">Build</a></li>
<li class="active"><a href="/usage">Usage</a></li> <li aria-current="page"><a href="/usage">Usage</a></li>
<li><a href="/faq">FAQ</a></li> <li><a href="/faq">FAQ</a></li>
<li><a href="/releases">Releases</a></li> <li><a href="/releases">Releases</a></li>
<li><a href="/source">Source</a></li> <li><a href="/source">Source</a></li>