fixup mobile

BoltzExchange · Mar 22, 2024 · 164cf27 · 164cf27
1 parent c0d7b23
commit 164cf27
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Canary - Boltz Exchange</title>
     <meta name="description" content="Boltz is a Privacy First, Non-Custodial Bitcoin Exchange and Lightning Service Provider" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <style>
         body{
             font-family: sans-serif;
@@ -12,14 +13,26 @@
             text-align: center;
             margin: 42px auto;
             max-width: 600px;
+            padding: 0 12px;
         }
-        code {
+        pre {
           color: #fff;
           padding: 18px;
           position: relative;
           border: 1px solid rgba(255,255,255,.1);
           background: #0003;
           display: inline-block;
+          font-size: 10px;
+          overflow: auto;
+          box-sizing: border-box;
+        }
+        @media (max-width: 500px) {
+            pre {
+                width: 100%;
+            }
+        }
+        #message {
+            text-align: left;
         }
         hr {
             border: 0;
@@ -32,7 +45,7 @@
 </head>
 <body>
     <h1>Warrant Canary</h1>
-    <code id="message"></code>
+    <pre id="message"></pre>
     <script>
         fetch('message.txt.asc')
             .then(response => response.text())
@@ -41,14 +54,14 @@ <h1>Warrant Canary</h1>
 
     <h2>Import these keys</h2>
     <p>These keys belong to the Boltz Exchange administrators. You can import them into your gpg keychain to verify the messages.</p>
-    <code>curl https://canary.boltz.exchange/pgp.asc | gpg --import</code>
+    <pre>curl https://canary.boltz.exchange/pgp.asc | gpg --import</pre>
 
     <h2>Verify this message</h2>
     <p>The message above has been signed by one of the keys associated with a Boltz Exchange administrator. Import the keys from <a href="pgp.txt">here</a> and then verify this message.</p>
-    <code>curl https://canary.boltz.exchange/message.txt.asc | gpg --verify</code>
+    <pre>curl https://canary.boltz.exchange/message.txt.asc | gpg --verify</pre>
     <hr>
     <img src="boltz.svg" alt="Boltz Exchange Logo" width="210px" />
-    <h3>Boltz Exchange is a Privacy First, Non-Custodial Bitcoin Exchange and Lightning Service Provider</h3>
+    <h4>Boltz Exchange is a Privacy First, Non-Custodial Bitcoin Exchange and Lightning Service Provider</h4>
     <p>For more information, visit <a href="https://boltz.exchange">boltz.exchange</a></p>
 </body>
 </html>