Added map tiles from Unleashed GM Toolkit and Catacomb Tiles.

_posts/0000-01-01-Maps.html

@@ -30,8 +30,14 @@ tags: [ Version 1 ]
         
         <h2>Image Library</h2>
         
-        <h3>Tiles 16x21</h3>
-        <ul id="tiles"></ul>
+        <h3>HW Boards 16x21</h3>
+        <ul id="hw-boards" class="tiles"></ul>
+        
+        <h3>CT Boards 16x21</h3>
+        <ul id="ct-boards" class="tiles"></ul>
+        
+        <h3>GM Boards 16x21</h3>
+        <ul id="gm-boards" class="tiles"></ul>
 
         <h3>Tokens 1x1 S</h3>
         <ul id="tokens1x1s"></ul>

static/javascripts/maps.js

@@ -28,7 +28,9 @@ var ikrpg = ikrpg || {};
   
   
   function fillLibrary() {
-    appendTiles();
+    appendHWTiles();
+    appendCTTiles();
+    appendGMTiles();
     append10x3tokens();
     append1x1Stokens();
     append4x3tokens();
@@ -36,10 +38,10 @@ var ikrpg = ikrpg || {};
     appendSmallBases();
     appendMediumBases();
   
-    function appendTiles() {
+    function appendHWTiles() {
       $.each(['01', '02', '03', '04', '05', '06', '07', '08', '09'], function(i, id) {
         $.each(['A', 'B'], function(j, key) {
-          $('#tiles').append('\
+          $('#hw-boards').append('\
             <li class="tile">\
               <h4>HW Board '+key+id+'</h4>\
               <img class="lib-img tile" src="/static/images/maps/tiles/HW-Board-'+key+id+'.png" />\
@@ -48,6 +50,32 @@ var ikrpg = ikrpg || {};
         });
       });
     }
+    
+    function appendCTTiles() {
+      $.each(['01', '02', '03', '04', '05', '06', '07', '08', '09'], function(i, id) {
+        $.each(['A', 'B'], function(j, key) {
+          $('#ct-boards').append('\
+            <li class="tile">\
+              <h4>CT Board '+key+id+'</h4>\
+              <img class="lib-img tile" src="/static/images/maps/tiles/CT-Board-'+key+id+'.png" />\
+            </li>\
+          ');
+        });
+      });
+    }
+    
+    function appendGMTiles() {
+      $.each(['01', '02', '03', '04'], function(i, id) {
+        $.each(['A', 'B'], function(j, key) {
+          $('#gm-boards').append('\
+            <li class="tile">\
+              <h4>GM Board '+key+id+'</h4>\
+              <img class="lib-img tile" src="/static/images/maps/tiles/GM-Board-'+key+id+'.png" />\
+            </li>\
+          ');
+        });
+      });
+    }
   
     function append10x3tokens() {
       $.each(['03', '10', '17', '24'], function(i, id) {

static/stylesheets/content/maps.css

@@ -100,7 +100,7 @@
     font-size: 16px;
 }
 
-#maps #img-library ul#tiles li.tile img {
+#maps #img-library ul.tiles li.tile img {
     width: calc(1600px / 10);
 }