Add Flattr.

css/index.styl

@@ -58,6 +58,12 @@ p {
     border-radius: 5px 5px 0 0
     background white
 
+    iframe {
+      display: inline-block;
+      vertical-align: bottom;
+      margin-right: 10px;
+    }
+
     p {
         font: 12px/20px "Quicksand", sans-serif;
         @media (max-width: 600px) {

lib/components/App.js

@@ -56,7 +56,9 @@ export default class App extends React.Component {
             : <ErrorPage />}
         </div>
         <footer className="footer">
-          <p>Donations: <strong>1P7yFQAC3EmpvsB7K9s6bKPvXEP1LPoQnY</strong></p>
+          <p>
+            <script id="fb13c4g" dangerouslySetInnerHTML={{__html: "(function(i){var f,s=document.getElementById(i);f=document.createElement('iframe');f.src='//api.flattr.com/button/view/?uid=kern&button=compact&url='+encodeURIComponent(document.URL);f.title='Flattr';f.height=20;f.width=110;f.style.borderWidth=0;s.parentNode.insertBefore(f,s);})('fb13c4g');"}} /> Donations: <strong>1P7yFQAC3EmpvsB7K9s6bKPvXEP1LPoQnY</strong>
+          </p>
 
           <p className="byline">
             Cooked up by <a href="http://kern.io" target="_blank">Alex Kern</a> &amp; <a href="http://neeraj.io" target="_blank">Neeraj Baid</a> while eating <strong>Sliver</strong> @ UC Berkeley &middot; <a href="https://github.com/kern/filepizza#faq" target="_blank">FAQ</a> &middot; <a href="https://github.com/kern/filepizza" target="_blank">Fork us</a>

lib/server.js

@@ -57,7 +57,9 @@ app.use(expressWinston.logger({
   expressFormat: true
 }))
 
-app.use(forceSSL)
+if (process.env.NODE_ENV === 'production') {
+  app.use(forceSSL)
+}
 
 app.get('/js', require('./middleware/javascript'))
 app.get('/css', require('./middleware/css'))