A simple launchpad

dabblet.css

/* A simple launchpad */

/* All you need for general layout */
.launchpad a { display:inline-block; text-align:center; margin:0 1em }
.launchpad a img { display:block }

/* This will allow greater flexibility with images, if not precomposed */
.launchpad img { border-radius:100px; max-height:300px; max-width:300px;
  /* not for IE, but if images are square, no problem */
  -webkit-clip-path:circle(); clip-path:circle() }

/* Probably not necessary if styles inherit well */
.launchpad a { text-decoration:none; color:inherit }
.launchpad { font:18px 'OpenSansRegular','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif }

dabblet.html

<nav class=launchpad>
  <a href=#>
    <img src="http://placekitten.com/g/200/300">
    Family Services
  </a>
  <a href=#>
    <img src="http://placekitten.com/g/200/300">
    Adult Protective Services
  </a>
  <a href=#>
      <img src="http://placekitten.com/g/200/300">
      Foster Care
  </a>
  <a href=#>
      <img src="http://placekitten.com/g/200/300">
       Child Welfare
  </a>
</nav>

dabblet.js

// alert('Hello world!');

settings.json

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