2b:null 2c:["$","title",null,{"children":"Search and download emoji from GitHub | Hugo | Observable"}] 31:[] 2f:{"id":"3913ef628c85ebc7","slug":"search-and-download-emoji-from-github","title":"Search and download emoji from GitHub","thumbnail":"7ca8d3d668c2934772e133ecdd99d28366869ac35c554503d830a2d804b105a8","access_level":"public","create_time":"$D2018-08-04T11:20:43.656Z","update_time":"$D2018-10-03T20:24:13.595Z","view_time":null,"first_public_time":"$D2018-08-04T11:37:44.570Z","fork":true,"stars":7,"starred":false,"owner":{"type":"team","id":"36b96993b658426f","login":"hugodf","name":"Hugo","avatar_url":"https://avatars-next.observableusercontent.com/05d7aebce1651dab79754a91b990a67c244951bb0ab5be645e937824ce0ada4f","tier":"starter_2024"},"version":157,"publish_version":157,"role":null,"authored":false,"authors":[{"type":"individual","id":"1348ccfcb7e4b281","login":"hugodf","name":"Hugo","avatar_url":"https://avatars-next.observableusercontent.com/05d7aebce1651dab79754a91b990a67c244951bb0ab5be645e937824ce0ada4f","tier":null}],"members":[{"type":"individual","id":"1348ccfcb7e4b281","login":"hugodf","name":"Hugo","avatar_url":"https://avatars-next.observableusercontent.com/05d7aebce1651dab79754a91b990a67c244951bb0ab5be645e937824ce0ada4f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Search and download emoji from GitHub","cells":[{"id":28,"value":"md`# Search and download emoji from GitHub`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"viewof filter = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"selectedEmoji = {\n const curr = html``;\n const icons = [...display.querySelectorAll('li')];\n icons.forEach(icon => icon.addEventListener('click', (e) => {\n const title = e.currentTarget.getAttribute('title');\n const url = e.currentTarget.querySelector('img').getAttribute('src');\n icons.forEach(i => i.classList.remove('selected'));\n e.currentTarget.classList.toggle('selected');\n curr.innerHTML = `${title}: ${url}`\n curr.dispatchEvent(new CustomEvent(\"update\"));\n }));\n return curr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"display = html`\n\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"axios = require('axios/dist/axios.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"emojiResponse = axios.get('https://api.github.com/emojis')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"sample = Object.entries(emojiResponse.data).filter(([ name ]) => name.includes(filter))\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"filter","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"