var notesJsonVar = 

[
    {
        "id": "83",
        "text": "Neocities site still using an image I deleted from the file : r\/neocities",
        "text2": "",
        "text3": "",
        "url": "https:\/\/www.reddit.com\/r\/neocities\/comments\/11fuvst\/neocities_site_still_using_an_image_i_deleted\/",
        "tag": "#fix #cache",
        "time": 1731779546,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=83\">id<\/a>"
    },
    {
        "id": "82",
        "text": "Give users options \u00a0|\u00a0 Chrome Extensions \u00a0|\u00a0 Chrome for Developers",
        "text2": "===\r\nSetting the extension as a link or page instead of a tab: \"open_in_tab\": false\r\n\r\n{\r\n  \"name\": \"My extension\",\r\n  ...\r\n  \"options_ui\": {\r\n    \"page\": \"options.html\",\r\n    \"open_in_tab\": false\r\n  },\r\n  ...\r\n}",
        "text3": "",
        "url": "https:\/\/developer.chrome.com\/docs\/extensions\/develop\/ui\/options-page",
        "tag": "#fix #option #extension",
        "time": 1730966751,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=82\">id<\/a>"
    },
    {
        "id": "81",
        "text": "encodeURIComponent() - JavaScript | MDN",
        "text2": "===\r\n\/\/ Encodes characters such as ?,=,\/,&,:\r\nconsole.log(`?x=${encodeURIComponent('test?')}`);\r\n\/\/ Expected output: \"?x=test?\"",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/encodeURIComponent",
        "tag": "#JavaScript #JS",
        "time": 1729878710,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=81\">id<\/a>"
    },
    {
        "id": "80",
        "text": "encodeURI() - JavaScript | MDN",
        "text2": "===\r\nconst uri = 'https:\/\/mozilla.org\/?x=\u0448\u0435\u043b\u043b\u044b';\r\nconst encoded = encodeURI(uri);\r\nconsole.log(encoded);\r\n\/\/ Expected output: \"https:\/\/mozilla.org\/?x=\u0448\u0435\u043b\u043b\u044b\"\r\n\r\ntry {\r\n  console.log(decodeURI(encoded));\r\n  \/\/ Expected output: \"https:\/\/mozilla.org\/?x=\u0448\u0435\u043b\u043b\u044b\"\r\n} catch (e) {\r\n  \/\/ Catches a malformed URI\r\n  console.error(e);\r\n}",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/encodeURI",
        "tag": "#JavaScript #JS",
        "time": 1729878611,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=80\">id<\/a>"
    },
    {
        "id": "79",
        "text": "String.prototype.toLowerCase() - JavaScript | MDN",
        "text2": "===\r\nconst sentence = 'The quick brown fox jumps over the lazy dog.';\r\n\r\nconsole.log(sentence.toLowerCase());\r\n\/\/ Expected output: \"the quick brown fox jumps over the lazy dog.\"",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/String\/toLowerCase",
        "tag": "#JavaScript #JS",
        "time": 1729810598,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=79\">id<\/a>"
    },
    {
        "id": "78",
        "text": "Element: insertAdjacentHTML() method - Web APIs | MDN",
        "text2": "===\r\ninsertAdjacentHTML(position, text)\r\n===\r\ndocument.querySelector(\"#test\").insertAdjacentHTML(\"afterend\", `test`);\r\ndocument.head.insertAdjacentHTML(\"beforeend\", `<style>body { color: red; }<\/sytle>`);\r\n===\r\n<!-- beforebegin -->\r\n<p>\r\n  <!-- afterbegin -->\r\n  foo\r\n  <!-- beforeend -->\r\n<\/p>\r\n<!-- afterend -->",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/insertAdjacentHTML",
        "tag": "#JS #JavaScript #code",
        "time": 1729806097,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=78\">id<\/a>"
    },
    {
        "id": "77",
        "text": "Viewport meta tag - HTML: HyperText Markup Language | MDN",
        "text2": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Viewport_meta_tag",
        "tag": "#HTML",
        "time": 1729550852,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=77\">id<\/a>"
    },
    {
        "id": "76",
        "text": "html - Is there a difference between initial-scale=1 and initial-scale=1.0? - Stack Overflow",
        "text2": "",
        "text3": "",
        "url": "https:\/\/stackoverflow.com\/questions\/63231024\/is-there-a-difference-between-initial-scale-1-and-initial-scale-1-0",
        "tag": "#fix",
        "time": 1728432416,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=76\">id<\/a>"
    },
    {
        "id": "75",
        "text": "CSS: prefers-color-scheme an option with Google's custom search engine? - Programmable Search Engine Community",
        "text2": "===\r\ndefault sytle",
        "text3": "",
        "url": "https:\/\/support.google.com\/programmable-search\/thread\/47599677\/css-prefers-color-scheme-an-option-with-google-s-custom-search-engine?hl=en",
        "tag": "#fix",
        "time": 1728273121,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=75\">id<\/a>"
    },
    {
        "id": "74",
        "text": "===\r\nconst input = document.querySelector(\"input\");\r\nconst log = document.getElementById(\"values\");\r\n\r\ninput.addEventListener(\"input\", updateValue);\r\n\r\nfunction updateValue(e) {\r\n  log.textContent = e.target.value;\r\n}",
        "text2": "",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/input_event",
        "tag": "",
        "time": 1728167628,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=74\">id<\/a>"
    },
    {
        "id": "73",
        "text": "window.location.href and window.open () methods in JavaScript - Stack Overflow",
        "text2": "===\r\nwindow.location.href = 'http:\/\/www.google.com'; \/\/Will take you to Google.",
        "text3": "",
        "url": "https:\/\/stackoverflow.com\/questions\/7077770\/window-location-href-and-window-open-methods-in-javascript",
        "tag": "#JavaScript #JS",
        "time": 1728136150,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=73\">id<\/a>"
    },
    {
        "id": "72",
        "text": "Array.prototype.push() - JavaScript | MDN",
        "text2": "===\r\nconst animals = ['pigs', 'goats', 'sheep'];\r\n\r\nconst count = animals.push('cows');\r\nconsole.log(count);\r\n\/\/ Expected output: 4\r\nconsole.log(animals);\r\n\/\/ Expected output: Array [\"pigs\", \"goats\", \"sheep\", \"cows\"]\r\n\r\nanimals.push('chickens', 'cats', 'dogs');\r\nconsole.log(animals);\r\n\/\/ Expected output: Array [\"pigs\", \"goats\", \"sheep\", \"cows\", \"chickens\", \"cats\", \"dogs\"]",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Array\/push",
        "tag": "#JavaScript #JS",
        "time": 1728135916,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=72\">id<\/a>"
    },
    {
        "id": "71",
        "text": "JavaScript - href vs onclick for callback function on Hyperlink - Stack Overflow",
        "text2": "<a id=\"myLink\" title=\"Click to do something\"\r\n href=\"PleaseEnableJavascript.html\" onclick=\"MyFunction();return false;\">link text<\/a>",
        "text3": "",
        "url": "https:\/\/stackoverflow.com\/questions\/1070760\/javascript-href-vs-onclick-for-callback-function-on-hyperlink",
        "tag": "#JavaScript #JS",
        "time": 1728134651,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=71\">id<\/a>"
    },
    {
        "id": "70",
        "text": "html - how to mix links ( <a> tag ) and headings ( <h1> tag ) in web standard? - Stack Overflow",
        "text2": "",
        "text3": "",
        "url": "https:\/\/stackoverflow.com\/questions\/1128778\/how-to-mix-links-a-tag-and-headings-h1-tag-in-web-standard",
        "tag": "#HTML #CSS #fix",
        "time": 1728015497,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=70\">id<\/a>"
    },
    {
        "id": "69",
        "text": "Document: getElementsByClassName() method - Web APIs | MDN",
        "text2": "document.getElementsByClassName(\"test\");\r\n\r\n===\r\n\r\n\/\/ getElementsByClassName only selects elements that have both given classes\r\nconst allOrangeJuiceByClass = document.getElementsByClassName(\"orange juice\");\r\nlet result = \"document.getElementsByClassName('orange juice')\";\r\nfor (let i = 0; i < allOrangeJuiceByClass.length; i++) {\r\n  result += `\\n  ${allOrangeJuiceByClass[i].textContent}`;\r\n}\r\n\r\n\/\/ querySelector only selects full complete matches\r\nconst allOrangeJuiceQuery = document.querySelectorAll(\".orange.juice\");\r\nresult += \"\\n\\ndocument.querySelectorAll('.orange.juice')\";\r\nfor (let i = 0; i < allOrangeJuiceQuery.length; i++) {\r\n  result += `\\n  ${allOrangeJuiceQuery[i].textContent}`;\r\n}\r\n\r\ndocument.getElementById(\"resultArea\").value = result;",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/getElementsByClassName",
        "tag": "#JavaScript #JS",
        "time": 1727913968,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=69\">id<\/a>"
    },
    {
        "id": "68",
        "text": "Array - JavaScript | MDN",
        "text2": "const fruits = [];\r\nfruits.push(\"banana\", \"apple\", \"peach\");\r\nconsole.log(fruits.length); \/\/ 3",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Array",
        "tag": "#JS #JavaScript",
        "time": 1727344578,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=68\">id<\/a>"
    },
    {
        "id": "65",
        "text": "Delete all records in a table of MYSQL in phpMyAdmin - Stack Overflow",
        "text2": "",
        "text3": "",
        "url": "https:\/\/stackoverflow.com\/questions\/18271951\/delete-all-records-in-a-table-of-mysql-in-phpmyadmin",
        "tag": "#fix #PHP",
        "time": 1726800650,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=65\">id<\/a>"
    },
    {
        "id": "64",
        "text": "PHP using Gettext inside <<<EOF string - Stack Overflow",
        "text2": "var in EOF",
        "text3": "",
        "url": "https:\/\/stackoverflow.com\/questions\/3694327\/php-using-gettext-inside-eof-string",
        "tag": "#fix #PHP",
        "time": 1726661208,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=64\">id<\/a>"
    },
    {
        "id": "63",
        "text": "php - \"Fatal error: Cannot redeclare <function>\" - Stack Overflow",
        "text2": "",
        "text3": "",
        "url": "https:\/\/stackoverflow.com\/questions\/1953857\/fatal-error-cannot-redeclare-function",
        "tag": "#fix #PHP",
        "time": 1726540368,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=63\">id<\/a>"
    },
    {
        "id": "62",
        "text": "Disable snapping objects in Inkscape - Graphic Design Stack Exchange",
        "text2": "",
        "text3": "",
        "url": "https:\/\/graphicdesign.stackexchange.com\/questions\/101697\/disable-snapping-objects-in-inkscape",
        "tag": "#fix",
        "time": 1725798464,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=62\">id<\/a>"
    },
    {
        "id": "61",
        "text": "command line - How to change \"Global Dark Theme\" on and off through Terminal? - Ask Ubuntu",
        "text2": "Changing the theme in Ubuntu 24.04 using the terminal or commands (Gnome).\r\nFor automatic day and night in a bash script and using extension: Night Theme Switcher - GNOME Shell Extensions https:\/\/extensions.gnome.org\/extension\/2236\/night-theme-switcher\/",
        "text3": "",
        "url": "https:\/\/askubuntu.com\/questions\/769417\/how-to-change-global-dark-theme-on-and-off-through-terminal",
        "tag": "#fix",
        "time": 1725339124,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=61\">id<\/a>"
    },
    {
        "id": "60",
        "text": "apt - Skipping acquire of configured file 'main\/binary-i386\/Packages' as repository 'xxx' doesn't support architecture 'i386' - Ask Ubuntu",
        "text2": "Fix error when running \"sudo apt update\" command and error for Google Chrome in Ubuntu 24.04",
        "text3": "",
        "url": "https:\/\/askubuntu.com\/questions\/741410\/skipping-acquire-of-configured-file-main-binary-i386-packages-as-repository-x\/1384349#1384349",
        "tag": "#fix",
        "time": 1725338831,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=60\">id<\/a>"
    },
    {
        "id": "59",
        "text": "gnome - Font rendering issue (antialiasing) - Ask Ubuntu",
        "text2": "fix bad font in ubuntu 24.04 (thin)",
        "text3": "",
        "url": "https:\/\/askubuntu.com\/questions\/1511954\/font-rendering-issue-antialiasing",
        "tag": "#fix",
        "time": 1725337316,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=59\">id<\/a>"
    },
    {
        "id": "58",
        "text": "display - CSS: Cascading Style Sheets | MDN",
        "text2": "\/* precomposed values *\/\r\ndisplay: block;\r\ndisplay: inline;\r\ndisplay: inline-block;\r\ndisplay: flex;\r\ndisplay: inline-flex;\r\ndisplay: grid;\r\ndisplay: inline-grid;\r\ndisplay: flow-root;\r\n\r\n\/* box generation *\/\r\ndisplay: none;\r\ndisplay: contents;\r\n\r\n\/* multi-keyword syntax *\/\r\ndisplay: block flex;\r\ndisplay: block flow;\r\ndisplay: block flow-root;\r\ndisplay: block grid;\r\ndisplay: inline flex;\r\ndisplay: inline flow;\r\ndisplay: inline flow-root;\r\ndisplay: inline grid;\r\n\r\n\/* other values *\/\r\ndisplay: table;\r\ndisplay: table-row; \/* all table elements have an equivalent CSS display value *\/\r\ndisplay: list-item;\r\n\r\n\/* Global values *\/\r\ndisplay: inherit;\r\ndisplay: initial;\r\ndisplay: revert;\r\ndisplay: revert-layer;\r\ndisplay: unset;",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/display",
        "tag": "#CSS #code",
        "time": 1724758035,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=58\">id<\/a>"
    },
    {
        "id": "57",
        "text": "backdrop-filter - CSS: Cascading Style Sheets | MDN",
        "text2": "\/* Keyword value *\/\r\nbackdrop-filter: none;\r\n\r\n\/* URL to SVG filter *\/\r\nbackdrop-filter: url(commonfilters.svg#filter);\r\n\r\n\/* <filter-function> values *\/\r\nbackdrop-filter: blur(2px);\r\nbackdrop-filter: brightness(60%);\r\nbackdrop-filter: contrast(40%);\r\nbackdrop-filter: drop-shadow(4px 4px 10px blue);\r\nbackdrop-filter: grayscale(30%);\r\nbackdrop-filter: hue-rotate(120deg);\r\nbackdrop-filter: invert(70%);\r\nbackdrop-filter: opacity(20%);\r\nbackdrop-filter: sepia(90%);\r\nbackdrop-filter: saturate(80%);\r\n\r\n\/* Multiple filters *\/\r\nbackdrop-filter: url(filters.svg#filter) blur(4px) saturate(150%);\r\n\r\n\/* Global values *\/\r\nbackdrop-filter: inherit;\r\nbackdrop-filter: initial;\r\nbackdrop-filter: revert;\r\nbackdrop-filter: revert-layer;\r\nbackdrop-filter: unset;",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/backdrop-filter#syntax",
        "tag": "#CSS #code",
        "time": 1723536758,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=57\">id<\/a>"
    },
    {
        "id": "56",
        "text": "CSS grid layout - CSS: Cascading Style Sheets | MDN",
        "text2": ".wrapper {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 10px;\r\n  grid-auto-rows: minmax(100px, auto);\r\n}\r\n.one {\r\n  grid-column: 1 \/ 3;\r\n  grid-row: 1;\r\n}\r\n.two {\r\n  grid-column: 2 \/ 4;\r\n  grid-row: 1 \/ 3;\r\n}\r\n.three {\r\n  grid-column: 1;\r\n  grid-row: 2 \/ 5;\r\n}\r\n.four {\r\n  grid-column: 3;\r\n  grid-row: 3;\r\n}\r\n.five {\r\n  grid-column: 2;\r\n  grid-row: 4;\r\n}\r\n.six {\r\n  grid-column: 3;\r\n  grid-row: 4;\r\n}",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/CSS_grid_layout",
        "tag": "#CSS #code",
        "time": 1723337137,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=56\">id<\/a>"
    },
    {
        "id": "55",
        "text": "grid - CSS: Cascading Style Sheets | MDN",
        "text2": "\/* <'grid-template'> values *\/\r\ngrid: none;\r\ngrid: \"a\" 100px \"b\" 1fr;\r\ngrid: [linename1] \"a\" 100px [linename2];\r\ngrid: \"a\" 200px \"b\" min-content;\r\ngrid: \"a\" minmax(100px, max-content) \"b\" 20%;\r\ngrid: 100px \/ 200px;\r\ngrid: minmax(400px, min-content) \/ repeat(auto-fill, 50px);\r\n\r\n\/* <'grid-template-rows'> \/\r\n   [ auto-flow && dense? ] <'grid-auto-columns'>? values *\/\r\ngrid: 200px \/ auto-flow;\r\ngrid: 30% \/ auto-flow dense;\r\ngrid: repeat(3, [line1 line2 line3] 200px) \/ auto-flow 300px;\r\ngrid: [line1] minmax(20em, max-content) \/ auto-flow dense 40%;\r\n\r\n\/* [ auto-flow && dense? ] <'grid-auto-rows'>? \/\r\n   <'grid-template-columns'> values *\/\r\ngrid: auto-flow \/ 200px;\r\ngrid: auto-flow dense \/ 30%;\r\ngrid: auto-flow 300px \/ repeat(3, [line1 line2 line3] 200px);\r\ngrid: auto-flow dense 40% \/ [line1] minmax(20em, max-content);\r\n\r\n\/* Global values *\/\r\ngrid: inherit;\r\ngrid: initial;\r\ngrid: revert;\r\ngrid: revert-layer;\r\ngrid: unset;",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/grid",
        "tag": "#CSS #code",
        "time": 1723337067,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=55\">id<\/a>"
    },
    {
        "id": "54",
        "text": "String.prototype.replace() - JavaScript | MDN",
        "text2": "const paragraph = \"I think Ruth's dog is cuter than your dog!\";\r\n\r\nconsole.log(paragraph.replace(\"Ruth's\", 'my'));\r\n\/\/ Expected output: \"I think my dog is cuter than your dog!\"\r\n\r\nconst regex = \/Dog\/i;\r\nconsole.log(paragraph.replace(regex, 'ferret'));\r\n\/\/ Expected output: \"I think Ruth's ferret is cuter than your dog!\"",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/String\/replace",
        "tag": "#JavaScript #code",
        "time": 1723246922,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=54\">id<\/a>"
    },
    {
        "id": "53",
        "text": "<form>: The Form element - HTML: HyperText Markup Language | MDN",
        "text2": "<form action=\"\" method=\"get\" class=\"form-example\">\r\n  <div class=\"form-example\">\r\n    <label for=\"name\">Enter your name: <\/label>\r\n    <input type=\"text\" name=\"name\" id=\"name\" required \/>\r\n  <\/div>\r\n  <div class=\"form-example\">\r\n    <label for=\"email\">Enter your email: <\/label>\r\n    <input type=\"email\" name=\"email\" id=\"email\" required \/>\r\n  <\/div>\r\n  <div class=\"form-example\">\r\n    <input type=\"submit\" value=\"Subscribe!\" \/>\r\n  <\/div>\r\n<\/form>",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/form",
        "tag": "#HTML #code",
        "time": 1723214783,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=53\">id<\/a>"
    },
    {
        "id": "52",
        "text": "Licensing \u2013 CodePen",
        "text2": "",
        "text3": "",
        "url": "https:\/\/blog.codepen.io\/documentation\/licensing\/",
        "tag": "#license",
        "time": 1723077461,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=52\">id<\/a>"
    },
    {
        "id": "51",
        "text": ":last-child - CSS: Cascading Style Sheets | MDN",
        "text2": "p {\r\n  font-weight: bold;\r\n}\r\n\r\nli:last-child {\r\n  border: 2px solid orange;\r\n}",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/:last-child",
        "tag": "#code #CSS",
        "time": 1721306103,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=51\">id<\/a>"
    },
    {
        "id": "50",
        "text": ":first-child - CSS: Cascading Style Sheets | MDN",
        "text2": "p {\r\n  font-weight: bold;\r\n}\r\n\r\nli:first-child {\r\n  border: 2px solid orange;\r\n}",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/:first-child",
        "tag": "#CSS",
        "time": 1721306066,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=50\">id<\/a>"
    },
    {
        "id": "49",
        "text": "Linux update",
        "text2": "sudo apt update && sudo apt upgrade && sudo snap refresh",
        "text3": "",
        "url": "",
        "tag": "#linux #fix",
        "time": 1719819468,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=49\">id<\/a>"
    },
    {
        "id": "47",
        "text": "How do you block images? | Firefox Support Forum | Mozilla Support",
        "text2": "",
        "text3": "",
        "url": "https:\/\/support.mozilla.org\/en-US\/questions\/1226175",
        "tag": "#fix",
        "time": 1719495729,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=47\">id<\/a>"
    },
    {
        "id": "46",
        "text": "font-size - CSS: Cascading Style Sheets | MDN",
        "text2": "\/* <absolute-size> values *\/\r\nfont-size: xx-small;\r\nfont-size: x-small;\r\nfont-size: small;\r\nfont-size: medium;\r\nfont-size: large;\r\nfont-size: x-large;\r\nfont-size: xx-large;\r\nfont-size: xxx-large;\r\n\r\n\/* <relative-size> values *\/\r\nfont-size: smaller;\r\nfont-size: larger;\r\n\r\n\/* <length> values *\/\r\nfont-size: 12px;\r\nfont-size: 0.8em;\r\n\r\n\/* <percentage> values *\/\r\nfont-size: 80%;\r\n\r\n\/* math value *\/\r\nfont-size: math;\r\n\r\n\/* Global values *\/\r\nfont-size: inherit;\r\nfont-size: initial;\r\nfont-size: revert;\r\nfont-size: revert-layer;\r\nfont-size: unset;",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/font-size",
        "tag": "#code #CSS",
        "time": 1719489913,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=46\">id<\/a>"
    },
    {
        "id": "45",
        "text": "Window: load event - Web APIs | MDN",
        "text2": "addEventListener(\"load\", (event) => {});\r\n\r\nonload = (event) => {};",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/load_event",
        "tag": "#code #JavaScript",
        "time": 1719482907,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=45\">id<\/a>"
    },
    {
        "id": "43",
        "text": "String.prototype.replaceAll() - JavaScript | MDN",
        "text2": "const paragraph = \"I think Ruth's dog is cuter than your dog!\";\r\n\r\nconsole.log(paragraph.replaceAll('dog', 'monkey'));\r\n\/\/ Expected output: \"I think Ruth's monkey is cuter than your monkey!\"\r\n\r\n\/\/ Global flag required when calling replaceAll with regex\r\nconst regex = \/Dog\/gi;\r\nconsole.log(paragraph.replaceAll(regex, 'ferret'));\r\n\/\/ Expected output: \"I think Ruth's ferret is cuter than your ferret!\"",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/String\/replaceAll",
        "tag": "#code #JavaScript",
        "time": 1718941513,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=43\">id<\/a>"
    },
    {
        "id": "42",
        "text": "PHP: foreach - Manual",
        "text2": "<?php\r\n$arr = array(1, 2, 3, 4);\r\nforeach ($arr as &$value) {\r\n    $value = $value * 2;\r\n}\r\n\/\/ $arr is now array(2, 4, 6, 8)\r\nunset($value); \/\/ break the reference with the last element\r\n?>",
        "text3": "",
        "url": "https:\/\/www.php.net\/manual\/en\/control-structures.foreach.php",
        "tag": "#code #PHP",
        "time": 1718767478,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=42\">id<\/a>"
    },
    {
        "id": "41",
        "text": "PHP: while - Manual",
        "text2": "<?php\r\n\/* example 1 *\/\r\n\r\n$i = 1;\r\nwhile ($i <= 10) {\r\n    echo $i++;  \/* the printed value would be\r\n                   $i before the increment\r\n                   (post-increment) *\/\r\n}\r\n\r\n\/* example 2 *\/\r\n\r\n$i = 1;\r\nwhile ($i <= 10):\r\n    echo $i;\r\n    $i++;\r\nendwhile;\r\n?>",
        "text3": "",
        "url": "https:\/\/www.php.net\/manual\/en\/control-structures.while.php",
        "tag": "#code #PHP",
        "time": 1718664547,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=41\">id<\/a>"
    },
    {
        "id": "40",
        "text": "Document: DOMContentLoaded event - Web APIs | MDN",
        "text2": "addEventListener(\"DOMContentLoaded\", (event) => {});\r\n===\r\ndocument.addEventListener(\"DOMContentLoaded\", (event) => {\r\n  console.log(\"DOM fully loaded and parsed\");\r\n});",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/DOMContentLoaded_event",
        "tag": "#code #JS",
        "time": 1717668413,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=40\">id<\/a>"
    },
    {
        "id": "38",
        "text": "do...while - JavaScript | MDN",
        "text2": "let result = '';\r\nlet i = 0;\r\n\r\ndo {\r\n  i = i + 1;\r\n  result = result + i;\r\n} while (i < 5);\r\n\r\nconsole.log(result);\r\n\/\/ Expected output: \"12345\"\r\n\r\n===",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Statements\/do...while",
        "tag": "#code #coding #JavaScript",
        "time": 1717663309,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=38\">id<\/a>"
    },
    {
        "id": "37",
        "text": ":root - CSS: Cascading Style Sheets | MDN",
        "text2": "\/* Selects the root element of the document:\r\n   <html> in the case of HTML *\/\r\n:root {\r\n  background: yellow;\r\n}\r\n\r\n===\r\n\r\n:root {\r\n  --main-color: hotpink;\r\n  --pane-padding: 5px 42px;\r\n}",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/:root",
        "tag": "#code #CSS",
        "time": 1717661687,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=37\">id<\/a>"
    },
    {
        "id": "34",
        "text": "Function - JavaScript | MDN",
        "text2": "\/\/ Create a global property with `var`\r\nvar x = 10;\r\n\r\nfunction createFunction1() {\r\n  const x = 20;\r\n  return new Function(\"return x;\"); \/\/ this `x` refers to global `x`\r\n}\r\n\r\nfunction createFunction2() {\r\n  const x = 20;\r\n  function f() {\r\n    return x; \/\/ this `x` refers to the local `x` above\r\n  }\r\n  return f;\r\n}\r\n\r\nconst f1 = createFunction1();\r\nconsole.log(f1()); \/\/ 10\r\nconst f2 = createFunction2();\r\nconsole.log(f2()); \/\/ 20",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function",
        "tag": "#JavaScript #JS #code #coding",
        "time": 1717643982,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=34\">id<\/a>"
    },
    {
        "id": "33",
        "text": "if...else - JavaScript | MDN",
        "text2": "function testNum(a) {\r\n  let result;\r\n  if (a > 0) {\r\n    result = 'positive';\r\n  } else {\r\n    result = 'NOT positive';\r\n  }\r\n  return result;\r\n}\r\n\r\nconsole.log(testNum(-5));\r\n\/\/ Expected output: \"NOT positive\"\r\n\r\n===\r\n\r\nx = y;\r\nif (x) {\r\n  \/\/ \u2026\r\n}",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Statements\/if...else",
        "tag": "#code #JavaScript",
        "time": 1715214777,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=33\">id<\/a>"
    },
    {
        "id": "32",
        "text": "Array.prototype.indexOf() - JavaScript | MDN",
        "text2": "const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];\r\n\r\nconsole.log(beasts.indexOf('bison'));\r\n\/\/ Expected output: 1\r\n\r\n\/\/ Start from index 2\r\nconsole.log(beasts.indexOf('bison', 2));\r\n\/\/ Expected output: 4\r\n\r\nconsole.log(beasts.indexOf('giraffe'));\r\n\/\/ Expected output: -1",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Array\/indexOf",
        "tag": "#code #JavaScript",
        "time": 1714813827,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=32\">id<\/a>"
    },
    {
        "id": "31",
        "text": "Window: localStorage property - Web APIs | MDN",
        "text2": "localStorage.setItem(\"myCat\", \"Tom\");\r\nconst cat = localStorage.getItem(\"myCat\");\r\nlocalStorage.removeItem(\"myCat\");\r\nlocalStorage.clear();",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/localStorage",
        "tag": "#code #coding #JavaScript #JS",
        "time": 1714812463,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=31\">id<\/a>"
    },
    {
        "id": "30",
        "text": "Using the Web Storage API - Web APIs | MDN",
        "text2": "if (storageAvailable(\"localStorage\")) {\r\n  \/\/ Yippee! We can use localStorage awesomeness\r\n} else {\r\n  \/\/ Too bad, no localStorage for us\r\n}",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Storage_API\/Using_the_Web_Storage_API",
        "tag": "#coding #code #JavaScript #JS",
        "time": 1714812424,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=30\">id<\/a>"
    },
    {
        "id": "29",
        "text": "Array.prototype.reduce() - JavaScript | MDN",
        "text2": "const array1 = [1, 2, 3, 4];\r\n\r\n\/\/ 0 + 1 + 2 + 3 + 4\r\nconst initialValue = 0;\r\nconst sumWithInitial = array1.reduce(\r\n  (accumulator, currentValue) => accumulator + currentValue,\r\n  initialValue,\r\n);\r\n\r\nconsole.log(sumWithInitial);\r\n\/\/ Expected output: 10\r\n\r\n===\r\n\r\nconst getMax = (a, b) => Math.max(a, b);\r\n\r\n\/\/ callback is invoked for each element in the array starting at index 0\r\n[1, 100].reduce(getMax, 50); \/\/ 100\r\n[50].reduce(getMax, 10); \/\/ 50\r\n\r\n\/\/ callback is invoked once for element at index 1\r\n[1, 100].reduce(getMax); \/\/ 100\r\n\r\n\/\/ callback is not invoked\r\n[50].reduce(getMax); \/\/ 50\r\n[].reduce(getMax, 1); \/\/ 1\r\n\r\n[].reduce(getMax); \/\/ TypeError",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Array\/reduce",
        "tag": "#code #JavaScript #JS",
        "time": 1714626528,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=29\">id<\/a>"
    },
    {
        "id": "28",
        "text": "Array.prototype.filter() - JavaScript | MDN",
        "text2": "const words = ['spray', 'elite', 'exuberant', 'destruction', 'present'];\r\n\r\nconst result = words.filter((word) => word.length > 6);\r\n\r\nconsole.log(result);\r\n\/\/ Expected output: Array [\"exuberant\", \"destruction\", \"present\"]",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Array\/filter",
        "tag": "#code #JavaScript #JS",
        "time": 1714625890,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=28\">id<\/a>"
    },
    {
        "id": "27",
        "text": "Window: blur event - Web APIs | MDN",
        "text2": "addEventListener(\"blur\", (event) => {});\r\n\r\nonblur = (event) => {};",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/blur_event",
        "tag": "",
        "time": 1714550159,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=27\">id<\/a>"
    },
    {
        "id": "26",
        "text": "Window: focus event - Web APIs | MDN",
        "text2": "addEventListener(\"focus\", (event) => {});\r\n\r\nonfocus = (event) => {};",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/focus_event",
        "tag": "#code #JavaScript #JS",
        "time": 1714550125,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=26\">id<\/a>"
    },
    {
        "id": "23",
        "text": "Array.prototype.map() - JavaScript | MDN",
        "text2": "const array1 = [1, 4, 9, 16];\r\n\r\n\/\/ Pass a function to map\r\nconst map1 = array1.map((x) => x * 2);\r\n\r\nconsole.log(map1);\r\n\/\/ Expected output: Array [2, 8, 18, 32]\r\n\r\n===\r\n\r\nconst numbers = [1, 4, 9];\r\nconst roots = numbers.map((num) => Math.sqrt(num));\r\n\r\n\/\/ roots is now     [1, 2, 3]\r\n\/\/ numbers is still [1, 4, 9]\r\n\r\n===\r\n\r\nconst kvArray = [\r\n  { key: 1, value: 10 },\r\n  { key: 2, value: 20 },\r\n  { key: 3, value: 30 },\r\n];\r\n\r\nconst reformattedArray = kvArray.map(({ key, value }) => ({ [key]: value }));\r\n\r\nconsole.log(reformattedArray); \/\/ [{ 1: 10 }, { 2: 20 }, { 3: 30 }]\r\nconsole.log(kvArray);\r\n\/\/ [\r\n\/\/   { key: 1, value: 10 },\r\n\/\/   { key: 2, value: 20 },\r\n\/\/   { key: 3, value: 30 }\r\n\/\/ ]",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Array\/map",
        "tag": "",
        "time": 1714080415,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=23\">id<\/a>"
    },
    {
        "id": "22",
        "text": "Array: length - JavaScript | MDN",
        "text2": "const clothing = ['shoes', 'shirts', 'socks', 'sweaters'];\r\n\r\nconsole.log(clothing.length);\r\n\/\/ Expected output: 4",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Array\/length",
        "tag": "#code #JavaScript #JS",
        "time": 1714022740,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=22\">id<\/a>"
    },
    {
        "id": "21",
        "text": "Math.random() - JavaScript | MDN",
        "text2": "===\r\nfunction getRandomInt(max) {\r\n  return Math.floor(Math.random() * max);\r\n}\r\n\r\nconsole.log(getRandomInt(3));\r\n\/\/ Expected output: 0, 1 or 2\r\n\r\nconsole.log(getRandomInt(1));\r\n\/\/ Expected output: 0\r\n\r\nconsole.log(Math.random());\r\n\/\/ Expected output: a number from 0 to <1",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Math\/random",
        "tag": "#code #JavaScript #JS",
        "time": 1713950256,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=21\">id<\/a>"
    },
    {
        "id": "20",
        "text": "Storage: getItem() method - Web APIs | MDN",
        "text2": "const currentColor = localStorage.getItem(\"bgcolor\");",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Storage\/getItem",
        "tag": "#JavaScript #code #coding #JS",
        "time": 1713949517,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=20\">id<\/a>"
    },
    {
        "id": "19",
        "text": "Storage: setItem() method - Web APIs | MDN",
        "text2": "localStorage.setItem(\"bgcolor\", \"red\");",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Storage\/setItem",
        "tag": "#JS #JavaScript #code #coding",
        "time": 1713949471,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=19\">id<\/a>"
    },
    {
        "id": "18",
        "text": "switch - JavaScript | MDN",
        "text2": "const expr = 'Papayas';\r\n\r\nswitch (expr) {\r\n\r\ncase 'Oranges':\r\nconsole.log('Oranges are $0.59 a pound.');\r\nbreak;\r\n\r\ncase 'Mangoes':\r\ncase 'Papayas':\r\nconsole.log('Mangoes and papayas are $2.79 a pound.');\r\n\/\/ Expected output: \"Mangoes and papayas are $2.79 a pound.\"\r\nbreak;\r\n\r\ndefault:\r\nconsole.log(`Sorry, we are out of ${expr}.`);\r\n}",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Statements\/switch",
        "tag": "#code #coding #JavaScript #JS",
        "time": 1713949190,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=18\">id<\/a>"
    },
    {
        "id": "17",
        "text": "Coding conventions - Wikipedia",
        "text2": "",
        "text3": "",
        "url": "https:\/\/en.wikipedia.org\/wiki\/Coding_conventions",
        "tag": "#coding #rule",
        "time": 1713052551,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=17\">id<\/a>"
    },
    {
        "id": "15",
        "text": "Document: querySelectorAll() method - Web APIs | MDN",
        "text2": "document.querySelectorAll(\"p, div.note, div.alert\");",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/querySelectorAll",
        "tag": "#code #HTML",
        "time": 1712539368,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=15\">id<\/a>"
    },
    {
        "id": "14",
        "text": "<input type=\"reset\"> - HTML: HyperText Markup Language | MDN",
        "text2": "<input type=\"reset\">",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/input\/reset",
        "tag": "#HTML #code",
        "time": 1712538187,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=14\">id<\/a>"
    },
    {
        "id": "13",
        "text": "PHP: json_decode - Manual",
        "text2": "$json = '{\"a\":1,\"b\":2,\"c\":3,\"d\":4,\"e\":5}';\r\n\r\njson_decode($json);\r\njson_decode($json, true);",
        "text3": "",
        "url": "https:\/\/www.net\/manual\/en\/function.json-decode",
        "tag": "#code #PHP",
        "time": 1712480476,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=13\">id<\/a>"
    },
    {
        "id": "11",
        "text": "How do I use the Firefox spell checker? | Firefox Help",
        "text2": "",
        "text3": "",
        "url": "https:\/\/support.mozilla.org\/en-US\/kb\/how-do-i-use-firefox-spell-checker#w_adding-dictionaries",
        "tag": "#fix",
        "time": 1711811445,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=11\">id<\/a>"
    },
    {
        "id": "10",
        "text": "Web Speech API",
        "text2": "",
        "text3": "",
        "url": "https:\/\/wicg.github.io\/speech-api\/",
        "tag": "#WebDesign #code #JavaScript #STT",
        "time": 1711739916,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=10\">id<\/a>"
    },
    {
        "id": "8",
        "text": "Map - JavaScript | MDN",
        "text2": "const map1 = new Map();\r\n\r\nmap1.set('a', 1);\r\nmap1.set('b', 2);\r\nmap1.set('c', 3);\r\n\r\nconsole.log(map1.get('a'));\r\n\/\/ Expected output: 1\r\n\r\nmap1.set('a', 97);\r\n\r\nconsole.log(map1.get('a'));\r\n\/\/ Expected output: 97\r\n\r\nconsole.log(map1.size);\r\n\/\/ Expected output: 3\r\n\r\nmap1.delete('b');\r\n\r\nconsole.log(map1.size);\r\n\/\/ Expected output: 2\r\n\r\n===\r\n\r\nconst myMap = new Map();\r\nmyMap.set(0, \"zero\");\r\nmyMap.set(1, \"one\");\r\n\r\nfor (const [key, value] of myMap) {\r\n  console.log(`${key} = ${value}`);\r\n}\r\n\/\/ 0 = zero\r\n\/\/ 1 = one\r\n\r\nfor (const key of myMap.keys()) {\r\n  console.log(key);\r\n}\r\n\/\/ 0\r\n\/\/ 1\r\n\r\nfor (const value of myMap.values()) {\r\n  console.log(value);\r\n}\r\n\/\/ zero\r\n\/\/ one\r\n\r\nfor (const [key, value] of myMap.entries()) {\r\n  console.log(`${key} = ${value}`);\r\n}\r\n\/\/ 0 = zero\r\n\/\/ 1 = one\r\n\r\n\r\n===\r\n\r\nmyMap.forEach((value, key) => {\r\n  console.log(`${key} = ${value}`);\r\n});\r\n\/\/ 0 = zero\r\n\/\/ 1 = one",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Map",
        "tag": "#code #JavaScript",
        "time": 1711625173,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=8\">id<\/a>"
    },
    {
        "id": "7",
        "text": "English alphabet - Wikipedia",
        "text2": "A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z\r\n\r\n====\r\n\r\nAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz",
        "text3": "",
        "url": "https:\/\/en.wikipedia.org\/wiki\/English_alphabet",
        "tag": "#text #alphabet",
        "time": 1711620434,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=7\">id<\/a>"
    },
    {
        "id": "6",
        "text": "Node: textContent property - Web APIs | MDN",
        "text2": "document.getElementById(\"test\").textContent = \"test\";\r\ndocument.getElementById(\"test\").textContent = decodeURIComponent(\"test\");",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Node\/textContent",
        "tag": "#code #JavaScript",
        "time": 1711610799,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=6\">id<\/a>"
    },
    {
        "id": "5",
        "text": "Displaying the result in JavaScript",
        "text2": "document.getElementById(\"id\").innerHTML = 'Test';\r\ndocument.getElementsByTagName(\"body\")[0].innerHTML = 'Test';\r\ndocument.getElementsByClassName(\"className\")[0].innerHTML = 'Test;\r\n[0] - first element\r\n\r\n\r\nSource:\r\nhttps:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/getElementById",
        "text3": "",
        "url": "",
        "tag": "#code #JavaScript",
        "time": 1711560138,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=5\">id<\/a>"
    },
    {
        "id": "4",
        "text": "Debug in CSS, and JavaScript.",
        "text2": "Debug in CSS:\r\n----------------------\r\n\r\n.className { border: 1px solid red; }`  \r\n\r\n\r\nDebug in JavaScript:\r\n--------------------------------\r\n\r\nalert(\"Hello World!\");\r\nconsole.log(\"Hello World!\");  \r\nconsole.table(\"Hello World!\"); - (if the previous one doesn't work (object))",
        "text3": "",
        "url": "",
        "tag": "#code #JavaScript #CSS",
        "time": 1711560076,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=4\">id<\/a>"
    },
    {
        "id": "3",
        "text": "Element: innerHTML property - Web APIs | MDN",
        "text2": "document.getElementById(\"test\").innerHTML = \"Hello!\";",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/innerHTML",
        "tag": "#code #JavaScript",
        "time": 1711559749,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=3\">id<\/a>"
    },
    {
        "id": "2",
        "text": "Document: getElementById() method - Web APIs | MDN",
        "text2": "const elem = document.getElementById(\"test\");\r\nelem.style.innerHTML = \"test\";",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/getElementById",
        "tag": "#code #JavaScript",
        "time": 1711558357,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=2\">id<\/a>"
    },
    {
        "id": "1",
        "text": "Array.prototype.forEach() - JavaScript | MDN",
        "text2": "arr.forEach((val, index) => {\r\nconsole.log(val + \"=\" + index);\r\n});",
        "text3": "",
        "url": "https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Array\/forEach",
        "tag": "#JavaScript #code",
        "time": 1711556664,
        "rightFooter": "<a class=\"brand\" href=\"\/pages\/notes.html?id=1\">id<\/a>"
    }
]