vasilisvg/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */
a,
a:visited,
a:hover,
a:focus {
	text-decoration: none;
	text-shadow: .05em 0 0 #fff,-.05em 0 0 #fff,0 .05em 0 #fff,0 -.05em 0 #fff;
	background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
	background-repeat: repeat-x;
	background-position: bottom .05em center;
	background-size: 100% 1px;
}
a:hover {
color: red;}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
Lorem ipsum dolor <a href=https://vasilis.nl/bla">sip amet</a>, consectetuer adipiscing elit. Mauris ac ipsum. Nam ipsum metus, tincidunt vitae <a href="https://vasilis.nl/">sit amet</a>, gravida non, vestibulum at, arcu. Pellentesque lobortis, leo ac viverra mattis, sapien quam lobortis eros, nec blandit urna urna sollicitudin justo. Nullam adipiscing tincidunt dui. Etiam vestibulum. Cras eleifend interdum libero. Etiam sed ligula. Donec sollicitudin. Morbi ut enim at nulla molestie scelerisque. Sed sapien. Aenean vulputate leo mollis tortor dictum suscipit. Nulla vel quam. Vestibulum ornare blandit sapien. Mauris augue justo, tincidunt at, sollicitudin vel, eleifend vitae, nunc. Nullam porttitor leo a libero euismod suscipit. Aliquam purus risus, posuere vel, aliquet ut, tempus vitae, dolor. Maecenas ultrices massa. Morbi blandit magna vitae risus.

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/
	a,
	a:visited,
	a:hover,
	a:focus {
	text-decoration: none;
	text-shadow: .05em 0 0 #fff,-.05em 0 0 #fff,0 .05em 0 #fff,0 -.05em 0 #fff;
	background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
	background-repeat: repeat-x;
	background-position: bottom .05em center;
	background-size: 100% 1px;
	}
	a:hover {
	color: red;}