<div class='gallery'>

<ul class="duck-row">

<li></li> <!-- each of these will be a duck -->

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

<div class="water">

<img class="shadow" src="{{{componentAssets}}}/images/water-shadow.png"/>

<img src="{{{componentAssets}}}/images/water.png"/>

</div>

</div>

<button id="button-reset" class="yui3-button">Reset</button>

Ducks remaining: <span class="ducks-remain">10</span>

<input type="checkbox" id="show-attitude"/><label for="show-attitude">Show attitude</label>