IMP: Added donation button/section (finally) - Flattr & Bitcoin can currently be used.

data/interfaces/default/base.html

@@ -88,6 +88,7 @@
 				</small>
 			</div>
                         <div id="donate">
+                            <a href="config#donate"><img src="interfaces/default/images/donate.png" height="25" width="120"></a>
                             <a href="https://twitter.com/mylarcomics" class="twitter-follow-button" data-show-count="false">@mylarcomics</a>
                             <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                         </div>

data/interfaces/default/config.html

@@ -46,12 +46,27 @@
 
                        </div>                       
                    </fieldset>
+                   <fieldset>
+                       <legend>DONATIONS</legend>
+                         <a name="donate"></a>
+                         <div align="center">
+                            <label><strong>Mylar is free to use,</br>
+                            but you can contribute and support the development</br>
+                            by giving a donation</strong></label></br></br>
+                         </div>
+                         <div style="width: 55%; margin: 0px auto;">
+                            <a href="https://flattr.com/submit/auto?user_id=evilhero&url=https://github.com/evilhero/mylar&title=Mylar%20Donation%description=Supporting&20the%development%20of%20Mylar&language=en_CA&hidden=1&category=software" target="_blank">
+                               <img src="//api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" align="center">
+                            </a>
+                            <a href="#" onclick="javascript:window.prompt('Please copy/paste my Bitcoin address into your Bitcoin client.', '18eCE9wZxnNiZgE4Cc5pwJMnMjEfhdmH4U');"><img src="interfaces/default/images/bitcoin.png" alt="Bitcoin" height="20" align="center"></a></div>
+                         </div>
+                   </fieldset>
                   </td>
                   <td>
                    <fieldset>
                       <legend>Bragging Rights</legend>
                         <div>
-                            <label><strong># of Series you're watching: </strong> ${comicinfo['COUNT_COMICS']}</br></label>
+                           <label><strong># of Series you're watching: </strong> ${comicinfo['COUNT_COMICS']}</br></label>
                            <label><strong># of Issues you're watching: </strong> ${comicinfo['COUNT_ISSUES']}</br></label>
                            <label><strong># of Issues you actually have: </strong> ${comicinfo['COUNT_HAVES']}</br></label>
                            <label><strong> ... total HD-space being used: </strong> ${comicinfo['COUNT_SIZE']}</br></label>