markhillard · October 9, 2019 19:13 · Oct 9, 2019 · Oct 9, 2019 · Jul 3, 2018 · Jul 3, 2018
diff --git a/the-great-wall-of-gitmoji.markdown b/the-great-wall-of-gitmoji.markdown
@@ -1,7 +0,0 @@
-The Great Wall of Gitmoji
--------------------------
-Just using https://api.github.com/emojis to mess around with CSS grid.
-
-A [Pen](https://codepen.io/markhillard/pen/oEErdG) by [Mark Hillard](https://codepen.io/markhillard) on [CodePen](https://codepen.io).
-
-[License](https://codepen.io/markhillard/pen/oEErdG/license).

diff --git a/script.js b/script.js
@@ -2,4 +2,9 @@ $.getJSON('https://api.github.com/emojis', function(emoji) {
      $.each(emoji, function(key, value) {
           $('.😀').append('<img src="' + value + '" title="' + key + '">');
      });
+});
+
+$(document).on('click', '.😀 img', function () {
+    var code = $(this).attr('title');
+    prompt('Copy to clipboard: Ctrl+C, Enter', ':' + code + ':');
 });
diff --git a/style.css b/style.css
@@ -7,6 +7,7 @@ padding:1rem;
 }
 
 .😀 img {
+cursor:pointer;
 height:auto;
 max-width:100%;
 width:100%;

diff --git a/the-great-wall-of-gitmoji.markdown b/the-great-wall-of-gitmoji.markdown
@@ -0,0 +1,7 @@
+The Great Wall of Gitmoji
+-------------------------
+Just using https://api.github.com/emojis to mess around with CSS grid.
+
+A [Pen](https://codepen.io/markhillard/pen/oEErdG) by [Mark Hillard](https://codepen.io/markhillard) on [CodePen](https://codepen.io).
+
+[License](https://codepen.io/markhillard/pen/oEErdG/license).
diff --git a/the-great-wall-of-gitmoji.markdown b/the-great-wall-of-gitmoji.markdown
@@ -1,7 +0,0 @@
-The Great Wall of Gitmoji
--------------------------
-Just using https://api.github.com/emojis to mess around with CSS grid.
-
-A [Pen](https://codepen.io/markhillard/pen/oEErdG) by [Mark Hillard](https://codepen.io/markhillard) on [CodePen](https://codepen.io).
-
-[License](https://codepen.io/markhillard/pen/oEErdG/license).

diff --git a/index.html b/index.html
@@ -1 +1 @@
-<em class="😀"></em>
+<div class="😀"></div>
diff --git a/script.js b/script.js
@@ -1,5 +1,5 @@
-$.getJSON("https://api.github.com/emojis", function(emoji) {
-     $.each(emoji, function(index, value) {
-          $('.😀').append('<img src="' + value + '">');
+$.getJSON('https://api.github.com/emojis', function(emoji) {
+     $.each(emoji, function(key, value) {
+          $('.😀').append('<img src="' + value + '" title="' + key + '">');
      });
-});
+});
diff --git a/style.css b/style.css
@@ -10,4 +10,4 @@ padding:1rem;
 height:auto;
 max-width:100%;
 width:100%;
-}
+}
diff --git a/the-great-wall-of-gitmoji.markdown b/the-great-wall-of-gitmoji.markdown
@@ -0,0 +1,7 @@
+The Great Wall of Gitmoji
+-------------------------
+Just using https://api.github.com/emojis to mess around with CSS grid.
+
+A [Pen](https://codepen.io/markhillard/pen/oEErdG) by [Mark Hillard](https://codepen.io/markhillard) on [CodePen](https://codepen.io).
+
+[License](https://codepen.io/markhillard/pen/oEErdG/license).
diff --git a/the-great-wall-of-gitmoji.markdown → great-wall-of-gitmoji.markdown b/the-great-wall-of-gitmoji.markdown → great-wall-of-gitmoji.markdown
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<em class="😀"></em>
diff --git a/script.js b/script.js
@@ -0,0 +1,5 @@
+$.getJSON("https://api.github.com/emojis", function(emoji) {
+     $.each(emoji, function(index, value) {
+          $('.😀').append('<img src="' + value + '">');
+     });
+});
diff --git a/scripts b/scripts
@@ -0,0 +1 @@
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
diff --git a/style.css b/style.css
@@ -0,0 +1,13 @@
+.😀 {
+display:grid;
+grid-column-gap:1rem;
+grid-row-gap:1rem;
+grid-template-columns:repeat(auto-fit, minmax(30px, 1fr));
+padding:1rem;
+}
+
+.😀 img {
+height:auto;
+max-width:100%;
+width:100%;
+}
diff --git a/the-great-wall-of-gitmoji.markdown b/the-great-wall-of-gitmoji.markdown
@@ -0,0 +1,7 @@
+The Great Wall of Gitmoji
+-------------------------
+Just using https://api.github.com/emojis to mess around with CSS grid.
+
+A [Pen](https://codepen.io/markhillard/pen/oEErdG) by [Mark Hillard](https://codepen.io/markhillard) on [CodePen](https://codepen.io).
+
+[License](https://codepen.io/markhillard/pen/oEErdG/license).
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>