use semantic main element instead of a div

This commit is contained in:
Daniel Micay 2020-10-26 10:36:41 -04:00
parent 185d5c9da8
commit b5f19b7a53
12 changed files with 34 additions and 35 deletions

View File

@ -19,7 +19,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
</head> </head>
<body> <body>
@ -36,13 +36,13 @@
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="page-not-found"> <h1 id="page-not-found">
<a href="#page-not-found">Page not found</a> <a href="#page-not-found">Page not found</a>
</h1> </h1>
<p>Page not found on the web server. If you think this is a mistake, please <p>Page not found on the web server. If you think this is a mistake, please
<a href="https://github.com/GrapheneOS/grapheneos.org/issues">report an issue</a>.</p> <a href="https://github.com/GrapheneOS/grapheneos.org/issues">report an issue</a>.</p>
</div> </main>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">

View File

@ -20,7 +20,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<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>
@ -39,7 +39,7 @@
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="build"> <h1 id="build">
<a href="#build">Build</a> <a href="#build">Build</a>
</h1> </h1>
@ -1220,7 +1220,7 @@ rm android-cts-media-1.5.zip</pre>
if it truly makes the correct approach simpler. Ignore fads and figure out if it if it truly makes the correct approach simpler. Ignore fads and figure out if it
actually makes sense to use, otherwise just stick to the old fashioned way if the actually makes sense to use, otherwise just stick to the old fashioned way if the
fancy alternatives aren't genuinely better.</p> fancy alternatives aren't genuinely better.</p>
</div> </main>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">

View File

@ -20,7 +20,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<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>
@ -38,7 +38,7 @@
<li class="active"><a href="/contact">Contact</a></li> <li class="active"><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="contact"> <h1 id="contact">
<a href="#contact">Contact</a> <a href="#contact">Contact</a>
</h1> </h1>
@ -119,7 +119,7 @@
<li><a href="https://github.com/GrapheneOS/platform_packages_apps_Updater/issues">Update client issue tracker</a></li> <li><a href="https://github.com/GrapheneOS/platform_packages_apps_Updater/issues">Update client issue tracker</a></li>
<li><a href="https://github.com/GrapheneOS/hardened_malloc/issues">hardened_malloc issue tracker</a></li> <li><a href="https://github.com/GrapheneOS/hardened_malloc/issues">hardened_malloc issue tracker</a></li>
</ul> </ul>
</div> </main>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">

View File

@ -20,7 +20,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<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>
@ -38,7 +38,7 @@
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="donate"> <h1 id="donate">
<a href="#donate">Donate</a> <a href="#donate">Donate</a>
</h1> </h1>
@ -80,7 +80,7 @@
<p>GrapheneOS can be sponsored with recurring donations through <p>GrapheneOS can be sponsored with recurring donations through
<a href="https://github.com/sponsors/thestinger">GitHub Sponsors</a> for five to one <a href="https://github.com/sponsors/thestinger">GitHub Sponsors</a> for five to one
hundred dollars a month.</p> hundred dollars a month.</p>
</div> </main>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">

View File

@ -20,7 +20,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<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>
@ -39,7 +39,7 @@
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="faq"> <h1 id="faq">
<a href="#faq">Frequently Asked Questions</a> <a href="#faq">Frequently Asked Questions</a>
</h1> </h1>
@ -843,7 +843,7 @@
<p>GrapheneOS is focused on making meaningful improvements to privacy and security, <p>GrapheneOS is focused on making meaningful improvements to privacy and security,
and bundling assorted apps into the OS is not only usually outside of that focus but and bundling assorted apps into the OS is not only usually outside of that focus but
often counter to it.</p> often counter to it.</p>
</div> </main>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">

View File

@ -79,7 +79,7 @@ nav ul li.active a {
color: #64b5f6; /* blue300 */ color: #64b5f6; /* blue300 */
} }
#content { main {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding: 1em; padding: 1em;

View File

