Added alternative names for search #80

public/index.html

@@ -38,7 +38,7 @@ <h1>Emoji cheat sheet</h1>
       &#x2708; <b>Got flash enabled? Click the emoji code and it will be copied to your clipboard.</b>
     </p>
     <h2>People</h2>
-    <ul class="people" id="emoji-people">
+    <ul class="people emojis" id="emoji-people">
       <li><div><img src="graphics/emojis/bowtie.png"> :<span class="name">bowtie</span>:</div></li>
       <li><div><img src="graphics/emojis/smile.png"> :<span class="name">smile</span>:</div></li>
       <li><div><img src="graphics/emojis/laughing.png"> :<span class="name">laughing</span>:</div></li>
@@ -81,8 +81,8 @@ <h2>People</h2>
       <li><div><img src="graphics/emojis/fearful.png"> :<span class="name">fearful</span>:</div></li>
       <li><div><img src="graphics/emojis/cold_sweat.png"> :<span class="name">cold_sweat</span>:</div></li>
       <li><div><img src="graphics/emojis/persevere.png"> :<span class="name">persevere</span>:</div></li>
-      <li><div><img src="graphics/emojis/cry.png"> :<span class="name">cry</span>:</div></li>
-      <li><div><img src="graphics/emojis/sob.png"> :<span class="name">sob</span>:</div></li>
+      <li><div><img src="graphics/emojis/cry.png"> :<span class="name" data-alternative-name="sad, unhappy">cry</span>:</div></li>
+      <li><div><img src="graphics/emojis/sob.png"> :<span class="name" data-alternative-name="sad, unhappy">sob</span>:</div></li>
       <li><div><img src="graphics/emojis/joy.png"> :<span class="name">joy</span>:</div></li>
       <li><div><img src="graphics/emojis/astonished.png"> :<span class="name">astonished</span>:</div></li>
       <li><div><img src="graphics/emojis/scream.png"> :<span class="name">scream</span>:</div></li>
@@ -164,8 +164,8 @@ <h2>People</h2>
       <li><div><img src="graphics/emojis/family.png"> :<span class="name">family</span>:</div></li>
       <li><div><img src="graphics/emojis/two_men_holding_hands.png"> :<span class="name">two_men_holding_hands</span>:</div></li>
       <li><div><img src="graphics/emojis/two_women_holding_hands.png"> :<span class="name">two_women_holding_hands</span>:</div></li>
-      <li><div><img src="graphics/emojis/dancer.png"> :<span class="name">dancer</span>:</div></li>
-      <li><div><img src="graphics/emojis/dancers.png"> :<span class="name">dancers</span>:</div></li>
+      <li><div><img src="graphics/emojis/dancer.png"> :<span class="name" data-alternative-name="party">dancer</span>:</div></li>
+      <li><div><img src="graphics/emojis/dancers.png"> :<span class="name" data-alternative-name="party">dancers</span>:</div></li>
       <li><div><img src="graphics/emojis/ok_woman.png"> :<span class="name">ok_woman</span>:</div></li>
       <li><div><img src="graphics/emojis/no_good.png"> :<span class="name">no_good</span>:</div></li>
       <li><div><img src="graphics/emojis/information_desk_person.png"> :<span class="name">information_desk_person</span>:</div></li>
@@ -235,7 +235,7 @@ <h2>People</h2>
       <li><div><img src="graphics/emojis/trollface.png"> :<span class="name">trollface</span>:</div></li>
     </ul>
     <h2>Nature</h2>
-    <ul class="nature" id="emoji-nature">
+    <ul class="nature emojis" id="emoji-nature">
       <li><div><img src="graphics/emojis/sunny.png"> :<span class="name">sunny</span>:</div></li>
       <li><div><img src="graphics/emojis/umbrella.png"> :<span class="name">umbrella</span>:</div></li>
       <li><div><img src="graphics/emojis/cloud.png"> :<span class="name">cloud</span>:</div></li>
@@ -353,7 +353,7 @@ <h2>Nature</h2>
       <li><div><img src="graphics/emojis/squirrel.png"> :<span class="name">squirrel</span>:</div></li>
     </ul>
     <h2>Objects</h2>
-    <ul class="objects" id="emoji-objects">
+    <ul class="objects emojis" id="emoji-objects">
       <li><div><img src="graphics/emojis/bamboo.png"> :<span class="name">bamboo</span>:</div></li>
       <li><div><img src="graphics/emojis/gift_heart.png"> :<span class="name">gift_heart</span>:</div></li>
       <li><div><img src="graphics/emojis/dolls.png"> :<span class="name">dolls</span>:</div></li>
@@ -615,7 +615,7 @@ <h2>Objects</h2>
       <li><div><img src="graphics/emojis/corn.png"> :<span class="name">corn</span>:</div></li>
     </ul>
     <h2>Places</h2>
-    <ul class="places" id="emoji-places">
+    <ul class="places emojis" id="emoji-places">
       <li><div><img src="graphics/emojis/house.png"> :<span class="name">house</span>:</div></li>
       <li><div><img src="graphics/emojis/house_with_garden.png"> :<span class="name">house_with_garden</span>:</div></li>
       <li><div><img src="graphics/emojis/school.png"> :<span class="name">school</span>:</div></li>
@@ -724,7 +724,7 @@ <h2>Places</h2>
       <li><div><img src="graphics/emojis/de.png"> :<span class="name">de</span>:</div></li>
     </ul>
     <h2>Symbols</h2>
-    <ul class="symbols" id="emoji-symbols">
+    <ul class="symbols emojis" id="emoji-symbols">
       <li><div><img src="graphics/emojis/one.png"> :<span class="name">one</span>:</div></li>
       <li><div><img src="graphics/emojis/two.png"> :<span class="name">two</span>:</div></li>
       <li><div><img src="graphics/emojis/three.png"> :<span class="name">three</span>:</div></li>