Add hex-size captions to worldmap gallery

acks/templates/worldmap.html

@@ -14,9 +14,17 @@
         <li><a href="#">Continent Full</a></li>
     </ul>
     <ul class="uk-switcher uk-margin" id="map-gallery">
-        <li data-src="{{ url_for('static', filename='WorldMap.png') }}"><img src="{{ url_for('static', filename='WorldMap.png') }}"/></li>
-        <li data-src="{{ url_for('static', filename='PalismaWorld.png') }}"><img src="{{ url_for('static', filename='PalismaWorld.png') }}"/></li>
-        <li data-src="{{ url_for('static', filename='PalismaContinent.png') }}"><img src="{{ url_for('static', filename='PalismaContinent.png') }}"/></li>
+        <li data-src="{{ url_for('static', filename='WorldMap.png') }}">
+            <img src="{{ url_for('static', filename='WorldMap.png') }}"/>
+        </li>
+        <li data-src="{{ url_for('static', filename='PalismaWorld.png') }}" data-sub-html="<p>1 hex = 96 miles</p>">
+            <div>1 hex = 96 miles</div>
+            <img src="{{ url_for('static', filename='PalismaWorld.png') }}"/>
+        </li>
+        <li data-src="{{ url_for('static', filename='PalismaContinent.png') }}" data-sub-html="<p>1 hex = 24 miles</p>">
+            <div>1 hex = 24 miles</div>
+            <img src="{{ url_for('static', filename='PalismaContinent.png') }}"/>
+        </li>
     </ul>
 </div>
 {% endblock %}