markhillard · October 9, 2019 19:13
diff --git a/great-wall-of-gitmoji.markdown b/great-wall-of-gitmoji.markdown
diff --git a/index.html b/index.html
 <div class="😀"></div>
diff --git a/script.js b/script.js
 $.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/scripts b/scripts
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
diff --git a/style.css b/style.css
 .😀 {
 display:grid;
 grid-column-gap:1rem;
 grid-row-gap:1rem;
 grid-template-columns:repeat(auto-fit, minmax(30px, 1fr));
 padding:1rem;
 }

 .😀 img {
 cursor:pointer;
 height:auto;
 max-width:100%;
 width:100%;
 }
	$.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 + ':');
	});
	.😀 {
	display:grid;
	grid-column-gap:1rem;
	grid-row-gap:1rem;
	grid-template-columns:repeat(auto-fit, minmax(30px, 1fr));
	padding:1rem;
	}

	.😀 img {
	cursor:pointer;
	height:auto;
	max-width:100%;
	width:100%;
	}