Merge pull request #478 from pokemontrades/435-tools-section

435 tools section

api/controllers/HomeController.js

@@ -62,6 +62,10 @@ module.exports = {
     res.view();
   },
 
+  tools: function (req, res) {
+    res.view("../tools/tools.ejs");
+  },
+
   version: function(req, res) {
     res.ok(sails.config.version);
   }

assets/styles/importer.less

@@ -79,6 +79,10 @@ table h1, table h2, table h3 {
   max-width:100px;
 }
 
+img {
+  max-width: 100%;
+}
+
 .input-group-addon {
   padding: 0px 12px !important;
 }
@@ -198,4 +202,4 @@ td h3 {
 
 .plus-minus{
   font-family: Courier;
-}
+}

assets/tools/tools.ejs

@@ -0,0 +1,34 @@
+<div class="container" ng-controller="adminCtrl">
+  <div class="main container clearfix">
+
+    <div class="content row">
+
+      <h2>Tools</h2>
+
+      <div class="col-md-12">
+        <h3>Subreddit Greasemonkey Script</h3>
+
+        <ul>
+          <li>Install <a href="https://addons.mozilla.org/en-GB/firefox/addon/greasemonkey/">Greasemonkey on firefox</a>,
+            <a href="https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en">Tampermonkey on Chrome</a>
+            or <a href="http://www.macupdate.com/app/mac/20718/greasekit">GreaseKit on Safari</a></li>
+          <li>Install the <a href="https://github.com/pokemontrades/scripts/raw/master/greasemonkey/flairhqLinks.user.js">Script</a></li>
+        </ul>
+
+        <img src="/tools/greasemonkey.png" />
+      </div>
+
+      <div class="col-md-12">
+        <h3>FlairHQ Dark Mode</h3>
+
+        <ul>
+          <li>Install <a href="https://userstyles.org/">Stylish in your browser</a></li>
+          <li>Install the <a href="https://userstyles.org/styles/115908/flairhq-night-mode">Dark mode theme</a></li>
+        </ul>
+
+        <img src="/tools/darkmode.png" />
+      </div>
+
+    </div>
+  </div>
+</div>

assets/views/home/header.ejs

@@ -25,6 +25,7 @@
       <% if (typeof user !== 'undefined') {%>
       <ul class="nav navbar-nav">
         <li><a href="/info">Information</a></li>
+        <li><a href="/tools">Tools</a></li>
         <% if (user.isMod) {%>
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Moderation<span class="caret"></span></a>
@@ -59,6 +60,7 @@
       <% } else {%>
       <ul class="nav navbar-nav">
         <li><a href="/info">Information</a></li>
+        <li><a href="/tools">Tools</a></li>
         <li><a href="/auth/reddit<%= typeof query !== 'undefined' && query.redirect ? '?redirect=' + encodeURIComponent(query.redirect) : '' %>"
           >Login with Reddit</a>
         </li>

assets/views/home/info.ejs

@@ -63,6 +63,17 @@
 
           They aren't that scary. Honestly.
         </p>
+
+        <h3>Donations</h3>
+        <p>
+          The site costs money to run, and because of this, we have opened up donations to allow people to help us fund it. If you wish to help, please do so.
+          <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+            <input type="hidden" name="cmd" value="_s-xclick">
+            <input type="hidden" name="hosted_button_id" value="RN8UYDJQL2AQE">
+            <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
+            <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
+          </form>
+        </p>
       </div>
 
     </div>

config/policies.js

@@ -39,7 +39,8 @@ module.exports.policies = {
     index: user,
     reference: anyone,
     search: user,
-    info: anyone
+    info: anyone,
+    tools: anyone
   },
 
   ReferenceController: {

config/routes.js

@@ -202,6 +202,11 @@ module.exports.routes = {
     action     : 'info'
   },
 
+  '/tools' : {
+    controller : 'home',
+    action     : 'tools'
+  },
+
   '/version' : {
     controller : 'home',
     action     : 'version'