Heartstr adds heart to any page

a universal sign of appreciation .. and it looks like this (click me!):

How to use

Place heartstr.php at /, create a table and configure it to talk to your MySQL database as instructed in the file. Place the following into your template markup (uses jQuery, view source to customize):

<script language="JavaScript">document.write("<button class='heartstr' onclick='heartstr(this)'><span></span>&hearts;</button><style type='text/css'>.heartstr,.heartstr-clicked{font-size:80px;color:#fcc;border:0;background:0;}.heartstr-clicked{color:#fdc;}.heartstr{cursor:hand;}.heartstr:hover{color:#faa;-webkit-animation-name:glow;-webkit-animation-duration:.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;-moz-animation-name:glow;-moz-animation-duration:.5s;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-moz-animation-timing-function:ease-in-out;-ms-animation-name:glow;-ms-animation-duration:.5s;-ms-animation-iteration-count:infinite;-ms-animation-direction:alternate;-ms-animation-timing-function:ease-in-out;}.heartstr span{display:none;}.heartstr-clicked span{position:absolute;color:#c66;font:30% sans-serif;padding-left:50%;width:2em;text-align:center;margin:1.5em 0 0 -50%;}100%{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);color:#faa;}</style>");function heartstr(o){o.className='heartstr-clicked';$.get('/heartstr.php?url='+document.location.href,function(d){$('span',o).html(d)})}</script>

This work is licensed under a Creative Commons Attribution 3.0 Unported License. Just fork me on GitHub.