use id to style site menu

This commit is contained in:
Daniel Micay 2020-12-02 18:02:03 -05:00
parent ea1f59da7d
commit 52dcbd7595
13 changed files with 21 additions and 21 deletions

View File

@ -128,12 +128,12 @@ http {
location = /404 { location = /404 {
internal; internal;
http2_push /grapheneos.css?21; http2_push /grapheneos.css?22;
} }
location = /404.html { location = /404.html {
internal; internal;
http2_push /grapheneos.css?21; http2_push /grapheneos.css?22;
} }
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?21; http2_push /grapheneos.css?22;
} }
} }

View File

@ -24,7 +24,7 @@
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<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>

View File

@ -27,7 +27,7 @@
<script type="module" src="/redirect.js?6"></script> <script type="module" src="/redirect.js?6"></script>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<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>

View File

@ -26,7 +26,7 @@
<link rel="canonical" href="https://grapheneos.org/contact"/> <link rel="canonical" href="https://grapheneos.org/contact"/>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<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>

View File

@ -26,7 +26,7 @@
<link rel="canonical" href="https://grapheneos.org/donate"/> <link rel="canonical" href="https://grapheneos.org/donate"/>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<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>

View File

@ -27,7 +27,7 @@
<script type="module" src="/redirect.js?6"></script> <script type="module" src="/redirect.js?6"></script>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<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>

View File

@ -43,7 +43,7 @@ code, pre {
font-family: "Roboto Mono", monospace; font-family: "Roboto Mono", monospace;
} }
nav ul { #site-menu ul {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
overflow-x: auto; overflow-x: auto;
@ -51,31 +51,31 @@ nav ul {
padding: 0; padding: 0;
} }
nav { #site-menu {
background-color: #212121; /* grey900 */ background-color: #212121; /* grey900 */
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
} }
nav ul li { #site-menu ul li {
list-style-type: none; list-style-type: none;
} }
nav ul li:hover { #site-menu ul li:hover {
background-color: #424242; /* grey800 */ background-color: #424242; /* grey800 */
} }
nav ul li a { #site-menu ul li a {
color: #fff; /* 100% white */ color: #fff; /* 100% white */
display: block; display: block;
text-decoration: none; text-decoration: none;
padding: 1em; padding: 1em;
} }
nav ul li a:visited { #site-menu ul li a:visited {
color: #fff; /* 100% white */ color: #fff; /* 100% white */
} }
nav ul li[aria-current] a { #site-menu ul li[aria-current] a {
color: #64b5f6; /* blue300 */ color: #64b5f6; /* blue300 */
} }

View File

@ -27,7 +27,7 @@
<script type="module" src="/redirect.js?6"></script> <script type="module" src="/redirect.js?6"></script>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<ul> <ul>
<li aria-current="page"><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>

View File

@ -26,7 +26,7 @@
<link rel="canonical" href="https://grapheneos.org/install"/> <link rel="canonical" href="https://grapheneos.org/install"/>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<ul> <ul>
<li><a href="/">GrapheneOS</a></li> <li><a href="/">GrapheneOS</a></li>
<li aria-current="page"><a href="/install">Install</a></li> <li aria-current="page"><a href="/install">Install</a></li>

View File

@ -26,7 +26,7 @@
<link rel="canonical" href="https://grapheneos.org/pdfviewer-privacy-policy"/> <link rel="canonical" href="https://grapheneos.org/pdfviewer-privacy-policy"/>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<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>

View File

@ -29,7 +29,7 @@
<script type="module" src="/redirect.js?7"></script> <script type="module" src="/redirect.js?7"></script>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<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>

View File

@ -26,7 +26,7 @@
<link rel="canonical" href="https://grapheneos.org/source"/> <link rel="canonical" href="https://grapheneos.org/source"/>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<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>

View File

@ -27,7 +27,7 @@
<script type="module" src="/redirect.js?6"></script> <script type="module" src="/redirect.js?6"></script>
</head> </head>
<body> <body>
<nav> <nav id="site-menu">
<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>