Merge pull request #104 from peterhry/peter/add-emoji-demo

Add emoji demo
peterhry · May 11, 2018 · cae2937 · cae2937
2 parents a710cbb + 5407171
commit cae2937
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/backstop_data/bitmaps_reference/circletype_CircleType_Demo_6_demo__n6_0_phone.png b/backstop_data/bitmaps_reference/circletype_CircleType_Demo_6_demo__n6_0_phone.png
diff --git a/backstop_data/bitmaps_reference/circletype_CircleType_Demo_6_demo__n6_1_tablet.png b/backstop_data/bitmaps_reference/circletype_CircleType_Demo_6_demo__n6_1_tablet.png
diff --git a/index.html b/index.html
@@ -179,6 +179,27 @@ <h2 id="demo6" class="demo strong">Easily remove the effect.</h2>
         (adsbygoogle = window.adsbygoogle || []).push({});
       </script>
 
+      <h3 class="puffy" id="emoji">Emojis</h3>
+      <p>I work with emojis!</p>
+      <div class="demo-box" id="demo-box7">
+        <h2 id="demo7" class="demo strong">🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩</h2>
+      </div>
+      <code>&lt;h2 id="demo7"&gt;🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩🍩&lt;/h2&gt;
+var demo7 = new CircleType(document.getElementById('demo7'));</code>
+
+      <ins
+        class="adsbygoogle"
+        style="display:block"
+        data-ad-format="fluid"
+        data-ad-layout="text-only"
+        data-ad-layout-key="-gw-c+2p-30-2w"
+        data-ad-client="ca-pub-2609593449239823"
+        data-ad-slot="9041076570">
+      </ins>
+      <script>
+        (adsbygoogle = window.adsbygoogle || []).push({});
+      </script>
+
       <h2 class="strong">Browser Support</h2>
       <ul class="bullets">
         <li>Chrome, Firefox, Safari, Opera, Edge (last 2 versions)</li>
@@ -255,6 +276,11 @@ <h2 class="strong">Browser Support</h2>
           demo6.destroy();
           event.preventDefault();
         });
+
+        /**
+         * Emojis
+         */
+        var demo7 = new CircleType(document.getElementById('demo7'));
       }
    </script>
     <script type="text/javascript">