Final pages awesome'd up (Closes #34)

- 🎉 that's all folks!
- pretty icons, nice font, literally 11/10 work by :dhaynes:

go/go/templates/admin/useradmin.html

@@ -12,7 +12,13 @@ Go - Administration Panel
   <div class="row">
     <div class="col-md-12">
 
-      <h1><strong>Moderation Panel</strong></h1>
+      <h1><strong>
+        <span class="fa-stack fa-lg">
+          <i class="fa fa-circle fa-stack-2x"></i>
+          <i class="fa fa-balance-scale fa-stack-1x fa-inverse"></i>
+        </span>
+        <i class="fa">Moderation Panel</i>
+      </strong></h1>
 
     </div>
   </div>
@@ -21,7 +27,7 @@ Go - Administration Panel
 <div class="row">
   <div class="col-md-12">
 
-    <h2>Users awaiting moderation</h2>
+    <h3>Users awaiting moderation</h3>
 
     <form method="post" action="useradmin">{% csrf_token %}
 
@@ -57,8 +63,9 @@ Go - Administration Panel
 
     <div class="form-group">
 
-      <input type="submit" name="_approve" value="Approve" class="btn btn-primary">
-      <input type="submit" name="_deny" value="Deny" class="btn btn-default">
+      <input type="submit" name="_approve" value="Approve" class="btn btn-primary btn-sm">
+      <input type="submit" name="_deny" value="Deny" class="btn btn-danger btn-sm">
+
 
     </div>
 

go/go/templates/core/about.html

@@ -12,7 +12,13 @@ Go - About
   <div class="row">
     <div class="col-md-12">
 
-      <h1><strong>About</strong></h1>
+      <h1><strong>
+        <span class="fa-stack fa-lg">
+          <i class="fa fa-circle fa-stack-2x"></i>
+          <i class="fa fa-question fa-stack-1x fa-inverse"></i>
+        </span>
+        <i class="fa">About</i>
+      </strong></h1>
 
     </div>
   </div>
@@ -24,8 +30,12 @@ Go - About
     <p>
     Mason Go is a product of the George Mason University
     <a href="http://srct.gmu.edu">Student-Run Computing and Technology</a>
-    organization. Go provides Mason-branded URL shortening for administration,
-    ULife groups, and student organizations. Access is moderated by SRCT
+    organization.
+    <br />
+    Go provides Mason-branded URL shortening for administration,
+    ULife groups, and student organizations.
+    <br></br>
+    Access is moderated by SRCT
     administrators.
     </p>
 

go/go/templates/link_box.html

@@ -6,6 +6,11 @@
   a.share:visited {color:#000000;}
   a.share:hover {color:#000000;}
   a.share {text-decoration:none;}
+
+  a.button:link {color:#FFF;}
+  a.button:visited {color:#FFF;}
+  a.button:hover {color:#FFF;}
+
   legend {
     font-size: inherit;
   }
@@ -33,24 +38,15 @@
 
       <strong>QR Code Uses:</strong> {{url.qrclicks}}
       <br />
-      <strong>Social Clicks:</strong> {{url.socialclicks}}
+      <strong>Social Media Clicks:</strong> {{url.socialclicks}}
       <br />
 
       <strong>Expires:</strong> {{url.expires|default_if_none:"Never"}}
       <br></br>
-
-      <strong>
-        <a href="error_404">
-          Edit
-        </a>
-      </strong>
-      <br />
-
-      <strong>
-        <a href="{%url 'delete' url.short%}" onclick="return confirm('Are you sure you want to delete this link?');">
-          Delete
-        </a>
-      </strong>
+      <a class="button btn btn-info btn-sm" href="#">
+        <i class="fa fa-cog"></i> Edit</a>
+      <a class="button btn btn-danger btn-sm" href="#">
+        <i class="fa fa-trash-o fa-lg"></i> Delete</a>
       {% endif %}
       <br></br>
   </div>

go/go/templates/my_links.html

@@ -12,7 +12,13 @@ Go - My Links
   <div class="row">
     <div class="col-md-12">
 
-      <h1><strong>My Links</strong></h1>
+      <h1><strong>
+        <span class="fa-stack fa-lg">
+          <i class="fa fa-circle fa-stack-2x"></i>
+          <i class="fa fa-link fa-stack-1x fa-inverse"></i>
+        </span>
+        <i class="fa">My Links</i>
+      </strong></h1>
 
     </div>
   </div>

go/go/templates/view.html

@@ -11,7 +11,13 @@ Go - Link View
 <div class="page-header" id="banner">
   <div class="row">
     <div class="col-md-12">
-      <h1><strong>Link View</strong></h1>
+      <h1><strong>
+        <span class="fa-stack fa-lg">
+          <i class="fa fa-circle fa-stack-2x"></i>
+          <i class="fa fa-link fa-stack-1x fa-inverse"></i>
+        </span>
+        <i class="fa">Link View</i>
+      </strong></h1>
     </div>
   </div>
 </div>