Added flattr-button

djbdjb00djb · Oct 25, 2011 · 450afc5 · 450afc5
1 parent 647b2b8
commit 450afc5
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 4 deletions.
diff --git a/website/css/style.css b/website/css/style.css
@@ -159,7 +159,7 @@ header {
     clear:both;
     border-radius: 10px;
     margin-left:5px;
-    width:400px;
+    width:520px;
     border-bottom:solid 1px #666;
     background-color: rgba(255,255,255,0.1);
 }

diff --git a/website/index.html b/website/index.html
@@ -20,13 +20,25 @@
     Nothing to see here that has to do with List.js, look at the bottom of the page!
     
     -->
-    
+
     <link rel="shortcut icon" href="/images/graphics/favicon.ico">
 
     <link rel="stylesheet" href="css/style.css">
     <link href="js/libs/syntaxhighlighter_3.0.83/styles/shCore.css" rel="stylesheet" type="text/css" />
     <link href="js/libs/syntaxhighlighter_3.0.83/styles/shThemeListJs.css" rel="stylesheet" type="text/css" />
 
+    <script type="text/javascript">
+    /* <![CDATA[ */
+        (function() {
+            var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
+            s.type = 'text/javascript';
+            s.async = true;
+            s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
+            t.parentNode.insertBefore(s, t);
+        })();
+    /* ]]> */
+    </script>
+
     <script type="text/javascript">
 
       var _gaq = _gaq || [];
@@ -75,8 +87,8 @@ <h2 class="slogan"><span>[ { feature: "sort" }, { feature: "search" }, { feature
         </div>
 
             <div id="main">
-                <div class="download c1" style="margin-left:160px;">
-                    <div>
+                <div class="download c1" style="margin-left:70px;">
+                    <div style="margin-left:60px;">
                         <a href="https://raw.github.com/javve/list/master/list.min.js" class="download-btn" onClick="javascript: _gaq.push(['_trackPageview', '/download/list.min.js.button']);">
                             <span>
                                 Download <small>7 KB minified</small>
@@ -102,9 +114,17 @@ <h2 class="slogan"><span>[ { feature: "sort" }, { feature: "search" }, { feature
                 	    <span class="at300b"><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-related="javve:The Photoshopping JavaScript Ninja that created List.js">Tweet</a></span>
                 	    <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
                 	    <a class="addthis_counter addthis_pill_style"></a>
+
+                	    <div style="float:left; margin-left:17px;">
+	                	    <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://listjs.com"></a>
+							<noscript><a href="http://flattr.com/thing/422139/List-js" target="_blank">
+							<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
+						</div>
+
                 	    </div>
                 	    <!-- AddThis Button END -->
                 	    <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
+
                 	</div>
                 </div>