flutter

dabblet.css

/* flutter */
nav { margin:5% auto; width:1em }

@keyframes logo { to { width:0; height:0;
  border-width:0 .5em 1.618em;
  transform:none;
  border-color:hsla(270,61%,50%,.3) transparent } }
a { animation:logo 1ms infinite cubic-bezier(0,2.618033,2,0);
width:1em;height:1em;display:block;
position:absolute;
border:solid; border-color:hsla(0,61%,50%,.3) transparent }

a:nth-child(1) { transform:rotate(618033turn) }
a:nth-child(2) { transform:rotate(-618033turn) }
a:nth-child(3) { transform:rotate(21618033turn) }
a:nth-child(4) { transform:rotate(-21618033turn) }


body { font:26em/1 monospace }

dabblet.html

<nav>
 <a href=a_promise></a>
 <a href=achronal></a>
 <a href=akashic></a>
 <a href=asynchronous></a>
 <a href=aspect_oriented></a>
</nav>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}