22.0 beta 3: add emoji webutil

Author: miermontoto

src/content/collections/webutils/emoji.njk

@@ -0,0 +1,13 @@
+---
+title: emoji
+desc: 'random emoji generator'
+redirect_from: /webutils/emoji/
+eleventyNavigation:
+  key: emoji
+---
+
+<div>
+	<span class="output" id="emoji-output"></span>
+	<span class=button id="emoji-generate">generate</span>
+	<span class=button id="emoji-copy">copy</span>
+</div>

src/static/css/app/webutils.sass

@@ -57,3 +57,6 @@ table td:nth-child(2) input
 
 	label
 		margin: 1em
+
+#emoji-output
+	font-size: 4em

src/static/css/global.sass

@@ -179,6 +179,8 @@ quote
 
     .bc-target
         font-size: 1.1em
+
+    .bc-target:not(a)
         color: colors.$white
 
 img

src/static/js/app/emoji.js

@@ -0,0 +1,107 @@
+const emojis = [
+    '👿', '👹', '👺', '💀', '☠', '👻', '👽', '👾', '🤖', '💩',
+    '👯', '💆', '💇', '👰', '🙍', '🙎', '🙅', '🙆', '💁', '🙋',
+    '🙇', '🙌', '🙏', '🗣', '👤', '👥', '🚶', '🏃', '💃', '🕴',
+    '💏', '💑', '👪', '👫', '👬', '👭', '💪', '👈', '👉', '☝️',
+    '👆', '🖕', '👇', '✌️', '🖖', '🤘', '🖐', '✊', '✋', '👊',
+    '👌', '👍', '👎', '👋', '👏', '👐', '✍', '💅', '👂', '👃',
+    '👣', '👀', '👁', '👅', '👄', '💋', '💘', '❤️', '💓', '💔',
+    '💕', '💖', '💗', '💙', '💚', '💛', '💜', '💝', '💞', '💟',
+    '❣', '💌', '💤', '💢', '💣', '💥', '💦', '💨', '💫', '💬',
+    '🗨', '🗯', '💭', '🕳', '👓', '🕶', '👔', '👕', '👖', '👗',
+    '👘', '👙', '👚', '👛', '👜', '👝', '🛍', '🎒', '👞', '👟',
+    '👠', '👡', '👢', '👑', '👒', '🎩', '🎓', '📿', '💄', '💍',
+    '💎', '🐵', '🐒', '🐶', '🐕', '🐩', '🐺', '🐱', '🐈', '🦁',
+    '🐯', '🐅', '🐆', '🐴', '🐎', '🦄', '🐮', '🐂', '🐃', '🐄',
+    '🐷', '🐖', '🐗', '🐽', '🐏', '🐑', '🐐', '🐪', '🐫', '🐘',
+    '🐭', '🐁', '🐀', '🐹', '🐰', '🐇', '🐿', '🐻', '🐨', '🐼',
+    '🐾', '🦃', '🐔', '🐓', '🐣', '🐤', '🐥', '🐦', '🐧', '🕊',
+    '🐸', '🐊', '🐢', '🐍', '🐲', '🐉', '🐳', '🐋', '🐬', '🐟',
+    '🐠', '🐡', '🐙', '🐚', '🦀', '🐌', '🐛', '🐜', '🐝', '🐞',
+    '🕷', '🕸', '🦂', '💐', '🌸', '💮', '🏵', '🌹', '🌺', '🌻',
+    '🌼', '🌷', '☘', '🌱', '🌲', '🌳', '🌴', '🌵', '🌾', '🌿',
+    '🍀', '🍁', '🍂', '🍃', '🍇', '🍈', '🍉', '🍊', '🍋', '🍌',
+    '🍍', '🍎', '🍏', '🍐', '🍑', '🍒', '🍓', '🍅', '🍆', '🌽',
+    '🌶', '🍄', '🌰', '🍞', '🧀', '🍖', '🍗', '🍔', '🍟', '🍕',
+    '🌭', '🌮', '🌯', '🍿', '🍲', '🍱', '🍘', '🍙', '🍚', '🍛',
+    '🍜', '🍝', '🍠', '🍢', '🍣', '🍤', '🍥', '🍡', '🍦', '🍧',
+    '🍨', '🍩', '🍪', '🎂', '🍰', '🍫', '🍬', '🍭', '🍮', '🍯',
+    '🍼', '☕️', '🍵', '🍶', '🍾', '🍷', '🍸', '🍹', '🍺', '🍻',
+    '🍽', '🍴', '🍳', '🏺', '🌍', '🌎', '🌏', '🌐', '🗺', '🏔',
+    '⛰', '🌋', '🗻', '🏕', '🏖', '🏜', '🏝', '🏞', '🏟', '🏛',
+    '🏗', '🏘', '🏙', '🏚', '🏠', '🏡', '⛪️', '🕋', '🕌', '🕍',
+    '⛩', '🏢', '🏣', '🏤', '🏥', '🏦', '🏨', '🏩', '🏪', '🏫',
+    '🏬', '🏭', '🏯', '🏰', '💒', '🗼', '🗽', '🗾', '⛲️', '⛺️',
+    '🌁', '🌃', '🌄', '🌅', '🌆', '🌇', '🌉', '♨️', '🌌', '🎠',
+    '🎡', '🎢', '💈', '🎪', '🎭', '🖼', '🎨', '🎰', '🚂', '🚃',
+    '🚄', '🚅', '🚆', '🚇', '🚈', '🚉', '🚊', '🚝', '🚞', '🚋',
+    '🚌', '🚍', '🚎', '🚏', '🚐', '🚑', '🚒', '🚓', '🚔', '🚕',
+    '🚖', '🚗', '🚘', '🚙', '🚚', '🚛', '🚜', '🚲', '⛽️', '🛣',
+    '🛤', '🚨', '🚥', '🚦', '🚧', '⚓️', '⛵️', '🚣', '🚤', '🛳',
+    '⛴', '🛥', '🚢', '✈️', '🛩', '🛫', '🛬', '💺', '🚁', '🚟',
+    '🚠', '🚡', '🚀', '🛰', '🛎', '🚪', '🛌', '🛏', '🛋', '🚽',
+    '🚿', '🛀', '🛁', '⌛️', '⏳', '⌚️', '⏰', '⏱', '⏲', '🕰',
+    '🕛', '🕧', '🕐', '🕜', '🕑', '🕝', '🕒', '🕞', '🕓', '🕟',
+    '🕔', '🕠', '🕕', '🕡', '🕖', '🕢', '🕗', '🕣', '🕘', '🕤',
+    '🕙', '🕥', '🕚', '🕦', '🌑', '🌒', '🌓', '🌔', '🌕', '🌖',
+    '🌗', '🌘', '🌙', '🌚', '🌛', '🌜', '🌡', '☀️', '🌝', '🌞',
+    '⭐️', '🌟', '🌠', '☁️', '⛅️', '⛈', '🌤', '🌥', '🌦', '🌧',
+    '🌨', '🌩', '🌪', '🌫', '🌬', '🌀', '🌈', '🌂', '☂', '☔️',
+    '⛱', '⚡️', '❄️', '☃', '⛄️', '☄', '🔥', '💧', '🌊', '🎃',
+    '🎄', '🎆', '🎇', '✨', '🎈', '🎉', '🎊', '🎋', '🎌', '🎍',
+    '🎎', '🎏', '🎐', '🎑', '🎀', '🎁', '🎖', '🎗', '🎞', '🎟',
+    '🎫', '🏷', '⚽️', '⚾️', '🏀', '🏈', '🏉', '🎾', '🎱', '🎳',
+    '⛳️', '🏌', '⛸', '🎣', '🎽', '🎿', '⛷', '🏂', '🏄', '🏇',
+    '🏊', '⛹', '🏋', '🚴', '🚵', '🏎', '🏍', '🏅', '🏆', '🏏',
+    '🏐', '🏑', '🏒', '🏓', '🏸', '🎯', '🎮', '🕹', '🎲', '♠️',
+    '♥️', '♦️', '♣️', '🃏', '🀄️', '🎴', '🔇', '🔈', '🔉', '🔊',
+    '📢', '📣', '📯', '🔔', '🔕', '🎼', '🎵', '🎶', '🎙', '🎚',
+    '🎛', '🎤', '🎧', '🎷', '🎸', '🎹', '🎺', '🎻', '📻', '📱',
+    '📲', '☎️', '📞', '📟', '📠', '🔋', '🔌', '💻', '🖥', '🖨',
+    '⌨', '🖱', '🖲', '💽', '💾', '💿', '📀', '🎥', '🎬', '📽',
+    '📺', '📷', '📸', '📹', '📼', '🔍', '🔎', '🔬', '🔭', '📡',
+    '🕯', '💡', '🔦', '🏮', '📔', '📕', '📖', '📗', '📘', '📙',
+    '📚', '📓', '📒', '📃', '📜', '📄', '📰', '🗞', '📑', '🔖',
+    '💰', '💴', '💵', '💶', '💷', '💸', '💳', '💹', '✉️', '📧',
+    '📨', '📩', '📤', '📥', '📦', '📫', '📪', '📬', '📭', '📮',
+    '🗳', '✏️', '✒️', '🖋', '🖊', '🖌', '🖍', '📝', '💼', '📁',
+    '📂', '🗂', '📅', '📆', '🗒', '🗓', '📇', '📈', '📉', '📊',
+    '📋', '📌', '📍', '📎', '🖇', '📏', '📐', '✂️', '🗃', '🗄',
+    '🗑', '🔒', '🔓', '🔏', '🔐', '🔑', '🗝', '🔨', '⛏', '⚒',
+    '🛠', '🔧', '🔩', '⚙', '🗜', '⚗', '⚖', '🔗', '⛓', '💉',
+    '💊', '🗡', '🔪', '⚔', '🔫', '🛡', '🏹', '🏁', '🏳', '🏴',
+    '🚩', '🚬', '⚰', '⚱', '🗿', '🛢', '🔮', '🏧', '🚮', '🚰',
+    '♿️', '🚹', '🚺', '🚻', '🚼', '🚾', '🛂', '🛃', '🛄', '🛅',
+    '⚠️', '🚸', '⛔️', '🚫', '🚳', '🚭', '🚯', '🚱', '🚷', '☢',
+    '☣', '⬆️', '↗️', '➡️', '↘️', '⬇️', '↙️', '⬅️', '↖️', '↕️',
+    '↔️', '↩️', '↪️', '⤴️', '⤵️', '🔃', '🔄', '🔙', '🔚', '🔛',
+    '🔜', '🔝', '🛐', '⚛', '🕉', '✡', '☸', '☯', '✝', '☦',
+    '☪', '☮', '🕎', '🔯', '♻️', '📛', '⚜', '🔰', '🔱', '⭕️',
+    '✅', '☑️', '✔️', '✖️', '❌', '❎', '➕', '➖', '➗', '➰',
+	'➿', '〽️', '✳️', '✴️', '❇️', '💱', '💲', '‼️', '⁉️', '❓',
+    '❔', '❕', '❗️', '〰️', '©️', '®️', '™️', '♈️', '♉️', '♊️',
+    '♋️', '♌️', '♍️', '♎️', '♏️', '♐️', '♑️', '♒️', '♓️', '⛎',
+    '🔀', '🔁', '🔂', '▶️', '⏩', '⏭', '⏯', '◀️', '⏪', '⏮',
+    '🔼', '⏫', '🔽', '⏬', '⏸', '⏹', '⏺', '⏏', '🎦', '🔅',
+    '🔆', '📶', '📵', '📳', '📴', '#️⃣', '*⃣', '0️⃣', '1️⃣', '2️⃣',
+    '3️⃣', '4️⃣', '5️⃣', '6️⃣', '7️⃣', '8️⃣', '9️⃣', '🔟', '💯', '🔞',
+    '🔠', '🔡', '🔢', '🔣', '🔤', '🅰️', '🆎', '🅱️', '🆑', '🆒',
+    '🆓', 'ℹ️', '🆔', 'Ⓜ️', '🆕', '🆖', '🅾️', '🆗', '🅿️', '🆘',
+    '🆙', '🆚', '🈁', '🈂️', '🈷️', '🈶', '🈯️', '🉐', '🈹', '🈚️',
+    '🈲', '🉑', '🈸', '🈴', '🈳', '㊗️', '㊙️', '🈺', '🈵', '▪️',
+    '▫️', '◻️', '◼️', '◽️', '◾️', '⬛️', '⬜️', '🔶', '🔷', '🔸',
+    '🔹', '🔺', '🔻', '💠', '🔘', '🔲', '🔳', '⚪️', '⚫️', '🔴',
+    '🔵'
+];
+
+function generateEmoji() {
+	document.getElementById('emoji-output').innerHTML = emojis[Math.floor(Math.random() * emojis.length)];
+}
+
+window.addEventListener("load", function(event) {
+	document.getElementById('emoji-generate').addEventListener('click', generateEmoji);
+	document.getElementById('emoji-copy').addEventListener('click', function() {
+		navigator.clipboard.writeText(document.getElementById('emoji-output').innerHTML);
+	});
+	generateEmoji();
+});