Circular profile picture

dabblet.css

/**
 * Circular profile picture
 */
 
.image-container {
	display: inline;
	margin: auto 10px;
}

img {
	-webkit-border-radius: 200px;  -moz-border-radius: 200px;  border-radius: 100px;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3)
}

dabblet.html

<div class="image-container">
	<img src="http://cdn-images.spinr.in/supersonic/staging/images/artists/thumbnails/168/original/Dillon_Francis.jpg?1444737959">
</div>

<div class="image-container">
	<img src="http://cdn-images.spinr.in/supersonic/staging/images/artists/thumbnails/160/original/The_Chainsmokers.jpg?1444737957">
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}