index.html

<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="UTF-8">
	<meta name="description" value="Get the word count and estimated reading time of an article on the web. No text selection required.">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="stylesheet" href="style.css" type="text/css">
	<link href='http://fonts.googleapis.com/css?family=Alegreya:400' rel='stylesheet' type='text/css'>

	<title>readlength.org :: Word count and reading time bookmarklet</title>

</head>

<body>

	<h1>readlength.org</h1>

	<article>
		<p>Get the word count and estimated reading time of an article on the web.<br>No text selection required.</p>
		<p>Drag this link to your bookmarks toolbar:<br>
		<a href="javascript:(function(){_wordcount_script=document.createElement('SCRIPT');_wordcount_script.type='text/javascript';_wordcount_script.src='http://readlength.org/wordcount.js?x='+(Math.random());document.getElementsByTagName('head')[0].appendChild(_wordcount_script);;})();">readlength.org</a></p>
		<p>Or paste this text into an existing bookmark:<br>
		<input value="javascript:(function(){_wordcount_script=document.createElement('SCRIPT');_wordcount_script.type='text/javascript';_wordcount_script.src='http://readlength.org/wordcount.js?x='+(Math.random());document.getElementsByTagName('head')[0].appendChild(_wordcount_script);;})();" onkeydown="event.preventDefault();event.stopPropagation();return false;" oncut="event.preventDefault();event.stopPropagation();return false;" onClick="this.select();"></p>
	</article>

	<footer>
		<p>Based on work by <a href="http://code.google.com/p/arc90labs-readability/">Arc90</a> and <a href="https://gist.github.com/darkliquid/5244870">Andrew Montgomery-Hurrell</a>
		<p><a href="https://github.com/jsit/readlength.org">GitHub</a> &middot; <a href="mailto:jay@kilobitspersecond.com">Contact</a></p>
	</footer>

</body>
</html>