add initial footer to all pages

8 files changed, 68 insertions, 8 deletions

diff --git a/static/build.html b/static/build.html
index a9afe0ce..ec4c777e 100644
--- a/static/build.html
+++ b/static/build.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/build"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?0"/>
+        <link rel="stylesheet" href="/grapheneos.css?1"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/build"/>
     </head>
@@ -357,7 +357,12 @@ cd ../..</pre>
 
             <p>The Auditor app is simply built from the latest upstream tag and bundled as an apk into
             external/ repositories. There are no modifications to it for GrapheneOS.</p>
-
         </div>
+        <footer>
+            <a href="/"><img src="https://grapheneos.org/graphene.png" width="697" height="599"/>GrapheneOS</a>
+            <div id="social">
+                <a href="https://twitter.com/GrapheneOS">Twitter</a>
+            </div>
+        </footer>
     </body>
 </html>
diff --git a/static/contact.html b/static/contact.html
index 8e31eb5b..d7520beb 100644
--- a/static/contact.html
+++ b/static/contact.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/contact"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?0"/>
+        <link rel="stylesheet" href="/grapheneos.css?1"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/contact"/>
     </head>
@@ -34,5 +34,11 @@
             address can be used for high priority security issues. My personal email address <a href="mailto:danielmicay@gmail.com">danielmicay@gmail.com</a>
             can be used for anything else.</p>
         </div>
+        <footer>
+            <a href="/"><img src="https://grapheneos.org/graphene.png" width="697" height="599"/>GrapheneOS</a>
+            <div id="social">
+                <a href="https://twitter.com/GrapheneOS">Twitter</a>
+            </div>
+        </footer>
     </body>
 </html>
diff --git a/static/donate.html b/static/donate.html
index cde92b7e..076444d4 100644
--- a/static/donate.html
+++ b/static/donate.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/donate"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?0"/>
+        <link rel="stylesheet" href="/grapheneos.css?1"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/donate"/>
     </head>
@@ -41,5 +41,11 @@
             <a href="https://www.paypal.com/ms/smarthelp/article/can-i-have-multiple-paypal-accounts-faq762">
             does not allow multiple personal accounts</a>.
         </div>
+        <footer>
+            <a href="/"><img src="https://grapheneos.org/graphene.png" width="697" height="599"/>GrapheneOS</a>
+            <div id="social">
+                <a href="https://twitter.com/GrapheneOS">Twitter</a>
+            </div>
+        </footer>
     </body>
 </html>
diff --git a/static/grapheneos.css b/static/grapheneos.css
index b3ad4f5e..3dee9eea 100644
--- a/static/grapheneos.css
+++ b/static/grapheneos.css
@@ -76,6 +76,25 @@ a:hover {
     text-align: center;
 }
 
+footer img {
+    width: 60px;
+    height: auto;
+    display: block;
+    margin: auto;
+}
+
+footer {
+    margin: auto;
+    padding: 1em;
+    max-width: 800px;
+    overflow-wrap: break-word;
+    text-align: center;
+}
+
+#social {
+    margin-top: 2em;
+}
+
 /* latin */
 @font-face {
     font-family: 'Roboto';
diff --git a/static/index.html b/static/index.html
index 2fcb48dc..e025405a 100644
--- a/static/index.html
+++ b/static/index.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?0"/>
+        <link rel="stylesheet" href="/grapheneos.css?1"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/"/>
     </head>
@@ -103,5 +103,11 @@
             be directly counter to the values of the project. A lot of the low-level work also
             ends up being fairly tied to the hardware.</p>
         </div>
+        <footer>
+            <a href="/"><img src="https://grapheneos.org/graphene.png" width="697" height="599"/>GrapheneOS</a>
+            <div id="social">
+                <a href="https://twitter.com/GrapheneOS">Twitter</a>
+            </div>
+        </footer>
     </body>
 </html>
diff --git a/static/install.html b/static/install.html
index e7deac25..621c4edc 100644
--- a/static/install.html
+++ b/static/install.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/install"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?0"/>
+        <link rel="stylesheet" href="/grapheneos.css?1"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/install"/>
     </head>
@@ -109,5 +109,11 @@ TMPDIR="$PWD/tmp" ./flash-all.sh</pre>
             Android Verified Boot key to untrust it:</p>
             <pre>fastboot erase avb_custom_key</pre>
         </div>
+        <footer>
+            <a href="/"><img src="https://grapheneos.org/graphene.png" width="697" height="599"/>GrapheneOS</a>
+            <div id="social">
+                <a href="https://twitter.com/GrapheneOS">Twitter</a>
+            </div>
+        </footer>
     </body>
 </html>
diff --git a/static/releases.html b/static/releases.html
index 464df7ab..2afdf434 100644
--- a/static/releases.html
+++ b/static/releases.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/releases"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?0"/>
+        <link rel="stylesheet" href="/grapheneos.css?1"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/releases"/>
     </head>
@@ -53,5 +53,11 @@
             <div id="beta"></div>
             <script src="/releases.js?2"></script>
         </div>
+        <footer>
+            <a href="/"><img src="https://grapheneos.org/graphene.png" width="697" height="599"/>GrapheneOS</a>
+            <div id="social">
+                <a href="https://twitter.com/GrapheneOS">Twitter</a>
+            </div>
+        </footer>
     </body>
 </html>
diff --git a/static/source.html b/static/source.html
index c98e4c78..9fbdaebf 100644
--- a/static/source.html
+++ b/static/source.html
@@ -11,7 +11,7 @@
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
         <meta property="og:url" content="https://grapheneos.org/source"/>
         <meta property="og:site_name" content="GrapheneOS"/>
-        <link rel="stylesheet" href="/grapheneos.css?0"/>
+        <link rel="stylesheet" href="/grapheneos.css?1"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/source"/>
     </head>
@@ -59,5 +59,11 @@
             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>
+        <footer>
+            <a href="/"><img src="https://grapheneos.org/graphene.png" width="697" height="599"/>GrapheneOS</a>
+            <div id="social">
+                <a href="https://twitter.com/GrapheneOS">Twitter</a>
+            </div>
+        </footer>
     </body>
 </html>