Add basic footer

diff --git a/index.html b/index.html
index 5488eb12318385f87e482ac513f540159fbcbaf0..3b70764c6066acc91363bae6b816f307e2781048 100644 (file)
--- a/index.html
+++ b/index.html
@@ -13,9 +13,11 @@
     }
 
     body {
+      min-block-size: 100dvb;
       font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
       display: grid;
       place-items: center;
+      grid-template-rows: auto auto 1fr auto;
     }
 
     header {
@@ -56,6 +58,20 @@
       border-radius: 4px;
       border: 1px solid grey;
     }
+
+    footer {
+      margin-block: 24px 16px;
+    }
+
+    a {
+      color: inherit;
+    }
+
+    a>svg {
+      inline-size: 24px;
+      block-size: 24px;
+      color: inherit;
+    }
   </style>
 </head>
 
@@ -79,6 +95,19 @@
     </form>
   </main>
 
+  <!-- Spacer to push the footer to the bottom -->
+  <div></div>
+
+  <footer>
+    <a href="https://github.com/ardislu/static-encrypt">
+      <svg aria-labelledby="github" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <title id="github">GitHub repository</title>
+        <path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path>
+        <path d="M9 18c-4.51 2-5-2-7-2"></path>
+      </svg>
+    </a>
+  </footer>
+
   <script type="module">
     async function encrypt(plaintext, password) {
       const encoder = new TextEncoder();