Added an about function with some info about the site, removed footer…

…(about replaces it)

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;
 }
 

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>

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;
         };