diff --git a/hexdex.html b/hexdex.html
index 17ae3affb..27e9ca8af 100644
--- a/hexdex.html
+++ b/hexdex.html
@@ -35,12 +35,189 @@ <h1 data-i18n="hexdex-h1">Hexdex</h1>
         <br>
         <p data-i18n="hexdex-header">An index of the hexagons for <a href="chapters.html">NodeSchool chapters</a>.</p>
         <p data-i18n="hexdex-make-logo">Make one for your chapter by starting with <a href="https://github.com/nodeschool/nodeschool.github.io/tree/master/images/make-a-sticker">this
-            template</a>.</p>
+            template
+          </a>.</p>
       </div>
       <div class="full">
         <div id="chapter-list">
           <div class="loading" data-i18n="index-chapter-list-loading">
             Loading...
+            <noscript>
+              <div class="two-thirds">
+                <a class="imglink" href="http://github.com/nodeschool/luanda" title="Luanda">
+                  <img class="hex" src="/images/nodeschool-luanda.png" alt="Luanda Hexagon">
+                </a>
+                <a class="imglink" href="http://github.com/nodeschool/los-angeles" title="Los Angeles">
+                  <img class="hex" src="/images/nodeschool-losangeles.png" alt="Los Angeles Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/hamburg" title="Hamburg">
+                  <img class="hex" src="/images/nodeschool-ham.svg" alt="Hamburg Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/london" title="London">
+                  <img class="hex" src="/images/battersea-power-node.svg" alt="London Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/oakland" title="Oakland">
+                  <img class="hex" src="/images/nodeschool-oakland.svg" alt="Oakland Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/cleveland" title="Cleveland">
+                  <img class="hex" src="/images/nodeschool-cleveland.png" alt="Cleveland Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/buenosaires" title="Buenos Aires">
+                  <img class="hex" src="/images/nodeschool-buenos-aires.svg" alt="Buenos Aires Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/stavanger" title="Stavanger">
+                  <img class="hex" src="/images/nodeschool-stavanger.png" alt="Stavanger hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/osaka" title="Osaka">
+                  <img class="hex" src="/images/nodeschool-osaka.png" alt="Osaka Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/cebu" title="Cebu">
+                  <img class="hex" src="/images/nodeschool-cebu.svg" alt="Cebu Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/hradec-kralove" title="Hradec Králové">
+                  <img class="hex" src="/images/nodeschool-hradec-kralove.svg" alt="Hradec Králové Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/silesia" title="Silesia">
+                  <img class="hex" src="/images/nodeschool-silesia.svg" alt="Silesia Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/bali" title="Bali">
+                  <img class="hex" src="/images/nodeschool-bali-sticker.png" alt="Bali Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/portland-me" title="Portland, ME">
+                  <img class="hex" src="/images/nodeschool_pwm_logo.png" alt="Portland Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/dallas" title="Dallas, TX">
+                  <img class="hex" src="/images/nodeschool-dallas.svg" alt="Dallas, Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/mexicocity" title="Mexico City">
+                  <img class="hex" src="/images/nodeschool-mexicocity.svg" alt="Mexico, Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/xian" title="Xi'an, Shaanxi">
+                  <img class="hex" src="/images/nodeschool-xian.svg" alt="Xi'an, Shaanxi Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/medellin" title="Medellín">
+                  <img class="hex" src="/images/nodeschool-medellin.png" alt="Medellín Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/karachi" title="Karachi">
+                  <img src="/images/nodeschool-karachi.png" alt="Karachi hex" class="hex">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/kyiv" title="Kyiv">
+                  <img src="/images/nodeschool-kyiv.png" alt="Kyiv hex with dollhouse" class="hex">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/montevideo" title="Montevideo">
+                  <img class="hex" src="/images/nodeschool-montevideo.png" alt="Montevideo Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/montreal" title="Montreal">
+                  <img class="hex" src="/images/nodeschool-montreal.svg" alt="Montreal Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/madrid" title="Madrid">
+                  <img class="hex" src="/images/nodeschool-madrid.png" alt="Madrid Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/tokyo" title="Tokyo">
+                  <img class="hex" src="/images/nodeschool-tokyo.png" alt="Tokyo Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/seville" title="Seville">
+                  <img class="hex" src="/images/nodeschool-seville.png" alt="Seville Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/hanoi" title="Hanoi">
+                  <img class="hex" src="/images/nodeschool-hanoi.svg" alt="Hanoi Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/seoul" title="Seoul">
+                  <img class="hex" src="/images/nodeschool-seoul.png" alt="Seoul Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/chiang-mai" title="Chiang Mai">
+                  <img class="hex" src="/images/nodeschool-chiangmai.png" alt="Chiang Mai Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/lisbon" title="Lisbon">
+                  <img class="hex" src="/images/nodeschool-lisbon.png" alt="Lisbon Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/bratislava" title="Bratislava">
+                  <img class="hex" src="/images/nodeschool-bratislava.svg" alt="Bratislava Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/bainbridge" title="Bainbridge">
+                  <img class="hex" src="/images/nodeschool-bainbridge.svg" alt="Bainbridge Island Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/toronto" title="Toronto">
+                  <img class="hex" src="/images/nodeschool-toronto.svg" alt="Toronto Hexagon">
+                </a>
+                <a class="imglink" href="https://nodeschool.io/vancouver/" title="Vancouver">
+                  <img class="hex" src="/images/nodeschool-vancouver.svg" alt="Vancouver Hexagon in shades of purple showing a building underscored by the IATA code YVR used colloquially to refer to the city">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/hcmc-vietnam" title="Ho Chi Minh City - Vietnam">
+                  <img class="hex" src="/images/nodeschool-hcmc-vietnam.svg" alt="Ho Chi Minh City - Vietnam Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/sanfrancisco/" title="San Francisco">
+                  <img class="hex" src="/images/nodeschool-sf.svg" alt="San Francsico Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/istanbul/" title="Istanbul">
+                  <img class="hex" src="/images/nodeschool-istanbul.svg" alt="Istanbul Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/campinas" title="Campinas">
+                  <img class="hex" src="/images/nodeschool-campinas.svg" alt="Campinas Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/washingtondc" title="Washington DC">
+                  <img class="hex" src="/images/nodeschool-washingtondc.svg" alt="Washington DC Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/spb/" title="Saint Petersburg">
+                  <img class="hex" src="/images/nodeschool-spb.svg" alt="Saint Petersburg Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/perth/" title="Perth, WA">
+                  <img class="hex" src="/images/nodeschool-perth.svg" alt="Perth Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/stlouis/" title="St. Louis, MO">
+                  <img class="hex" src="/images/nodeschool-stlouis.svg" alt="St. Louis Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/nyc/" title="New York City, NY">
+                  <img class="hex" src="/images/nodeschool-nyc.svg" alt="New York City Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/haarlem/" title="Haarlem">
+                  <img class="hex" src="/images/nodeschool-haarlem.svg" alt="Haarlem Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/amsterdam/" title="Amsterdam">
+                  <img class="hex" src="/images/nodeschool-amsterdam.svg" alt="Amsterdam Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/st-petersburg/" title="St. Petersburg, FL">
+                  <img class="hex" src="/images/nodeschool-stpete.png" alt="St. Petersburg, FL Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/reykjavik/" title="Reykjavik">
+                  <img class="hex" src="/images/nodeschool-rvk.svg" alt="Reykjavik Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/dhaka" title="Dhaka">
+                  <img class="hex" src="/images/nodeschool-dhaka.png" alt="Dhaka Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/italy" title="Italy">
+                  <img class="hex" src="/images/nodeschool-italy.svg" alt="Italy Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/hermosillo" title="Hermosillo">
+                  <img class="hex" src="/images/nodeschool-hermosillo.svg" alt="Hermosillo Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/berlin" title="Berlin">
+                  <img class="hex" src="/images/nodeschool-berlin.png" alt="Berlin Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/costarica" title="Costa Rica">
+                  <img class="hex" src="/images/nodeschool-costarica.png" alt="Costa Rica Hexagon">
+                </a>
+                <a class="imglink" href="http://nodeschool.io/Lahore" title="Lahore">
+                  <img class="hex" src="/images/nodeschool-lahore.png" alt="Lahore Hexagon">
+                </a>
+                <a class="imglink" href="http://nodeschool.io/fort-worth" title="Fort Worth">
+                  <img class="hex" src="/images/nodeschool-fortworth.svg" alt="Fort Worth Hexagon">
+                </a>
+                <a class="imglink" href="https://github.com/nodeschool/sydney/" title="Sydney">
+                  <img class="hex" src="/images/nodeschool-sydney.png" alt="Sydney Hexagon">
+                </a>
+                <a class="imglink" href="https://nodeschool.io/okinawa/" title="Okinawa">
+                  <img class="hex" src="/images/nodeschool-okinawa.svg" alt="Okinawa Hexagon">
+                </a>
+                <a class="imglink" href="https://nodeschool.io/guatemala/" title="Guatemala">
+                  <img class="hex" src="/images/nodeschool-guatemala.svg" alt="Guatemala Hexagon">
+                </a>
+                <a class="imglink" href="https://nodeschool.io/pereira/" title="Pereira">
+                  <img class="hex" src="/images/nodeschool-pereira.svg" alt="Pereira Hexagon">
+                </a>
+                <img class="hex" src="/images/nodeschool-blank.png" alt="blank hexagon" aria-hidden="true">
+              </div>
+            </noscript>
           </div>
         </div>
         <div class="two-thirds">