@ -20,7 +20,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<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>
@ -39,7 +39,7 @@
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="grapheneos"> <h1 id="grapheneos">
<a href="#grapheneos">GrapheneOS</a> <a href="#grapheneos">GrapheneOS</a>
</h1> </h1>
@ -250,7 +250,7 @@
</h2> </h2>
<p>See <a href="/faq#device-support">the FAQ section on device support</a>.</p> <p>See <a href="/faq#device-support">the FAQ section on device support</a>.</p>
</div> </main>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">

View File

@ -20,7 +20,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<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>
@ -38,7 +38,7 @@
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="install"> <h1 id="install">
<a href="#install">Install</a> <a href="#install">Install</a>
</h1> </h1>
@ -423,7 +423,7 @@ TMPDIR="$PWD/tmp" ./flash-all.sh</pre>
Android Verified Boot key to untrust it:</p> Android Verified Boot key to untrust it:</p>
<pre>fastboot erase avb_custom_key</pre> <pre>fastboot erase avb_custom_key</pre>
</div> </main>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">

View File

@ -20,7 +20,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<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>
@ -38,14 +38,14 @@
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="pdfviewer-privacy-policy"> <h1 id="pdfviewer-privacy-policy">
<a href="#pdfviewer-privacy-policy">PDF Viewer privacy policy</a> <a href="#pdfviewer-privacy-policy">PDF Viewer privacy policy</a>
</h1> </h1>
<p>This app does not use any sensitive permissions, makes no internet connections and <p>This app does not use any sensitive permissions, makes no internet connections and
does not store any data other than preferences.</p> does not store any data other than preferences.</p>
<p>See the <a href="https://github.com/GrapheneOS/PdfViewer">project's page on GitHub</a> for more information.</p> <p>See the <a href="https://github.com/GrapheneOS/PdfViewer">project's page on GitHub</a> for more information.</p>
</div> </main>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">

View File

@ -20,7 +20,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<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"/>
<script type="module" src="/releases.js?13"></script> <script type="module" src="/releases.js?13"></script>
@ -40,7 +40,7 @@
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="releases"> <h1 id="releases">
<a href="#releases">Releases</a> <a href="#releases">Releases</a>
</h1> </h1>
@ -1701,8 +1701,7 @@
<p>Final and only tagged release of the AndroidHardening project before it became <p>Final and only tagged release of the AndroidHardening project before it became
GrapheneOS. Earlier AndroidHardening releases were only snapshots and are not listed GrapheneOS. Earlier AndroidHardening releases were only snapshots and are not listed
here. Detailed changelogs were not written at this point.</p> here. Detailed changelogs were not written at this point.</p>
</main>
</div>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">

View File

@ -20,7 +20,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<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>
@ -38,7 +38,7 @@
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="source"> <h1 id="source">
<a href="#source">Source</a> <a href="#source">Source</a>
</h1> </h1>
@ -74,7 +74,7 @@
for the Auditor and AttestationServer sources. The latest release of the Auditor app for the Auditor and AttestationServer sources. The latest release of the Auditor app
is included in the GrapheneOS source tree as a prebuilt since it uses a different is included in the GrapheneOS source tree as a prebuilt since it uses a different
build system, similar to other prebuilts like Chromium.</p> build system, similar to other prebuilts like Chromium.</p>
</div> </main>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">

View File

@ -20,7 +20,7 @@
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
<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?18"/> <link rel="stylesheet" href="/grapheneos.css?19"/>
<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>
@ -39,7 +39,7 @@
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
</nav> </nav>
<div id="content"> <main>
<h1 id="usage"> <h1 id="usage">
<a href="#usage">Usage</a> <a href="#usage">Usage</a>
</h1> </h1>
@ -480,7 +480,7 @@
LTE does provide basic network authentication / encryption, but it's for the network LTE does provide basic network authentication / encryption, but it's for the network
itself. The intention of the LTE-only feature is only hardening against remote itself. The intention of the LTE-only feature is only hardening against remote
exploitation by disabling an enormous amount of legacy code.</p> exploitation by disabling an enormous amount of legacy code.</p>
</div> </main>
<footer> <footer>
<a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a> <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
<ul id="social"> <ul id="social">