use a list for footer links

9 files changed, 42 insertions, 36 deletions

diff --git a/static/build.html b/static/build.html
index d56ec9a3..35e992ac 100644
--- a/static/build.html
+++ b/static/build.html
@@ -15,7 +15,7 @@
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/build"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?6"/>
+        <link rel="stylesheet" href="/grapheneos.css?7"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/build"/>
     </head>
diff --git a/static/contact.html b/static/contact.html
index 64153226..8bc68f4c 100644
--- a/static/contact.html
+++ b/static/contact.html
@@ -15,7 +15,7 @@
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/contact"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?6"/>
+        <link rel="stylesheet" href="/grapheneos.css?7"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/contact"/>
     </head>
@@ -64,10 +64,10 @@
         </div>
         <footer>
             <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
-            <div id="social">
-                <a href="https://twitter.com/GrapheneOS">Twitter</a>
-                <a href="https://github.com/GrapheneOS">GitHub</a>
-            </div>
+            <ul id="social">
+                <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
+                <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
+            </ul>
         </footer>
         <script type="application/ld+json">
             {
diff --git a/static/donate.html b/static/donate.html
index 1e2b2f67..46eb35e9 100644
--- a/static/donate.html
+++ b/static/donate.html
@@ -15,7 +15,7 @@
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/donate"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?6"/>
+        <link rel="stylesheet" href="/grapheneos.css?7"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/donate"/>
     </head>
@@ -54,10 +54,10 @@
         </div>
         <footer>
             <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
-            <div id="social">
-                <a href="https://twitter.com/GrapheneOS">Twitter</a>
-                <a href="https://github.com/GrapheneOS">GitHub</a>
-            </div>
+            <ul id="social">
+                <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
+                <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
+            </ul>
         </footer>
     </body>
 </html>
diff --git a/static/grapheneos.css b/static/grapheneos.css
index 502bac5f..ee63bedb 100644
--- a/static/grapheneos.css
+++ b/static/grapheneos.css
@@ -117,6 +117,12 @@ footer a:visited {
 
 #social {
     margin-top: 2em;
+    padding: 0;
+    list-style-type: none;
+}
+
+#social li {
+    display: inline;
 }
 
 #stable-channel ul, #beta-channel ul {
diff --git a/static/index.html b/static/index.html
index 4397d010..efd41da6 100644
--- a/static/index.html
+++ b/static/index.html
@@ -15,7 +15,7 @@
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?6"/>
+        <link rel="stylesheet" href="/grapheneos.css?7"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/"/>
     </head>
@@ -127,10 +127,10 @@
         </div>
         <footer>
             <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
-            <div id="social">
-                <a href="https://twitter.com/GrapheneOS">Twitter</a>
-                <a href="https://github.com/GrapheneOS">GitHub</a>
-            </div>
+            <ul id="social">
+                <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
+                <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
+            </ul>
         </footer>
     </body>
 </html>
diff --git a/static/install.html b/static/install.html
index 24e70625..fba6edd3 100644
--- a/static/install.html
+++ b/static/install.html
@@ -15,7 +15,7 @@
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/install"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?6"/>
+        <link rel="stylesheet" href="/grapheneos.css?7"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/install"/>
     </head>
@@ -172,10 +172,10 @@ TMPDIR="$PWD/tmp" ./flash-all.sh</pre>
         </div>
         <footer>
             <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
-            <div id="social">
-                <a href="https://twitter.com/GrapheneOS">Twitter</a>
-                <a href="https://github.com/GrapheneOS">GitHub</a>
-            </div>
+            <ul id="social">
+                <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
+                <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
+            </ul>
         </footer>
     </body>
 </html>
diff --git a/static/releases.html b/static/releases.html
index 3e0a8b1b..d5ad519f 100644
--- a/static/releases.html
+++ b/static/releases.html
@@ -15,7 +15,7 @@
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/releases"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?6"/>
+        <link rel="stylesheet" href="/grapheneos.css?7"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/releases"/>
     </head>
@@ -346,10 +346,10 @@
         </div>
         <footer>
             <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
-            <div id="social">
-                <a href="https://twitter.com/GrapheneOS">Twitter</a>
-                <a href="https://github.com/GrapheneOS">GitHub</a>
-            </div>
+            <ul id="social">
+                <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
+                <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
+            </ul>
         </footer>
         <script src="/releases.js?9"></script>
     </body>
diff --git a/static/source.html b/static/source.html
index db9ab3f9..c58a9d14 100644
--- a/static/source.html
+++ b/static/source.html
@@ -15,7 +15,7 @@
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/source"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?6"/>
+        <link rel="stylesheet" href="/grapheneos.css?7"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/source"/>
     </head>
@@ -66,10 +66,10 @@
         </div>
         <footer>
             <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
-            <div id="social">
-                <a href="https://twitter.com/GrapheneOS">Twitter</a>
-                <a href="https://github.com/GrapheneOS">GitHub</a>
-            </div>
+            <ul id="social">
+                <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
+                <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
+            </ul>
         </footer>
     </body>
 </html>
diff --git a/static/usage.html b/static/usage.html
index ecdffabb..fc07f32c 100644
--- a/static/usage.html
+++ b/static/usage.html
@@ -15,7 +15,7 @@
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/usage"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?6"/>
+        <link rel="stylesheet" href="/grapheneos.css?7"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/usage"/>
     </head>
@@ -196,10 +196,10 @@
         </div>
         <footer>
             <a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
-            <div id="social">
-                <a href="https://twitter.com/GrapheneOS">Twitter</a>
-                <a href="https://github.com/GrapheneOS">GitHub</a>
-            </div>
+            <ul id="social">
+                <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
+                <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
+            </ul>
         </footer>
     </body>
 </html>