Add desynced style and view changes from randomuser.me to repo

Author: keitharm

public/css/base.css

@@ -1356,6 +1356,18 @@ footer .block .builder {
   color: #fff;
   text-decoration: none;
 }
+.psalert {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  width: 100%;
+  min-height: 20px;
+  background: rgba(240, 82, 35, 0.9);
+  text-align: center;
+  padding: 20px 60px;
+  color: #fff;
+  font-weight: 300;
+  z-index: 50;
+}
 @media screen and (max-width: 750px) {
   .frame {
     margin-left: 20px;
@@ -1368,13 +1380,17 @@ a {
 }
 
 section.sponsor {
+  border: #CCC solid 1px;
+  box-shadow: 0px 0px 5px #CCC;
   text-align: center;
   margin-bottom: -90px;
   margin-top: 30px;
+  padding-top: 10px;
+  padding-bottom: 10px;
 }
 
 section.sponsor h2 {
-  color: #CCC;
+  color: #555;
   font-size: 10pt;
   text-transform: uppercase;
 }

routes/index.js

@@ -43,17 +43,31 @@ router.get('/:page?', function(req, res, next) {
 router.post('/donate', function(req, res, next) {
   let data = JSON.parse(req.body.data);
 
-  stripe.charges.create({
-    amount: data.token.price,
-    currency: "usd",
-    source: data.token.id, // obtained with Stripe.js
-    description: `Donation from ${data.token.email}
-${data.comment}`
-  }, function(err, charge) {
-    if (err) return res.sendStatus(400);
-    else res.sendStatus(200);
-  });
+  if (!badEmail(data.token.email)) {
+    stripe.charges.create({
+      amount: data.token.price,
+      currency: "usd",
+      source: data.token.id, // obtained with Stripe.js
+      description: `Donation from ${data.token.email} - ${data.comment}`
+    }, function(err, charge) {
+      if (err) return res.sendStatus(400);
+      else res.sendStatus(200);
+    });
+  } else {
+    console.log(`Bad donation email: ${data.token.email} - ${data.comment}`);
+    res.sendStatus(400);
+  }
 
+  function badEmail(email) {
+    let blacklist = [
+      "angelic.com", "bayer.ca", "comic.com", "comsat.com", "email.com",
+      "form.com", "hot.com", "just.com", "linux.org", "love.com",
+      "magic.com", "mixmail.com", "post.com", "sua.com", "techie.com",
+      "usa.com", "usa.net", "outlook.es"
+    ];
+
+    return blacklist.indexOf(email.match(/@(.*)/)[1]) !== -1;
+  }
 });
 
 router.all('/download/version.php', function(req, res, next) {

views/pages/copyright.ejs

@@ -10,7 +10,7 @@
   <div class="frame">
     <section>
       <h2>Copyright Notice</h2>
-      <p>All randomly generated photos were hand picked from the authorized section of <a href="http://uifaces.com">UI Faces</a>. Please visit <a href="http://uifaces.com/faq">UI Faces FAQ</a> for more information regarding how you can use these faces.</p>
+      <p>All randomly generated photos were hand picked from the authorized section of <a href="http://uifaces.com">UI Faces</a>. Please visit <a href="https://web.archive.org/web/20160811185628/http://uifaces.com/faq">UI Faces FAQ</a> for more information regarding how you can use these faces.</p>
     </section>
     <section>
       <h2>Have Questions?</h2>

views/pages/documentation.ejs

@@ -264,7 +264,7 @@ https://randomuser.me/api/<span>?exc=login</span>
       <ul>
         <li><b>dl</b> - Download the results with the appropriate format extension.</li>
 <pre>
-https://randomuser.me/api/?results=25&nat=gb,us,es&fmt=csv&<span>dl</span>
+https://randomuser.me/api/?results=25&nat=gb,us,es&format=csv&<span>dl</span>
 </pre>
         <li><b>noinfo</b> - If you only want the data, and don't care for seed, results, page, and version data.</li>
 <pre>

views/pages/index.ejs

@@ -6,7 +6,7 @@
 
   <header>
     <h1>Random User Generator</h1>
-    <p>A free, <a id="openSource" href="https://github.com/randomapi">open-source</a> API for generating random user data. Like Lorem Ipsum, but for people. </p>
+    <p>A free, <a id="openSource" href="https://github.com/RandomAPI/Randomuser.me-Node">open-source</a> API for generating random user data. Like Lorem Ipsum, but for people. </p>
     <a href="https://twitter.com/randomapi" class="twitter"><img src="img/twitter.png">Follow us @randomapi</a>
   </header>
 
@@ -49,7 +49,7 @@
     <section class="sponsor">
       <h2>Sponsored</h2>
       <h3>RandomAPI</h3>
-      <p>Want to create your own customized data generator for your application?<br>Check out our other service RandomAPI!</p>
+      <p>Want to create your own <b>customized</b> data generator for your application?<br>Check out our other service RandomAPI!</p>
       <button id="learnmore" class="button" onClick="window.open('https://randomapi.com');">Learn More</button>
     </section>
 
@@ -125,7 +125,7 @@ $.ajax({
     </section>
     <section>
       <h2>Thank you for helping us help you help us all</h2>
-      <p>Found a bug or have an idea?<br>Contribute to randomuser.me's database on our <a href="https://github.com/randomapi">Github Repo</a>.</p>
+      <p>Found a bug or have an idea?<br>Contribute to randomuser.me's database on our <a href="https://github.com/RandomAPI/Randomuser.me-Node">Github Repo</a>.</p>
       <h2>Contact Us</h2>
       <p>If you have any questions/feedback or would like to get in touch with us, tweet us <a href="https://twitter.com/randomapi">@randomapi</a></p>
     </section>

views/pages/photoshop.ejs

@@ -9,6 +9,12 @@
 
   <div class="frame">
 
+    <div class="psalert" style="
+      margin-top: 10px;
+      ">We are aware of the PS extension not working for CC 2017<br><br>
+      Sadly, we don't have as much free time to work on randomuser.me right now and don't have an ETA on when the next update will be out. If you would like to help fix the extension, we will gladly accept pull requests from our <a href="https://github.com/RandomAPI/Randomuser.me-Photoshop-Extension">Github repo</a>.<br><br>Thank you for your understanding
+    </div>
+
     <div class="panel">
       <iframe src="https://randomuser.me/extension/3.0.1/"></iframe>
     </div>

views/snippets/footer.ejs

@@ -13,7 +13,7 @@
     </div>
     <div class="block">
       <h3>Copyright Notice</h3>
-      <p>All randomly generated photos were hand picked from the authorized section of <a href="http://uifaces.com">UI Faces</a>. Please visit <a href="http://uifaces.com/faq">UI Faces FAQ</a> for more information regarding how you can use these faces.<br><br>
+      <p>All randomly generated photos were hand picked from the authorized section of <a href="http://uifaces.com">UI Faces</a>. Please visit <a href="https://web.archive.org/web/20160811185628/http://uifaces.com/faq">UI Faces FAQ</a> for more information regarding how you can use these faces.<br><br>
       <!-- Everyone says "Made with ♥ in blah" and it annoys me for some unknown reason so...take that
       Made with <span class="icon-heart-broken" title="hatred"></span> in North America.</p> -->
     </div>