[todo: clarify limited use cases]
<!-- Default -->
<h1 class="js-illuminate">ILLUMINATED TEXT</h1>
<!-- Custom Selector -->
<h1 class="custom-class">Using a custom selector</h1>
<!-- Wrapping Text -->
<h1 class="js-illuminate">So much text that it wraps onto two lines or maybe <br /> includes line-breaks</h1>
<script>
document.addEventListener('DOMContentLoaded', function(event) {
smgwds.illuminate();
smgwds.illuminate({
selector: '.custom-class'
})
})
</script>
<h1 class="{{ class }}">{{{ text }}}</h1> {{{ init }}}