index: added tip link and ref tracking

diff --git a/index.html b/index.html
index c56befd..216b598 100644 (file)
--- a/index.html
+++ b/index.html
@@ -535,18 +535,18 @@
                          <ul class="thumbnails">
                                  <div id="ref" class="span3">
                                          <h3>Swatches will always be free.</h3>
-                                         <p>But if you find them useful, you can show your support by buying one of these fantastic products.</p>
+                                         <p>But if you find them useful, you can show your love by <a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=P462Y7X387TEA">leaving a tip</a>, linking back to Bootswatch, or buying one of these fantastic products.</p>
                                  </div>
                                
                            <li class="span3">
                              <div class="thumbnail">
-                               <a href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Ftransmit%2Fid403388562%3Fmt%3D12" target="new"><img src="img/refs/transmit.png" alt=""></a>
+                               <a onClick="_gaq.push(['_trackEvent', 'refs', 'mac', 'transmit']);" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Ftransmit%2Fid403388562%3Fmt%3D12" target="new"><img src="img/refs/transmit.png" alt=""></a>
                                <div class="caption">
                                  <h3>Transmit</h3>
                                  <p>The ultimate (S)FTP + Amazon S3 client.</p>
                                  <div class="btn-toolbar">
                                                <img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=wyucSOE7tvo&bids=146261.1&type=10">
-                                               <div class="btn-group"><a class="btn btn-large btn-info" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Ftransmit%2Fid403388562%3Fmt%3D12" target="new">Mac App Store <i class="icon-share-alt icon-white"></i></a></div>
+                                               <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'mac', 'transmit']);" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Ftransmit%2Fid403388562%3Fmt%3D12" target="new">Mac App Store <i class="icon-share-alt icon-white"></i></a></div>
                                        </div>
                                </div>
                              </div>
@@ -555,13 +555,13 @@
                          
                            <li class="span3">
                              <div class="thumbnail">
-                               <a href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fpixelmator%2Fid407963104%3Fmt%3D12" target="new"><img src="img/refs/pixelmator.png" alt=""></a>
+                               <a onClick="_gaq.push(['_trackEvent', 'refs', 'mac', 'pixelmator']);" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fpixelmator%2Fid407963104%3Fmt%3D12" target="new"><img src="img/refs/pixelmator.png" alt=""></a>
                                <div class="caption">
                                  <h3>Pixelmator</h3>
                                  <p>A beautifully designed image editor.</p>
                                  <div class="btn-toolbar">
                                                <img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=wyucSOE7tvo&bids=146261.1&type=10">
-                                               <div class="btn-group"><a class="btn btn-large btn-info" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fpixelmator%2Fid407963104%3Fmt%3D12" target="new">Mac App Store <i class="icon-share-alt icon-white"></i></a></div>
+                                               <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'mac', 'pixelmator']);" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fpixelmator%2Fid407963104%3Fmt%3D12" target="new">Mac App Store <i class="icon-share-alt icon-white"></i></a></div>
                                        </div>
                                </div>
                              </div>
@@ -570,13 +570,13 @@
 
                            <li class="span3">
                              <div class="thumbnail">
-                               <a href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fxscope%2Fid447661441%3Fmt%3D12" target="new"><img src="img/refs/xscope.png" alt=""></a>
+                               <a onClick="_gaq.push(['_trackEvent', 'refs', 'mac', 'xscope']);" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fxscope%2Fid447661441%3Fmt%3D12" target="new"><img src="img/refs/xscope.png" alt=""></a>
                                <div class="caption">
                                  <h3>xScope</h3>
                                  <p>Measure and inspect on-screen layouts.</p>
                                  <div class="btn-toolbar">
                                                <img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=wyucSOE7tvo&bids=146261.1&type=10">
-                                               <div class="btn-group"><a class="btn btn-large btn-info" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fxscope%2Fid447661441%3Fmt%3D12" target="new">Mac App Store <i class="icon-share-alt icon-white"></i></a></div>
+                                               <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'mac', 'xscope']);" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fxscope%2Fid447661441%3Fmt%3D12" target="new">Mac App Store <i class="icon-share-alt icon-white"></i></a></div>
                                        </div>
                                </div>
                              </div>
@@ -584,13 +584,13 @@
                                
                            <li class="span3">
                              <div class="thumbnail">
-                               <a href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="new"><img src="img/refs/htmlandcss.png" alt=""></a>
+                               <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="new"><img src="img/refs/htmlandcss.png" alt=""></a>
                                <div class="caption">
                                  <h3>HTML &amp; CSS</h3>
                                  <p>Jon Duckett</p>
                                  <div class="btn-toolbar">
                                                <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1118008189" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
-                                               <div class="btn-group"><a class="btn btn-large btn-info" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
+                                               <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
                                        </div>
                                </div>
                              </div>
@@ -599,13 +599,13 @@
 
                            <li class="span3">
                              <div class="thumbnail">
-                               <a href="http://www.amazon.com/gp/product/0596802447/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0596802447" target="new"><img src="img/refs/cssmissingmanual.png" alt=""></a>
+                               <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'cssmissingmanual']);" href="http://www.amazon.com/gp/product/0596802447/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0596802447" target="new"><img src="img/refs/cssmissingmanual.png" alt=""></a>
                                <div class="caption">
                                  <h3>CSS: The Missing Manual</h3>
                                  <p>David Sawyer McFarland</p>
                                  <div class="btn-toolbar">
                                                <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=0596802447" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
-                                               <div class="btn-group"><a class="btn btn-large btn-info" href="http://www.amazon.com/gp/product/0596802447/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0596802447" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
+                                               <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'cssmissingmanual']);" href="http://www.amazon.com/gp/product/0596802447/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0596802447" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
                                        </div>
                                </div>
                              </div>
@@ -614,13 +614,13 @@
 
                            <li class="span3">
                              <div class="thumbnail">
-                               <a href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="new"><img src="img/refs/javascriptandjquery.png" alt=""></a>
+                               <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="new"><img src="img/refs/javascriptandjquery.png" alt=""></a>
                                <div class="caption">
                                  <h3>JavaScript &amp; jQuery</h3>
                                  <p>David Sawyer McFarland</p>
                                  <div class="btn-toolbar">
                                                <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
-                                               <div class="btn-group"><a class="btn btn-large btn-info" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
+                                               <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
                                        </div>
                                </div>
                              </div>
@@ -629,13 +629,13 @@
 
                            <li class="span3">
                              <div class="thumbnail">
-                               <a href="http://www.amazon.com/gp/product/0321344758/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321344758" target="new"><img src="img/refs/dontmakemethink.png" alt=""></a>
+                               <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'dontmakemethink']);" href="http://www.amazon.com/gp/product/0321344758/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321344758" target="new"><img src="img/refs/dontmakemethink.png" alt=""></a>
                                <div class="caption">
                                  <h3>Don't Make Me Think</h3>
                                  <p>Steve Krug</p>
                                  <div class="btn-toolbar">
                                                <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=0321344758" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
-                                               <div class="btn-group"><a class="btn btn-large btn-info" href="http://www.amazon.com/gp/product/0321344758/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321344758" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
+                                               <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'dontmakemethink']);" href="http://www.amazon.com/gp/product/0321344758/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321344758" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
                                        </div>
                                </div>
                              </div>