add code block styling

15 files changed, 21 insertions, 18 deletions

diff --git a/nginx/nginx.conf b/nginx/nginx.conf
index b1503fac..33ec0bd5 100644
--- a/nginx/nginx.conf
+++ b/nginx/nginx.conf
@@ -168,12 +168,12 @@ http {
 
         location = /404 {
             internal;
-            http2_push /grapheneos.css?27;
+            http2_push /grapheneos.css?28;
         }
 
         location = /404.html {
             internal;
-            http2_push /grapheneos.css?27;
+            http2_push /grapheneos.css?28;
         }
 
         location ~ "^(.*)/index$" {
@@ -214,7 +214,7 @@ http {
             include /etc/nginx/snippets/security-headers.conf;
             add_header Cache-Control "public, max-age=1800";
             try_files $uri $uri.html $uri/ =404;
-            http2_push /grapheneos.css?27;
+            http2_push /grapheneos.css?28;
         }
     }
 
diff --git a/static/404.html b/static/404.html
index b07acf0b..8e09ccf4 100644
--- a/static/404.html
+++ b/static/404.html
@@ -20,7 +20,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="license" href="/LICENSE.txt"/>
     </head>
diff --git a/static/articles/server-traffic-shaping.html b/static/articles/server-traffic-shaping.html
index 8cd84f1d..4ca9278d 100644
--- a/static/articles/server-traffic-shaping.html
+++ b/static/articles/server-traffic-shaping.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/articles/server-traffic-shaping"/>
         <link rel="license" href="/LICENSE.txt"/>
diff --git a/static/build.html b/static/build.html
index bacdc485..0b7ded80 100644
--- a/static/build.html
+++ b/static/build.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/build"/>
         <link rel="license" href="/LICENSE.txt"/>
diff --git a/static/contact.html b/static/contact.html
index 082177d1..01a09614 100644
--- a/static/contact.html
+++ b/static/contact.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/contact"/>
         <link rel="license" href="/LICENSE.txt"/>
diff --git a/static/donate.html b/static/donate.html
index 1e9a1ced..6ff1a81e 100644
--- a/static/donate.html
+++ b/static/donate.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/donate"/>
         <link rel="license" href="/LICENSE.txt"/>
@@ -72,7 +72,7 @@
                 <p>You can send Bitcoin donations to the following address to support this project:</p>
 
                 <div class="coin-address">
-                    <a href="bitcoin:bc1qy6fhm8p00p3h3w5rrcp2h2wejeeqn7x6y7xs2p?label=GrapheneOS&amp;message=Donation%20to%20GrapheneOS">
+                    <a href="bitcoin:bc1qy6fhm8p00p3h3w5rrcp2h2wejeeqn7x6y7xs2p?label=GrapheneOS&amp;message=Donation%20to%20GrapheneOS" rel="nofollow">
                         <img src="/bitcoin-donation.png" alt="Bitcoin donation QR code" width="180" height="180"/>
                         <p>bc1qy6fhm8p00p3h3w5rrcp2h2wejeeqn7x6y7xs2p</p>
                     </a>
@@ -89,7 +89,7 @@
                 <p>You can send Monero donations to the following address to support this project:</p>
 
                 <div class="coin-address">
-                    <a href="monero:8BHhJ3AnnZUJu4JYHasUus6Tq4HYyhiYRgrJAKNtfPc2hKMrTzbeUuf3B8ojtFMAu5MjNEDhoFQ31QLhs2z46CYDTUnuN63?recipient_name=GrapheneOS&amp;tx_description=Donation%20to%20GrapheneOS">
+                    <a href="monero:8BHhJ3AnnZUJu4JYHasUus6Tq4HYyhiYRgrJAKNtfPc2hKMrTzbeUuf3B8ojtFMAu5MjNEDhoFQ31QLhs2z46CYDTUnuN63?recipient_name=GrapheneOS&amp;tx_description=Donation%20to%20GrapheneOS" rel="nofollow">
                         <img src="/monero-donation.png" alt="Monero donation QR code" width="228" height="228"/>
                         <p>8BHhJ3AnnZUJu4JYHasUus6Tq4HYyhiYRgrJAKNtfPc2hKMrTzbeUuf3B8ojtFMAu5MjNEDhoFQ31QLhs2z46CYDTUnuN63</p>
                     </a>
diff --git a/static/faq.html b/static/faq.html
index b886d439..a248ece9 100644
--- a/static/faq.html
+++ b/static/faq.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/faq"/>
         <link rel="license" href="/LICENSE.txt"/>
diff --git a/static/features.html b/static/features.html
index 92c68058..a2b8180e 100644
--- a/static/features.html
+++ b/static/features.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/features"/>
         <link rel="license" href="/LICENSE.txt"/>
diff --git a/static/grapheneos.css b/static/grapheneos.css
index 3bf2e704..3e64713b 100644
--- a/static/grapheneos.css
+++ b/static/grapheneos.css
@@ -37,6 +37,9 @@ h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited,
 
 pre {
     overflow-x: auto;
+    background-color: #e0e0e0; /* grey300 */
+    border-radius: 5px;
+    padding: 10px;
 }
 
 code, pre {
diff --git a/static/index.html b/static/index.html
index 5698444c..b08eb2b5 100644
--- a/static/index.html
+++ b/static/index.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/"/>
         <link rel="license" href="/LICENSE.txt"/>
diff --git a/static/install.html b/static/install.html
index a28fc419..7d4231d7 100644
--- a/static/install.html
+++ b/static/install.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/install"/>
         <link rel="license" href="/LICENSE.txt"/>
diff --git a/static/pdfviewer-privacy-policy.html b/static/pdfviewer-privacy-policy.html
index 8ca4cf3e..2c136e00 100644
--- a/static/pdfviewer-privacy-policy.html
+++ b/static/pdfviewer-privacy-policy.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/pdfviewer-privacy-policy"/>
         <link rel="license" href="/LICENSE.txt"/>
diff --git a/static/releases.html b/static/releases.html
index cb17c425..08d948d6 100644
--- a/static/releases.html
+++ b/static/releases.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/releases"/>
         <link rel="alternate" type="application/atom+xml" href="/releases.atom"/>
diff --git a/static/source.html b/static/source.html
index 14163c61..f375376a 100644
--- a/static/source.html
+++ b/static/source.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/source"/>
         <link rel="license" href="/LICENSE.txt"/>
diff --git a/static/usage.html b/static/usage.html
index a347aac5..d8eccf6e 100644
--- a/static/usage.html
+++ b/static/usage.html
@@ -21,7 +21,7 @@
         <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?27"/>
+        <link rel="stylesheet" href="/grapheneos.css?28"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/usage"/>
         <link rel="license" href="/LICENSE.txt"/>