@@ -51,7 +228,7 @@ <h2>{{region}}</h2>
               <ul>
               {{#chapters}}
                   {{#image}}
-                  <li class="chapter" style="width: 275px;text-align: center;">
+                  <li class="chapter badge">
                   <a target="_blank" rel="noreferrer noopener" href="{{website}}" class="imglink" title="{{location}}">
                   <img class="hex" src="/images/{{image}}" alt="{{location}} Hexagon" />
                   {{location}}{{#country}}, {{country}}{{/country}}
@@ -78,10 +255,14 @@ <h2>{{region}}</h2>
   <script type="text/javascript" src="/js/dependencies.js"></script>
   <script type="text/javascript" src="/js/chapters.js"></script>
   <script>
+    $(document).ready(function () {
+      setTimeout("cant()", 100);
+    });
+    
     !function (s, c, h, O, o, l) {
-    s.GoogleAnalyticsObject = h; s[h] || (s[h] = function () {
-      (s[h].q = s[h].q || []).push(arguments)
-    }); s[h].l = +new Date; o = c.createElement(O);
+      s.GoogleAnalyticsObject = h; s[h] || (s[h] = function () {
+        (s[h].q = s[h].q || []).push(arguments)
+      }); s[h].l = +new Date; o = c.createElement(O);
       l = c.getElementsByTagName(O)[0]; o.src = '//www.google-analytics.com/analytics.js';
       l.parentNode.insertBefore(o, l)
     }(window, document, 'ga', 'script');
diff --git a/js/chapters.js b/js/chapters.js
index 7cbc2bbad..9f7d47b3e 100644
--- a/js/chapters.js
+++ b/js/chapters.js
@@ -17,4 +17,15 @@ function loadChapters() {
     var template = $("#tmpl-chapter-list").html()
     $("#chapter-list").html(Mustache.render(template, JSON.parse(body)))
   })
+}
+
+var cant = function () {
+  $(".chapter-list")
+    .find("h2")
+    .each(
+      function () {
+        var cont = $(this).parent().find("li").length;
+        $(this).html($(this).html() + " (" + cont + ")");
+      }
+    );
 }
\ No newline at end of file
diff --git a/styles/chapters.styl b/styles/chapters.styl
index db9ae3ce3..cf2fa49dc 100644
--- a/styles/chapters.styl
+++ b/styles/chapters.styl
@@ -1,4 +1,11 @@
-@import 'settings/*'
+@import 'settings/*';
+
+.badge {
+  width: 270px !important;
+  height: 350px;
+  text-align: center;
+  vertical-align: top;
+}
 
 .chapter-list {
   ul {