Add emoji section

Author: mattcone

_extended-syntax/emoji.md

@@ -0,0 +1,34 @@
+---
+title: Emoji
+syntax-id: emoji
+---
+
+There are two ways to add emoji to Markdown files: copy and paste the emoji into your Markdown-formatted text, or type *emoji shortcodes*.
+
+### Copying and Pasting Emoji
+
+In most cases, you can simply copy an emoji from a source like [Emojipedia](https://emojipedia.org/) and paste it into your document. Many Markdown applications will automatically display the emoji in the Markdown-formatted text. The HTML and PDF files you export from your Markdown application should display the emoji.
+
+<div class="alert alert-success">
+  <i class="fas fa-lightbulb"></i> <strong>Tip:</strong> If you're using a static site generator, make sure you <a href="https://www.w3.org/International/tutorials/tutorial-char-enc/">encode HTML pages as UTF-8</a>.
+</div>
+
+### Using Emoji Shortcodes
+
+Some Markdown applications allow you to insert emoji by typing emoji shortcodes. These begin and end with a colon and include the name of an emoji.
+
+```text
+Gone camping! :tent: Be back soon.
+
+That is so funny! :joy:
+```
+
+The rendered output looks like this:
+
+Gone camping! ⛺ Be back soon.
+
+That is so funny! 😂
+
+<div class="alert alert-info">
+  <i class="fas fa-info-circle"></i> <strong>Note:</strong> You can use this <a href="https://gist.github.com/rxaviers/7360908">list of emoji shortcodes</a>, but keep in mind that emoji shortcodes vary from application to application. Refer to your Markdown application's documentation for more information.
+</div>

_extended-syntax/strikethrough.md

@@ -4,7 +4,7 @@ syntax-id: strikethrough
 syntax-summary: "~~The world is flat.~~"
 ---
 
-You can "strikethrough" words by putting a horizontal line through the center of them. The result looks ~~like this~~. This feature allows you to indicate that certain words are a mistake not meant for inclusion in the document. To strikethrough words, use two tilde symbols (`~~`) before and after the words.
+You can strikethrough words by putting a horizontal line through the center of them. The result looks ~~like this~~. This feature allows you to indicate that certain words are a mistake not meant for inclusion in the document. To strikethrough words, use two tilde symbols (`~~`) before and after the words.
 
 ```
 ~~The world is flat.~~ We now know that the world is round.

_tools/bear.md

@@ -130,6 +130,16 @@ Bear provides support for the following Markdown elements.
       <td class="table-success">Yes</td>
       <td></td>
     </tr>
+    <tr>
+      <td><a href="/extended-syntax/#copying-and-pasting-emoji">Emoji (copy and paste)</a></td>
+      <td class="table-success">Yes</td>
+      <td></td>
+    </tr>
+    <tr>
+      <td><a href="/extended-syntax/#using-emoji-shortcodes">Emoji (shortcodes)</a></td>
+      <td class="table-warning">Partial</td>
+      <td>Type a colon, start typing the name of the emoji, and a menu with associated emoji will appear. Click an emoji to insert it in the document.</td>
+    </tr>
     <tr>
       <td><a href="/extended-syntax/#automatic-url-linking">Automatic URL Linking</a></td>
       <td class="table-success">Yes</td>

_tools/jekyll.md

@@ -126,6 +126,16 @@ Jekyll provides support for the following Markdown elements. By default, Jekyll
       <td class="table-success">Yes</td>
       <td></td>
     </tr>
+    <tr>
+      <td><a href="/extended-syntax/#copying-and-pasting-emoji">Emoji (copy and paste)</a></td>
+      <td class="table-success">Yes</td>
+      <td></td>
+    </tr>
+    <tr>
+      <td><a href="/extended-syntax/#using-emoji-shortcodes">Emoji (shortcodes)</a></td>
+      <td class="table-danger">No</td>
+      <td>Not supported by default, but you can use the <a href="https://github.com/jekyll/jemoji">jemoji</a> plugin to enable support.</td>
+    </tr>
     <tr>
       <td><a href="/extended-syntax/#automatic-url-linking">Automatic URL Linking</a></td>
       <td class="table-success">Yes</td>

_tools/slack.md

@@ -132,6 +132,16 @@ The Slack message interface provides support for the following the Markdown elem
       <td class="table-danger">No</td>
       <td></td>
     </tr>
+    <tr>
+      <td><a href="/extended-syntax/#copying-and-pasting-emoji">Emoji (copy and paste)</a></td>
+      <td class="table-success">Yes</td>
+      <td></td>
+    </tr>
+    <tr>
+      <td><a href="/extended-syntax/#using-emoji-shortcodes">Emoji (shortcodes)</a></td>
+      <td class="table-success">Yes</td>
+      <td></td>
+    </tr>
     <tr>
       <td><a href="/extended-syntax/#automatic-url-linking">Automatic URL Linking</a></td>
       <td class="table-success">Yes</td>
@@ -270,6 +280,16 @@ The Slack post interface provides support for the following Markdown elements.
       <td class="table-danger">No</td>
       <td></td>
     </tr>
+    <tr>
+      <td><a href="/extended-syntax/#copying-and-pasting-emoji">Emoji (copy and paste)</a></td>
+      <td class="table-success">Yes</td>
+      <td></td>
+    </tr>
+    <tr>
+      <td><a href="/extended-syntax/#using-emoji-shortcodes">Emoji (shortcodes)</a></td>
+      <td class="table-success">Yes</td>
+      <td></td>
+    </tr>
     <tr>
       <td><a href="/extended-syntax/#automatic-url-linking">Automatic URL Linking</a></td>
       <td class="table-success">Yes</td>

extended-syntax.md

@@ -2,7 +2,7 @@
 layout: default
 title: Extended Syntax
 description: Advanced features that build on the basic Markdown syntax.
-last_modified_at: 2019-10-18
+last_modified_at: 2020-02-22
 ---
 
 {% include syntax.html type="extended" syntax-id="overview" %}
@@ -23,4 +23,6 @@ last_modified_at: 2019-10-18
 
 {% include syntax.html type="extended" syntax-id="task-lists" %}
 
+{% include syntax.html type="extended" syntax-id="emoji" %}
+
 {% include syntax.html type="extended" syntax-id="automatic-url-linking" %}