LL782 · February 11, 2013 14:54
diff --git a/dabblet.css b/dabblet.css
 /**
 * Image Overlay for rollover
 */

 #round-links a {
 	display: block;
 	float: left;
 	width: 300px;
 	height: 300px;
 	border-radius: 150px;
 	overflow: hidden;
 	margin: 24px 48px 24px 0;
 	position: relative;
 }

 #round-links a:after {
 	content: 'View Project';
 	color: #fff;
 	text-align: center;
 	line-height: 300px;
 	font-family: Arial;
 	font-weight: bold;
 	font-size: 2em;
 	display: block;
 	background-color: #00adef;
 	height: 300px;
 	width: 300px;
 	position: absolute;
 	top: 0;
 	left: 0;
 	opacity: 0;
 	transition: opacity 0.5s;
 }

 #round-links a:hover:after {
 	opacity: 1;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div id="round-links">
 	<a href="http://monkeyzbox.com" target="_blank"><img src="http://farm4.staticflickr.com/3563/5754388259_628c55a1ea.jpg" /></a>
 	<a href="http://monkeyzbox.com" target="_blank"><img src="http://farm4.staticflickr.com/3548/5754388123_c7ee0c44bf.jpg" /></a>
 	<a href="http://monkeyzbox.com" target="_blank"><img src="http://farm4.staticflickr.com/3303/5754933814_0d1051b118.jpg" /></a>
 </div><!-- round-links -->
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	<!-- content to be placed inside <body>…</body> -->

	<div id="round-links">
	<a href="http://monkeyzbox.com" target="_blank"><img src="http://farm4.staticflickr.com/3563/5754388259_628c55a1ea.jpg" /></a>
	<a href="http://monkeyzbox.com" target="_blank"><img src="http://farm4.staticflickr.com/3548/5754388123_c7ee0c44bf.jpg" /></a>
	<a href="http://monkeyzbox.com" target="_blank"><img src="http://farm4.staticflickr.com/3303/5754933814_0d1051b118.jpg" /></a>
	</div><!-- round-links -->