From 8302dc5345bec1d7eab28e22cae1be95d0b2cff6 Mon Sep 17 00:00:00 2001
From: Ole Henrik Stabell <ole@henrikstabell.com>
Date: Thu, 11 May 2017 17:18:39 +0200
Subject: [PATCH] Added an about function with some info about the site,
 removed footer(about replaces it)

---
 css/main.css     | 6 ++++--
 index.html       | 8 +-------
 js/flavortext.js | 8 ++++++++
 3 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/css/main.css b/css/main.css
index 3cef415..92f4ec5 100644
--- a/css/main.css
+++ b/css/main.css
@@ -19,7 +19,7 @@ body {
     font-size: 12pt;
 }
 
-#refresh_button {
+.button {
     vertical-align: middle;
     cursor: pointer;
     overflow: visible;
@@ -32,8 +32,10 @@ body {
     text-decoration: none;
     display: inline-block;
     font-size: 16px;
+
+
 }
-#refresh_button:hover {
+.button:hover {
     background-color: #ffce1f;
 }
 
diff --git a/index.html b/index.html
index 4fa4852..f53a9fc 100644
--- a/index.html
+++ b/index.html
@@ -12,13 +12,7 @@
         <br>
         <p id="name"></p>
         <p id="flavortext"></p>
-        <button id="refresh_button" onclick="Refresh()">One more</button>
-        </div>
-        <br>
-        <div class="footer">
-           <div id="credit">
-            <p>Brought to you by the lovely guardians over at <a href="https://antioxidantsin.space">The Antioxidants</a>.</p>
-           </div>
+        <button class="button" id="refresh_button" onclick="Refresh()">One more</button> <button class="button" id="about_button" onclick="About()">About</button>
         </div>
     </body>
 </html>
\ No newline at end of file
diff --git a/js/flavortext.js b/js/flavortext.js
index fcfc122..28eabbe 100644
--- a/js/flavortext.js
+++ b/js/flavortext.js
@@ -11,4 +11,12 @@
 
         function Refresh() {
             location.reload();
+        }
+
+        var aboutTitle = "About DestinyFlavorText.net";
+        var aboutText = "Destiny Flavor Text, is a simple website that will give you a random piece of flavortext from Destiny on request. It is being developed by Hennamann from <a href=\"https\://antioxidantsin.space\">The Antioxidants</a> If you would like to contribute to DestinyFlavorText.net's development, help contribute to the source code over on Github: <a href=\"https\://github.com/antioxidants/destinyflavortext\">https\://github.com/antioxidants/destinyflavortext</a>.";
+
+        function About() {
+            document.getElementById("name").innerHTML = aboutTitle;
+            document.getElementById("flavortext").innerHTML = aboutText;
         };
\ No newline at end of file