From 597159d656b647be9d002c1540d5c3fa5479fcfb Mon Sep 17 00:00:00 2001
From: Michael Bumann <hello@michaelbumann.com>
Date: Wed, 16 Jan 2019 19:06:12 +0100
Subject: [PATCH] Add details about OpenAlias

---
 assets/oa.css       |  3 +++
 templates/index.hbs | 28 +++++++++++++++++++++++++++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/assets/oa.css b/assets/oa.css
index 8c25f1e..a46e330 100644
--- a/assets/oa.css
+++ b/assets/oa.css
@@ -3,6 +3,9 @@
   justify-content: center;
 }
 
+.notes {
+  margin-top: 50px;
+}
 .header {
   text-align: center;
 }
diff --git a/templates/index.hbs b/templates/index.hbs
index f68f3df..6e1c09f 100644
--- a/templates/index.hbs
+++ b/templates/index.hbs
@@ -17,7 +17,7 @@
         <h2>Using <a href="https://openalias.org/">OpenAlias</a> to create your cryptocurrency tipping page</h2>
 
         <p>
-        Simply setup your OpenAlias DNS records and get your page on {{host}}/[YOUR FQDN]
+          Simply setup your OpenAlias DNS records and get your page on {{host}}/[YOUR FQDN]
         </p>
         <form id="fqdn-form" onsubmit="document.location = '{{host}}/' + document.getElementById('fqdn').value;return false;">
           <div class="input-group">
@@ -27,6 +27,32 @@
           </div>
         </form>
         Example: <a href="{{host}}/donate@getmonero.org">{{host}}/donate@getmonero.org</a>
+
+
+
+        <div class="notes">
+          <h3>What is OpenAlias?</h3>
+          <p>
+            <a href="https://openalias.org">OpenAlias</a> is an open standard for simpler addresses for any crypto currencies.
+          </p>
+          <p>
+              At its most basic, OpenAlias is a TXT DNS record on a FQDN (fully qualified domain name). <br>
+              By combining this with DNS-related technologies it has created an aliasing standard that is extensible for developers, <br>
+              intuitive and familiar for users, and can interoperate with both centralised and decentralised domain systems.
+          </p>
+          <h3>Fork me on GitHub</h3>
+          <p>
+            Code for this app is on GitHub: <a href="https://github.com/bumi/openalias-web">bumi/openalias-web</a>
+          </p>
+
+          <h3>Questions? Feedback?</h3>
+          <p>
+            If you have questons or feedback please <a href="https://github.com/bumi/openalias-web/issues">open an issue on GitHub</a>
+            or send me an email: hello@michaelbumann.com
+          </p>
+
+        </div>
+
       </div>
     </div>
   </body>