use semantic main element instead of a div

author: Daniel Micay <danielmicay@gmail.com> 2020-10-26 10:36:41 -0400
committer: Daniel Micay <danielmicay@gmail.com> 2020-10-26 10:37:02 -0400
commit: b5f19b7a5388fca0331ad97adb41ba7434ff3667 (patch)
tree: 9167539230b3593d047965325f825832031ab78e /static
parent: 185d5c9da8027a0c839a9f642eacf9e56f525fc3 (diff)
12 files changed, 34 insertions, 35 deletions
diff --git a/static/404.html b/static/404.html
index 7b8d87ff..aa06e353 100644
--- a/static/404.html
+++ b/static/404.html
@@ -19,7 +19,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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"/>
     </head>
     <body>
@@ -36,13 +36,13 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="page-not-found">
                 <a href="#page-not-found">Page not found</a>
             </h1>
             <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>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
diff --git a/static/build.html b/static/build.html
index 09bebdad..ef3125e1 100644
--- a/static/build.html
+++ b/static/build.html
@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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="canonical" href="https://grapheneos.org/build"/>
         <script type="module" src="/redirect.js?6"></script>
@@ -39,7 +39,7 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="build">
                 <a href="#build">Build</a>
             </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
             actually makes sense to use, otherwise just stick to the old fashioned way if the
             fancy alternatives aren't genuinely better.</p>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
diff --git a/static/contact.html b/static/contact.html
index b28b0317..5888b0b5 100644
--- a/static/contact.html
+++ b/static/contact.html
@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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="canonical" href="https://grapheneos.org/contact"/>
     </head>
@@ -38,7 +38,7 @@
                 <li class="active"><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="contact">
                 <a href="#contact">Contact</a>
             </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/hardened_malloc/issues">hardened_malloc issue tracker</a></li>
             </ul>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
diff --git a/static/donate.html b/static/donate.html
index 538e089b..ae9a69bb 100644
--- a/static/donate.html
+++ b/static/donate.html
@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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="canonical" href="https://grapheneos.org/donate"/>
     </head>
@@ -38,7 +38,7 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="donate">
                 <a href="#donate">Donate</a>
             </h1>
@@ -80,7 +80,7 @@
             <p>GrapheneOS can be sponsored with recurring donations through
             <a href="https://github.com/sponsors/thestinger">GitHub Sponsors</a> for five to one
             hundred dollars a month.</p>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
diff --git a/static/faq.html b/static/faq.html
index 6479e99f..e6feab01 100644
--- a/static/faq.html
+++ b/static/faq.html
@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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="canonical" href="https://grapheneos.org/faq"/>
         <script type="module" src="/redirect.js?6"></script>
@@ -39,7 +39,7 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="faq">
                 <a href="#faq">Frequently Asked Questions</a>
             </h1>
@@ -843,7 +843,7 @@
             <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
             often counter to it.</p>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
diff --git a/static/grapheneos.css b/static/grapheneos.css
index d7f246a1..72335530 100644
--- a/static/grapheneos.css
+++ b/static/grapheneos.css
@@ -79,7 +79,7 @@ nav ul li.active a {
     color: #64b5f6; /* blue300 */
 }
 
-#content {
+main {
     margin-left: auto;
     margin-right: auto;
     padding: 1em;
diff --git a/static/index.html b/static/index.html
index dd1382b4..b3e53cdf 100644
--- a/static/index.html
+++ b/static/index.html
@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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="canonical" href="https://grapheneos.org/"/>
         <script type="module" src="/redirect.js?6"></script>
@@ -39,7 +39,7 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="grapheneos">
                 <a href="#grapheneos">GrapheneOS</a>
             </h1>
@@ -250,7 +250,7 @@
             </h2>
 
             <p>See <a href="/faq#device-support">the FAQ section on device support</a>.</p>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
diff --git a/static/install.html b/static/install.html
index 643316c0..b81d39cc 100644
--- a/static/install.html
+++ b/static/install.html
@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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="canonical" href="https://grapheneos.org/install"/>
     </head>
@@ -38,7 +38,7 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="install">
                 <a href="#install">Install</a>
             </h1>
@@ -423,7 +423,7 @@ TMPDIR="$PWD/tmp" ./flash-all.sh</pre>
             Android Verified Boot key to untrust it:</p>
 
             <pre>fastboot erase avb_custom_key</pre>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
diff --git a/static/pdfviewer-privacy-policy.html b/static/pdfviewer-privacy-policy.html
index f2de1a13..7b5d722b 100644
--- a/static/pdfviewer-privacy-policy.html
+++ b/static/pdfviewer-privacy-policy.html
@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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="canonical" href="https://grapheneos.org/pdfviewer-privacy-policy"/>
     </head>
@@ -38,14 +38,14 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="pdfviewer-privacy-policy">
                 <a href="#pdfviewer-privacy-policy">PDF Viewer privacy policy</a>
             </h1>
             <p>This app does not use any sensitive permissions, makes no internet connections and
             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>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
diff --git a/static/releases.html b/static/releases.html
index cfba2c22..7a65edfa 100644
--- a/static/releases.html
+++ b/static/releases.html
@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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="canonical" href="https://grapheneos.org/releases"/>
         <script type="module" src="/releases.js?13"></script>
@@ -40,7 +40,7 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="releases">
                 <a href="#releases">Releases</a>
             </h1>
@@ -1701,8 +1701,7 @@
             <p>Final and only tagged release of the AndroidHardening project before it became
             GrapheneOS. Earlier AndroidHardening releases were only snapshots and are not listed
             here. Detailed changelogs were not written at this point.</p>
-
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
diff --git a/static/source.html b/static/source.html
index e8a3f22f..d1fdcdd8 100644
--- a/static/source.html
+++ b/static/source.html
@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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="canonical" href="https://grapheneos.org/source"/>
     </head>
@@ -38,7 +38,7 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="source">
                 <a href="#source">Source</a>
             </h1>
@@ -74,7 +74,7 @@
             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
             build system, similar to other prebuilts like Chromium.</p>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
diff --git a/static/usage.html b/static/usage.html
index 82eaed3a..e274fac2 100644
--- a/static/usage.html
+++ b/static/usage.html
@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <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="canonical" href="https://grapheneos.org/usage"/>
         <script type="module" src="/redirect.js?6"></script>
@@ -39,7 +39,7 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="usage">
                 <a href="#usage">Usage</a>
             </h1>
@@ -480,7 +480,7 @@
             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
             exploitation by disabling an enormous amount of legacy code.</p>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">
author	Daniel Micay <danielmicay@gmail.com>	2020-10-26 10:36:41 -0400
committer	Daniel Micay <danielmicay@gmail.com>	2020-10-26 10:37:02 -0400
commit	b5f19b7a5388fca0331ad97adb41ba7434ff3667 (patch)
tree	9167539230b3593d047965325f825832031ab78e /static
parent	185d5c9da8027a0c839a9f642eacf9e56f525fc3 (diff)