diff --git a/index.html b/index.html
index 1976552..e8ad4ca 100644
--- a/index.html
+++ b/index.html
@@ -221,10 +221,10 @@ <h3>A few tech notes</h3>
 
               <div class="callout medium-3 columns"><i class="icon icon-generic padding-right-medium" data-icon="i"></i>For more information on using fonts with the EMBL-EBI Visual Framework and making the most of the framework, <a class="readmore" href="https://ebiwd.github.io/EBI-Pattern-library/">view the EBI Pattern Library</a></div>
             </section>
-          
+
             <section id="icons" class="" data-magellan-target="icons">
 
-              
+
 
 
 
@@ -485,42 +485,65 @@ <h3>The gallery</h3>
                       </tr>
                     </thead>
                     <tbody>
-                    <tr><td>zebrafish</td><td><div class="icon icon-species" aria-hidden="true" data-icon="Z"></div></td><td>&lt;* class="icon icon-species" data-icon="Z"&gt;</td><td>[icon-species:Z]</td></tr>
-                    <tr><td>yeast</td><td><div class="icon icon-species" aria-hidden="true" data-icon="Y"></div></td><td>&lt;* class="icon icon-species" data-icon="Y"&gt;</td><td>[icon-species:Y]</td></tr>
-                    <tr><td>spider</td><td><div class="icon icon-species" aria-hidden="true" data-icon="S"></div></td><td>&lt;* class="icon icon-species" data-icon="S"&gt;</td><td>[icon-species:S]</td></tr>
-                    <tr><td>scorpion</td><td><div class="icon icon-species" aria-hidden="true" data-icon="s"></div></td><td>&lt;* class="icon icon-species" data-icon="s"&gt;</td><td>[icon-species:s]</td></tr>
-                    <tr><td>rat</td><td><div class="icon icon-species" aria-hidden="true" data-icon="R"></div></td><td>&lt;* class="icon icon-species" data-icon="R"&gt;</td><td>[icon-species:R]</td></tr>
-                    <tr><td>plant</td><td><div class="icon icon-species" aria-hidden="true" data-icon="P"></div></td><td>&lt;* class="icon icon-species" data-icon="P"&gt;</td><td>[icon-species:P]</td></tr>
-                    <tr><td>pig</td><td><div class="icon icon-species" aria-hidden="true" data-icon="p"></div></td><td>&lt;* class="icon icon-species" data-icon="p"&gt;</td><td>[icon-species:p]</td></tr>
-                    <tr><td>mouse</td><td><div class="icon icon-species" aria-hidden="true" data-icon="M"></div></td><td>&lt;* class="icon icon-species" data-icon="M"&gt;</td><td>[icon-species:M]</td></tr>
-                    <tr><td>monkey</td><td><div class="icon icon-species" aria-hidden="true" data-icon="r"></div></td><td>&lt;* class="icon icon-species" data-icon="r"&gt;</td><td>[icon-species:r]</td></tr>
-                    <tr><td>man</td><td><div class="icon icon-species" aria-hidden="true" data-icon="H"></div></td><td>&lt;* class="icon icon-species" data-icon="H"&gt;</td><td>[icon-species:H]</td></tr>
-                    <tr><td>horse</td><td><div class="icon icon-species" aria-hidden="true" data-icon="h"></div></td><td>&lt;* class="icon icon-species" data-icon="h"&gt;</td><td>[icon-species:h]</td></tr>
-                    <tr><td>fungus</td><td><div class="icon icon-species" aria-hidden="true" data-icon="u"></div></td><td>&lt;* class="icon icon-species" data-icon="u"&gt;</td><td>[icon-species:u]</td></tr>
-                    <tr><td>frog</td><td><div class="icon icon-species" aria-hidden="true" data-icon="f"></div></td><td>&lt;* class="icon icon-species" data-icon="f"&gt;</td><td>[icon-species:f]</td></tr>
-                    <tr><td>fly</td><td><div class="icon icon-species" aria-hidden="true" data-icon="F"></div></td><td>&lt;* class="icon icon-species" data-icon="F"&gt;</td><td>[icon-species:F]</td></tr>
-                    <tr><td>dog</td><td><div class="icon icon-species" aria-hidden="true" data-icon="d"></div></td><td>&lt;* class="icon icon-species" data-icon="d"&gt;</td><td>[icon-species:d]</td></tr>
-                    <tr><td>cow</td><td><div class="icon icon-species" aria-hidden="true" data-icon="C"></div></td><td>&lt;* class="icon icon-species" data-icon="C"&gt;</td><td>[icon-species:C]</td></tr>
-                    <tr><td>corn</td><td><div class="icon icon-species" aria-hidden="true" data-icon="c"></div></td><td>&lt;* class="icon icon-species" data-icon="c"&gt;</td><td>[icon-species:c]</td></tr>
-                    <tr><td>chicken</td><td><div class="icon icon-species" aria-hidden="true" data-icon="k"></div></td><td>&lt;* class="icon icon-species" data-icon="k"&gt;</td><td>[icon-species:k]</td></tr>
-                    <tr><td>cat</td><td><div class="icon icon-species" aria-hidden="true" data-icon="A"></div></td><td>&lt;* class="icon icon-species" data-icon="A"&gt;</td><td>[icon-species:A]</td></tr>
-                    <tr><td>bug</td><td><div class="icon icon-species" aria-hidden="true" data-icon="b"></div></td><td>&lt;* class="icon icon-species" data-icon="b"&gt;</td><td>[icon-species:b]</td></tr>
-                    <tr><td>worm</td><td><div class="icon icon-species" aria-hidden="true" data-icon="W"></div></td><td>&lt;* class="icon icon-species" data-icon="W"&gt;</td><td>[icon-species:W]</td></tr>
-                    <tr><td>virus</td><td><div class="icon icon-species" aria-hidden="true" data-icon="v"></div></td><td>&lt;* class="icon icon-species" data-icon="v"&gt;</td><td>[icon-species:v]</td></tr>
-                    <tr><td>pufferfish</td><td><div class="icon icon-species" aria-hidden="true" data-icon="E"></div></td><td>&lt;* class="icon icon-species" data-icon="E"&gt;</td><td>[icon-species:E]</td></tr>
-                    <tr><td>hedgehog</td><td><div class="icon icon-species" aria-hidden="true" data-icon="o"></div></td><td>&lt;* class="icon icon-species" data-icon="o"&gt;</td><td>[icon-species:o]</td></tr>
-                    <tr><td>guineapig</td><td><div class="icon icon-species" aria-hidden="true" data-icon="g"></div></td><td>&lt;* class="icon icon-species" data-icon="g"&gt;</td><td>[icon-species:g]</td></tr>
-                    <tr><td>gorilla</td><td><div class="icon icon-species" aria-hidden="true" data-icon="G"></div></td><td>&lt;* class="icon icon-species" data-icon="G"&gt;</td><td>[icon-species:G]</td></tr>
-                    <tr><td>finch</td><td><div class="icon icon-species" aria-hidden="true" data-icon="n"></div></td><td>&lt;* class="icon icon-species" data-icon="n"&gt;</td><td>[icon-species:n]</td></tr>
-                    <tr><td>elephant</td><td><div class="icon icon-species" aria-hidden="true" data-icon="e"></div></td><td>&lt;* class="icon icon-species" data-icon="e"&gt;</td><td>[icon-species:e]</td></tr>
-                    <tr><td>dolphin</td><td><div class="icon icon-species" aria-hidden="true" data-icon="D"></div></td><td>&lt;* class="icon icon-species" data-icon="D"&gt;</td><td>[icon-species:D]</td></tr>
-                    <tr><td>armadillo</td><td><div class="icon icon-species" aria-hidden="true" data-icon="l"></div></td><td>&lt;* class="icon icon-species" data-icon="l"&gt;</td><td>[icon-species:l]</td></tr>
-                    <tr><td>alpaca</td><td><div class="icon icon-species" aria-hidden="true" data-icon="a"></div></td><td>&lt;* class="icon icon-species" data-icon="a"&gt;</td><td>[icon-species:a]</td></tr>
-                    <tr><td>wallaby</td><td><div class="icon icon-species" aria-hidden="true" data-icon="w"></div></td><td>&lt;* class="icon icon-species" data-icon="w"&gt;</td><td>[icon-species:w]</td></tr>
-                    <tr><td>platypus</td><td><div class="icon icon-species" aria-hidden="true" data-icon="U"></div></td><td>&lt;* class="icon icon-species" data-icon="U"&gt;</td><td>[icon-species:U]</td></tr>
-                    <tr><td>chimpanzee</td><td><div class="icon icon-species" aria-hidden="true" data-icon="i"></div></td><td>&lt;* class="icon icon-species" data-icon="i"&gt;</td><td>[icon-species:i]</td></tr>
-                    <tr><td>arabidopsis</td><td><div class="icon icon-species" aria-hidden="true" data-icon="B"></div></td><td>&lt;* class="icon icon-species" data-icon="B"&gt;</td><td>[icon-species:B]</td></tr>
-                    <tr><td>ecoli</td><td><div class="icon icon-species" aria-hidden="true" data-icon="L"></div></td><td>&lt;* class="icon icon-species" data-icon="L"&gt;</td><td>[icon-species:L]</td></tr>
+                      <tr><td>zebrafish</td><td><div class="icon icon-species" aria-hidden="true" data-icon="Z"></div></td><td>&lt;* class="icon icon-species" data-icon="Z"&gt;</td><td>[icon-species:Z]</td></tr>
+                      <tr><td>yeast</td><td><div class="icon icon-species" aria-hidden="true" data-icon="Y"></div></td><td>&lt;* class="icon icon-species" data-icon="Y"&gt;</td><td>[icon-species:Y]</td></tr>
+                      <tr><td>spider</td><td><div class="icon icon-species" aria-hidden="true" data-icon="S"></div></td><td>&lt;* class="icon icon-species" data-icon="S"&gt;</td><td>[icon-species:S]</td></tr>
+                      <tr><td>scorpion</td><td><div class="icon icon-species" aria-hidden="true" data-icon="s"></div></td><td>&lt;* class="icon icon-species" data-icon="s"&gt;</td><td>[icon-species:s]</td></tr>
+                      <tr><td>rat</td><td><div class="icon icon-species" aria-hidden="true" data-icon="R"></div></td><td>&lt;* class="icon icon-species" data-icon="R"&gt;</td><td>[icon-species:R]</td></tr>
+                      <tr><td>plant</td><td><div class="icon icon-species" aria-hidden="true" data-icon="P"></div></td><td>&lt;* class="icon icon-species" data-icon="P"&gt;</td><td>[icon-species:P]</td></tr>
+                      <tr><td>pig</td><td><div class="icon icon-species" aria-hidden="true" data-icon="p"></div></td><td>&lt;* class="icon icon-species" data-icon="p"&gt;</td><td>[icon-species:p]</td></tr>
+                      <tr><td>mouse</td><td><div class="icon icon-species" aria-hidden="true" data-icon="M"></div></td><td>&lt;* class="icon icon-species" data-icon="M"&gt;</td><td>[icon-species:M]</td></tr>
+                      <tr><td>monkey</td><td><div class="icon icon-species" aria-hidden="true" data-icon="r"></div></td><td>&lt;* class="icon icon-species" data-icon="r"&gt;</td><td>[icon-species:r]</td></tr>
+                      <tr><td>human</td><td><div class="icon icon-species" aria-hidden="true" data-icon="H"></div></td><td>&lt;* class="icon icon-species" data-icon="H"&gt;</td><td>[icon-species:H]</td></tr>
+                      <tr><td>horse</td><td><div class="icon icon-species" aria-hidden="true" data-icon="h"></div></td><td>&lt;* class="icon icon-species" data-icon="h"&gt;</td><td>[icon-species:h]</td></tr>
+                      <tr><td>fungus</td><td><div class="icon icon-species" aria-hidden="true" data-icon="u"></div></td><td>&lt;* class="icon icon-species" data-icon="u"&gt;</td><td>[icon-species:u]</td></tr>
+                      <tr><td>frog</td><td><div class="icon icon-species" aria-hidden="true" data-icon="f"></div></td><td>&lt;* class="icon icon-species" data-icon="f"&gt;</td><td>[icon-species:f]</td></tr>
+                      <tr><td>fly</td><td><div class="icon icon-species" aria-hidden="true" data-icon="F"></div></td><td>&lt;* class="icon icon-species" data-icon="F"&gt;</td><td>[icon-species:F]</td></tr>
+                      <tr><td>dog</td><td><div class="icon icon-species" aria-hidden="true" data-icon="d"></div></td><td>&lt;* class="icon icon-species" data-icon="d"&gt;</td><td>[icon-species:d]</td></tr>
+                      <tr><td>cow</td><td><div class="icon icon-species" aria-hidden="true" data-icon="C"></div></td><td>&lt;* class="icon icon-species" data-icon="C"&gt;</td><td>[icon-species:C]</td></tr>
+                      <tr><td>corn</td><td><div class="icon icon-species" aria-hidden="true" data-icon="c"></div></td><td>&lt;* class="icon icon-species" data-icon="c"&gt;</td><td>[icon-species:c]</td></tr>
+                      <tr><td>chicken</td><td><div class="icon icon-species" aria-hidden="true" data-icon="k"></div></td><td>&lt;* class="icon icon-species" data-icon="k"&gt;</td><td>[icon-species:k]</td></tr>
+                      <tr><td>cat</td><td><div class="icon icon-species" aria-hidden="true" data-icon="A"></div></td><td>&lt;* class="icon icon-species" data-icon="A"&gt;</td><td>[icon-species:A]</td></tr>
+                      <tr><td>bug</td><td><div class="icon icon-species" aria-hidden="true" data-icon="b"></div></td><td>&lt;* class="icon icon-species" data-icon="b"&gt;</td><td>[icon-species:b]</td></tr>
+                      <tr><td>c elegans</td><td><div class="icon icon-species" aria-hidden="true" data-icon="W"></div></td><td>&lt;* class="icon icon-species" data-icon="W"&gt;</td><td>[icon-species:W]</td></tr>
+                      <tr><td>virus</td><td><div class="icon icon-species" aria-hidden="true" data-icon="v"></div></td><td>&lt;* class="icon icon-species" data-icon="v"&gt;</td><td>[icon-species:v]</td></tr>
+                      <tr><td>pufferfish</td><td><div class="icon icon-species" aria-hidden="true" data-icon="E"></div></td><td>&lt;* class="icon icon-species" data-icon="E"&gt;</td><td>[icon-species:E]</td></tr>
+                      <tr><td>hedgehog</td><td><div class="icon icon-species" aria-hidden="true" data-icon="o"></div></td><td>&lt;* class="icon icon-species" data-icon="o"&gt;</td><td>[icon-species:o]</td></tr>
+                      <tr><td>guineapig</td><td><div class="icon icon-species" aria-hidden="true" data-icon="g"></div></td><td>&lt;* class="icon icon-species" data-icon="g"&gt;</td><td>[icon-species:g]</td></tr>
+                      <tr><td>gorilla</td><td><div class="icon icon-species" aria-hidden="true" data-icon="G"></div></td><td>&lt;* class="icon icon-species" data-icon="G"&gt;</td><td>[icon-species:G]</td></tr>
+                      <tr><td>finch</td><td><div class="icon icon-species" aria-hidden="true" data-icon="n"></div></td><td>&lt;* class="icon icon-species" data-icon="n"&gt;</td><td>[icon-species:n]</td></tr>
+                      <tr><td>elephant</td><td><div class="icon icon-species" aria-hidden="true" data-icon="e"></div></td><td>&lt;* class="icon icon-species" data-icon="e"&gt;</td><td>[icon-species:e]</td></tr>
+                      <tr><td>dolphin</td><td><div class="icon icon-species" aria-hidden="true" data-icon="D"></div></td><td>&lt;* class="icon icon-species" data-icon="D"&gt;</td><td>[icon-species:D]</td></tr>
+                      <tr><td>armadillo</td><td><div class="icon icon-species" aria-hidden="true" data-icon="l"></div></td><td>&lt;* class="icon icon-species" data-icon="l"&gt;</td><td>[icon-species:l]</td></tr>
+                      <tr><td>alpaca</td><td><div class="icon icon-species" aria-hidden="true" data-icon="a"></div></td><td>&lt;* class="icon icon-species" data-icon="a"&gt;</td><td>[icon-species:a]</td></tr>
+                      <tr><td>wallaby</td><td><div class="icon icon-species" aria-hidden="true" data-icon="w"></div></td><td>&lt;* class="icon icon-species" data-icon="w"&gt;</td><td>[icon-species:w]</td></tr>
+                      <tr><td>platypus</td><td><div class="icon icon-species" aria-hidden="true" data-icon="U"></div></td><td>&lt;* class="icon icon-species" data-icon="U"&gt;</td><td>[icon-species:U]</td></tr>
+                      <tr><td>chimpanzee</td><td><div class="icon icon-species" aria-hidden="true" data-icon="i"></div></td><td>&lt;* class="icon icon-species" data-icon="i"&gt;</td><td>[icon-species:i]</td></tr>
+                      <tr><td>brassica</td><td><div class="icon icon-species" aria-hidden="true" data-icon="B"></div></td><td>&lt;* class="icon icon-species" data-icon="B"&gt;</td><td>[icon-species:B]</td></tr>
+                      <tr><td>ecoli</td><td><div class="icon icon-species" aria-hidden="true" data-icon="L"></div></td><td>&lt;* class="icon icon-species" data-icon="L"&gt;</td><td>[icon-species:L]</td></tr>
+                      <tr><td>ferret</td><td><div class="icon icon-species" aria-hidden="true" data-icon="!"></div></td><td>&lt;* class="icon icon-species" data-icon="!"&gt;</td><td>[icon-species:!]</td></tr>
+                      <tr><td>bee</td><td><div class="icon icon-species" aria-hidden="true" data-icon="$"></div></td><td>&lt;* class="icon icon-species" data-icon="$"&gt;</td><td>[icon-species:$]</td></tr>
+                      <tr><td>brachypodium</td><td><div class="icon icon-species" aria-hidden="true" data-icon="%"></div></td><td>&lt;* class="icon icon-species" data-icon="%"&gt;</td><td>[icon-species:%]</td></tr>
+                      <tr><td>tick</td><td><div class="icon icon-species" aria-hidden="true" data-icon="&"></div></td><td>&lt;* class="icon icon-species" data-icon="&"&gt;</td><td>[icon-species:&]</td></tr>
+                      <tr><td>bat</td><td><div class="icon icon-species" aria-hidden="true" data-icon="("></div></td><td>&lt;* class="icon icon-species" data-icon="("&gt;</td><td>[icon-species:(]</td></tr>
+                      <tr><td>tomatoes</td><td><div class="icon icon-species" aria-hidden="true" data-icon=")"></div></td><td>&lt;* class="icon icon-species" data-icon=")"&gt;</td><td>[icon-species:)]</td></tr>
+                      <tr><td>amoeba</td><td><div class="icon icon-species" aria-hidden="true" data-icon="0"></div></td><td>&lt;* class="icon icon-species" data-icon="0"&gt;</td><td>[icon-species:0]</td></tr>
+                      <tr><td>orangutan</td><td><div class="icon icon-species" aria-hidden="true" data-icon="*"></div></td><td>&lt;* class="icon icon-species" data-icon="*"&gt;</td><td>[icon-species:*]</td></tr>
+                      <tr><td>mosquito</td><td><div class="icon icon-species" aria-hidden="true" data-icon="1"></div></td><td>&lt;* class="icon icon-species" data-icon="1"&gt;</td><td>[icon-species:1]</td></tr>
+                      <tr><td>diatom</td><td><div class="icon icon-species" aria-hidden="true" data-icon="2"></div></td><td>&lt;* class="icon icon-species" data-icon="2"&gt;</td><td>[icon-species:2]</td></tr>
+                      <tr><td>louse</td><td><div class="icon icon-species" aria-hidden="true" data-icon="4"></div></td><td>&lt;* class="icon icon-species" data-icon="4"&gt;</td><td>[icon-species:4]</td></tr>
+                      <tr><td>kangaroo rat</td><td><div class="icon icon-species" aria-hidden="true" data-icon="3"></div></td><td>&lt;* class="icon icon-species" data-icon="3"&gt;</td><td>[icon-species:3]</td></tr>
+                      <tr><td>barley</td><td><div class="icon icon-species" aria-hidden="true" data-icon="5"></div></td><td>&lt;* class="icon icon-species" data-icon="5"&gt;</td><td>[icon-species:5]</td></tr>
+                      <tr><td>anolis</td><td><div class="icon icon-species" aria-hidden="true" data-icon="7"></div></td><td>&lt;* class="icon icon-species" data-icon="7"&gt;</td><td>[icon-species:7]</td></tr>
+                      <tr><td>monodelphis</td><td><div class="icon icon-species" aria-hidden="true" data-icon="9"></div></td><td>&lt;* class="icon icon-species" data-icon="9"&gt;</td><td>[icon-species:9]</td></tr>
+                      <tr><td>squirrel</td><td><div class="icon icon-species" aria-hidden="true" data-icon="I"></div></td><td>&lt;* class="icon icon-species" data-icon="I"&gt;</td><td>[icon-species:I]</td></tr>
+                      <tr><td>mouse lemur</td><td><div class="icon icon-species" aria-hidden="true" data-icon="N"></div></td><td>&lt;* class="icon icon-species" data-icon="N"&gt;</td><td>[icon-species:N]</td></tr>
+                      <tr><td>grapes</td><td><div class="icon icon-species" aria-hidden="true" data-icon="O"></div></td><td>&lt;* class="icon icon-species" data-icon="O"&gt;</td><td>[icon-species:O]</td></tr>
+                      <tr><td>shrew</td><td><div class="icon icon-species" aria-hidden="true" data-icon="Q"></div></td><td>&lt;* class="icon icon-species" data-icon="Q"&gt;</td><td>[icon-species:Q]</td></tr>
+                      <tr><td>glycinemax</td><td><div class="icon icon-species" aria-hidden="true" data-icon="^"></div></td><td>&lt;* class="icon icon-species" data-icon="^"&gt;</td><td>[icon-species:^]</td></tr>
+                      <tr><td>rabbit</td><td><div class="icon icon-species" aria-hidden="true" data-icon="t"></div></td><td>&lt;* class="icon icon-species" data-icon="t"&gt;</td><td>[icon-species:t]</td></tr>
+                      <tr><td>sheep</td><td><div class="icon icon-species" aria-hidden="true" data-icon="x"></div></td><td>&lt;* class="icon icon-species" data-icon="x"&gt;</td><td>[icon-species:x]</td></tr>
+                      <tr><td>aspergillus</td><td><div class="icon icon-species" aria-hidden="true" data-icon="£"></div></td><td>&lt;* class="icon icon-species" data-icon="£"&gt;</td><td>[icon-species:£]</td></tr>
                     </tbody>
                   </table>