From 7c894840f215ca927cb3ae8f66b40cc6f8b10aa2 Mon Sep 17 00:00:00 2001
From: magmaus3 <magmaus3@disroot.org>
Date: Tue, 25 Jul 2023 16:27:12 +0200
Subject: [PATCH] Add page title, add "how to copy"

---
 index.html | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 241c399..d61da1f 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <title></title>
+        <title>infohash ↔ base64</title>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <script>
@@ -154,6 +154,9 @@
                 background-color: rgba(255,255,255, 0.2);
             }
             a { color: cyan; text-decoration: none;}
+            ul > li {
+                margin-bottom: 1em;
+            }
             #about, .noscript {
                 display: block;
                 max-width: 40rem;
@@ -207,6 +210,25 @@
                 <p>This work is free. You can redistribute it and/or modify it under the
                 terms of the Do What The Fuck You Want To Public License, Version 2,
                 as published by Sam Hocevar. See http://www.wtfpl.net/ for more details.</p>
+                <h3>How to copy</h3>
+                <ul>
+                    <li>
+                        On Firefox/Chromium:
+                        <ol>
+                            <li>Right-click on the page</li>
+                            <li>Select <i>Save Page as...</i> or <i>Save as...</i> (or simillar option)</li>
+                            <li>Choose file type as <i>HTML Only</i></li>
+                            <li>Profit!</li>
+                        </ol>
+                    </li>
+                    <li>
+                        Using git:
+                        <ol>
+                            <li><code>git clone https://codeberg.org/magmaus3/infohash2base64</code></li>
+                            <li>Profit!</li>
+                        </ol>
+                    </li>
+                </ul>
             </div>
         </main>
     </body>
