Manual List Sorter Tool

This is a little tool to easily create tag lists you can share anywhere.

Insert your comma-seperated list here:

- + choose a mode to start: + + or + + +

- - click start to start + + +

Here are your two lists:

From a86e2456720f16b83e91d323185b34fc7cec2ae0 Mon Sep 17 00:00:00 2001 From: petracoding Date: Mon, 30 Dec 2024 10:13:00 +0100 Subject: [PATCH 20/26] Hide footer feature for pinterest board widget --- js/pages/pinterest-board.js | 3 +++ main.js | 2 +- pinterest/board.html | 11 +++++++++++ pinterest/index.html | 1 + 4 files changed, 16 insertions(+), 1 deletion(-) diff --git a/js/pages/pinterest-board.js b/js/pages/pinterest-board.js index 1461e7c..e887ac0 100644 --- a/js/pages/pinterest-board.js +++ b/js/pages/pinterest-board.js @@ -6,6 +6,7 @@ document.addEventListener("DOMContentLoaded", function () { buildURL(); document.querySelector("#your-link").addEventListener("input", buildURL); document.querySelector("#hide-header").addEventListener("input", buildURL); + document.querySelector("#hide-footer").addEventListener("input", buildURL); document.querySelector("#transparent-bg").addEventListener("input", buildURL); } }); @@ -21,6 +22,8 @@ function buildURL() { url += "?link=" + cleanPinterestUrl(link); const hideHeader = document.querySelector("#hide-header").checked; url += "&hideHeader=" + (hideHeader ? "1" : "0"); + const hideFooter = document.querySelector("#hide-footer").checked; + url += "&hideFooter=" + (hideFooter ? "1" : "0"); const transparent = document.querySelector("#transparent-bg").checked; url += "&transparent=" + (transparent ? "1" : "0"); document.querySelector("iframe").setAttribute("src", url); diff --git a/main.js b/main.js index 6443ed0..8932c00 100644 --- a/main.js +++ b/main.js @@ -56,7 +56,7 @@ eval("const isLocal = window.location.hostname == \"localhost\";\r\nconst urlBas \*************************************/ /***/ (() => { -eval("const isLocal = window.location.hostname == \"localhost\";\r\nconst urlBase = isLocal ? \"http://localhost:52330/pinterest/board.html\" : \"https://petracoding.github.io/pinterest/board.html\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n if (document.querySelector(\".pinterest-board\")) {\r\n buildURL();\r\n document.querySelector(\"#your-link\").addEventListener(\"input\", buildURL);\r\n document.querySelector(\"#hide-header\").addEventListener(\"input\", buildURL);\r\n document.querySelector(\"#transparent-bg\").addEventListener(\"input\", buildURL);\r\n }\r\n});\r\n\r\nfunction buildURL() {\r\n let url = urlBase;\r\n const link = document.querySelector(\"#your-link\").value;\r\n if (!link) {\r\n document.querySelector(\".output\").value = \"\";\r\n document.querySelector(\".outputNotion\").value = \"\";\r\n document.querySelector(\"iframe\").setAttribute(\"src\", \"\");\r\n } else {\r\n url += \"?link=\" + cleanPinterestUrl(link);\r\n const hideHeader = document.querySelector(\"#hide-header\").checked;\r\n url += \"&hideHeader=\" + (hideHeader ? \"1\" : \"0\");\r\n const transparent = document.querySelector(\"#transparent-bg\").checked;\r\n url += \"&transparent=\" + (transparent ? \"1\" : \"0\");\r\n document.querySelector(\"iframe\").setAttribute(\"src\", url);\r\n\r\n const output = ``;\r\n document.querySelector(\".output\").value = output;\r\n document.querySelector(\".outputNotion\").value = url;\r\n }\r\n}\r\n\r\nfunction cleanPinterestUrl(link) {\r\n const i = getPosition(link, \"/\", 3);\r\n return link.substr(i).substr(1);\r\n}\r\n\r\nfunction getPosition(string, subString, index) {\r\n return string.split(subString, index).join(subString).length;\r\n}\r\n\n\n//# sourceURL=webpack://petracoding-github-io/./js/pages/pinterest-board.js?"); +eval("const isLocal = window.location.hostname == \"localhost\";\r\nconst urlBase = isLocal ? \"http://localhost:52330/pinterest/board.html\" : \"https://petracoding.github.io/pinterest/board.html\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n if (document.querySelector(\".pinterest-board\")) {\r\n buildURL();\r\n document.querySelector(\"#your-link\").addEventListener(\"input\", buildURL);\r\n document.querySelector(\"#hide-header\").addEventListener(\"input\", buildURL);\r\n document.querySelector(\"#hide-footer\").addEventListener(\"input\", buildURL);\r\n document.querySelector(\"#transparent-bg\").addEventListener(\"input\", buildURL);\r\n }\r\n});\r\n\r\nfunction buildURL() {\r\n let url = urlBase;\r\n const link = document.querySelector(\"#your-link\").value;\r\n if (!link) {\r\n document.querySelector(\".output\").value = \"\";\r\n document.querySelector(\".outputNotion\").value = \"\";\r\n document.querySelector(\"iframe\").setAttribute(\"src\", \"\");\r\n } else {\r\n url += \"?link=\" + cleanPinterestUrl(link);\r\n const hideHeader = document.querySelector(\"#hide-header\").checked;\r\n url += \"&hideHeader=\" + (hideHeader ? \"1\" : \"0\");\r\n const hideFooter = document.querySelector(\"#hide-footer\").checked;\r\n url += \"&hideFooter=\" + (hideFooter ? \"1\" : \"0\");\r\n const transparent = document.querySelector(\"#transparent-bg\").checked;\r\n url += \"&transparent=\" + (transparent ? \"1\" : \"0\");\r\n document.querySelector(\"iframe\").setAttribute(\"src\", url);\r\n\r\n const output = ``;\r\n document.querySelector(\".output\").value = output;\r\n document.querySelector(\".outputNotion\").value = url;\r\n }\r\n}\r\n\r\nfunction cleanPinterestUrl(link) {\r\n const i = getPosition(link, \"/\", 3);\r\n return link.substr(i).substr(1);\r\n}\r\n\r\nfunction getPosition(string, subString, index) {\r\n return string.split(subString, index).join(subString).length;\r\n}\r\n\n\n//# sourceURL=webpack://petracoding-github-io/./js/pages/pinterest-board.js?"); /***/ }), diff --git a/pinterest/board.html b/pinterest/board.html index 5aa114f..e089b53 100644 --- a/pinterest/board.html +++ b/pinterest/board.html @@ -31,6 +31,7 @@ + diff --git a/pinterest/index.html b/pinterest/index.html index be3afba..299975a 100644 --- a/pinterest/index.html +++ b/pinterest/index.html @@ -2,7 +2,7 @@ Pinterest Board iFrame - + From b5e2f06849f21b45644284e2c54989917218dac9 Mon Sep 17 00:00:00 2001 From: petracoding Date: Thu, 30 Jan 2025 19:10:18 +0100 Subject: [PATCH 22/26] better bullet points --- js/pages/notion-to-quizlet.js | 11 ++++++----- main.js | 2 +- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/js/pages/notion-to-quizlet.js b/js/pages/notion-to-quizlet.js index 49f4f5b..28e4166 100644 --- a/js/pages/notion-to-quizlet.js +++ b/js/pages/notion-to-quizlet.js @@ -18,15 +18,16 @@ document.addEventListener("DOMContentLoaded", function () { }); function generateOutput1(input) { + const bulletPoints = ["■", "✦", "✧", "●", "⬥"]; const output = input .replaceAll(/\*\*(.+)\*\*/g, "$1") // remove bold .replaceAll(/\*(.+)\*/g, "$1") // remove italic .replaceAll(/\s+!\[.*\]$.*$\s+/g, "\n") // remove images - .replaceAll(" -", " ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍‍ ‍ ‍✧") // level 5 - .replaceAll(" -", " ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍‍ ‍ ‍⬥") // level 4 - .replaceAll(" -", " ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍■") // level 3 - .replaceAll(" -", " ‍ ‍‍ ‍ ‍‍ ‍ ‍ ✦") // level 2 - .replaceAll("- ", "● "); // level 1 + .replaceAll(" -", " ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍ ‍ ‍‍ ‍‍ ‍ " + bulletPoints[4]) // level 5 + .replaceAll(" -", " ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍‍ ‍ ‍" + bulletPoints[3]) // level 4 + .replaceAll(" -", " ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍" + bulletPoints[2]) // level 3 + .replaceAll(" -", " ‍ ‍‍ ‍ ‍‍ " + bulletPoints[1]) // level 2 + .replaceAll("- ", bulletPoints[0] + " "); // level 1 output1.value = output; copyToClipboard(output1.value); } diff --git a/main.js b/main.js index 8932c00..3b30ddc 100644 --- a/main.js +++ b/main.js @@ -36,7 +36,7 @@ eval("document.addEventListener(\"DOMContentLoaded\", function () {\r\n if (!do \***************************************/ /***/ (() => { -eval("document.addEventListener(\"DOMContentLoaded\", function () {\r\n if (!document.querySelector(\".notion-to-quizlet\")) return;\r\n\r\n const inputEl = document.querySelector(\"#input\");\r\n const output1 = document.querySelector(\"#output1\");\r\n const output2 = document.querySelector(\"#output2\");\r\n\r\n generateOutput1(inputEl.value);\r\n // generateOutput2(inputEl.value);\r\n\r\n inputEl.addEventListener(\"change\", () => {\r\n generateOutput1(inputEl.value);\r\n // generateOutput2(inputEl.value);\r\n });\r\n inputEl.addEventListener(\"input\", () => {\r\n generateOutput1(inputEl.value);\r\n // generateOutput2(inputEl.value);\r\n });\r\n\r\n function generateOutput1(input) {\r\n const output = input\r\n .replaceAll(/\\*\\*(.+)\\*\\*/g, \"$1\") // remove bold\r\n .replaceAll(/\\*(.+)\\*/g, \"$1\") // remove italic\r\n .replaceAll(/\\s+!\\[.*\\]\$.*\$\\s+/g, \"\\n\") // remove images\r\n .replaceAll(\" -\", \" ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍‍ ‍ ‍✧\") // level 5\r\n .replaceAll(\" -\", \" ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍‍ ‍ ‍⬥\") // level 4\r\n .replaceAll(\" -\", \" ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍■\") // level 3\r\n .replaceAll(\" -\", \" ‍ ‍‍ ‍ ‍‍ ‍ ‍ ✦\") // level 2\r\n .replaceAll(\"- \", \"● \"); // level 1\r\n output1.value = output;\r\n copyToClipboard(output1.value);\r\n }\r\n\r\n // function generateOutput2(input) {\r\n // const output = input\r\n // .replaceAll(/\\*\\*(.+)\\*\\*/g, \"$1\")\r\n // .replaceAll(\" -\", \" -\")\r\n // .replaceAll(\" -\", \" -\")\r\n // .replaceAll(\" -\", \" -\")\r\n // .replaceAll(\"\\n\", \"
\")\r\n // .replaceAll(\"- \", \"● \");\r\n // output2.innerHTML = output;\r\n // }\r\n});\r\n\r\nfunction copyToClipboard(text) {\r\n if (window.clipboardData && window.clipboardData.setData) {\r\n // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\r\n return window.clipboardData.setData(\"Text\", text);\r\n } else if (document.queryCommandSupported && document.queryCommandSupported(\"copy\")) {\r\n var textarea = document.createElement(\"textarea\");\r\n textarea.textContent = text;\r\n textarea.style.position = \"fixed\"; // Prevent scrolling to bottom of page in Microsoft Edge.\r\n document.body.appendChild(textarea);\r\n textarea.select();\r\n try {\r\n return document.execCommand(\"copy\"); // Security exception may be thrown by some browsers.\r\n } catch (ex) {\r\n console.warn(\"Copy to clipboard failed.\", ex);\r\n return prompt(\"Copy to clipboard: Ctrl+C, Enter\", text);\r\n } finally {\r\n document.body.removeChild(textarea);\r\n }\r\n }\r\n}\r\n\n\n//# sourceURL=webpack://petracoding-github-io/./js/pages/notion-to-quizlet.js?"); +eval("document.addEventListener(\"DOMContentLoaded\", function () {\r\n if (!document.querySelector(\".notion-to-quizlet\")) return;\r\n\r\n const inputEl = document.querySelector(\"#input\");\r\n const output1 = document.querySelector(\"#output1\");\r\n const output2 = document.querySelector(\"#output2\");\r\n\r\n generateOutput1(inputEl.value);\r\n // generateOutput2(inputEl.value);\r\n\r\n inputEl.addEventListener(\"change\", () => {\r\n generateOutput1(inputEl.value);\r\n // generateOutput2(inputEl.value);\r\n });\r\n inputEl.addEventListener(\"input\", () => {\r\n generateOutput1(inputEl.value);\r\n // generateOutput2(inputEl.value);\r\n });\r\n\r\n function generateOutput1(input) {\r\n const bulletPoints = [\"■\", \"✦\", \"✧\", \"●\", \"⬥\"];\r\n const output = input\r\n .replaceAll(/\\*\\*(.+)\\*\\*/g, \"$1\") // remove bold\r\n .replaceAll(/\\*(.+)\\*/g, \"$1\") // remove italic\r\n .replaceAll(/\\s+!\\[.*\\]\$.*\$\\s+/g, \"\\n\") // remove images\r\n .replaceAll(\" -\", \" ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍ ‍ ‍‍ ‍‍ ‍ \" + bulletPoints[4]) // level 5\r\n .replaceAll(\" -\", \" ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍‍ ‍ ‍\" + bulletPoints[3]) // level 4\r\n .replaceAll(\" -\", \" ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍ ‍‍ ‍\" + bulletPoints[2]) // level 3\r\n .replaceAll(\" -\", \" ‍ ‍‍ ‍ ‍‍ \" + bulletPoints[1]) // level 2\r\n .replaceAll(\"- \", bulletPoints[0] + \" \"); // level 1\r\n output1.value = output;\r\n copyToClipboard(output1.value);\r\n }\r\n\r\n // function generateOutput2(input) {\r\n // const output = input\r\n // .replaceAll(/\\*\\*(.+)\\*\\*/g, \"$1\")\r\n // .replaceAll(\" -\", \" -\")\r\n // .replaceAll(\" -\", \" -\")\r\n // .replaceAll(\" -\", \" -\")\r\n // .replaceAll(\"\\n\", \"
\")\r\n // .replaceAll(\"- \", \"● \");\r\n // output2.innerHTML = output;\r\n // }\r\n});\r\n\r\nfunction copyToClipboard(text) {\r\n if (window.clipboardData && window.clipboardData.setData) {\r\n // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\r\n return window.clipboardData.setData(\"Text\", text);\r\n } else if (document.queryCommandSupported && document.queryCommandSupported(\"copy\")) {\r\n var textarea = document.createElement(\"textarea\");\r\n textarea.textContent = text;\r\n textarea.style.position = \"fixed\"; // Prevent scrolling to bottom of page in Microsoft Edge.\r\n document.body.appendChild(textarea);\r\n textarea.select();\r\n try {\r\n return document.execCommand(\"copy\"); // Security exception may be thrown by some browsers.\r\n } catch (ex) {\r\n console.warn(\"Copy to clipboard failed.\", ex);\r\n return prompt(\"Copy to clipboard: Ctrl+C, Enter\", text);\r\n } finally {\r\n document.body.removeChild(textarea);\r\n }\r\n }\r\n}\r\n\n\n//# sourceURL=webpack://petracoding-github-io/./js/pages/notion-to-quizlet.js?"); /***/ }), From f4ec448ed7237440f48b8aa68f04552e5f6905ac Mon Sep 17 00:00:00 2001 From: petracoding Date: Wed, 26 Feb 2025 17:19:48 +0100 Subject: [PATCH 23/26] improvements --- js/pages/manual-list-sorter.js | 11 ++++++++++- js/pages/vocabulary-manager.js | 7 +++++++ main.js | 4 ++-- manual-list-sorter.html | 7 ++++--- vocabulary-manager.html | 5 ++++- 5 files changed, 27 insertions(+), 7 deletions(-) diff --git a/js/pages/manual-list-sorter.js b/js/pages/manual-list-sorter.js index 44ce5c5..21cad9d 100644 --- a/js/pages/manual-list-sorter.js +++ b/js/pages/manual-list-sorter.js @@ -13,7 +13,8 @@ document.addEventListener("DOMContentLoaded", function () { let inputList, list1 = [], list2 = [], - currentIndex; + currentIndex, + numberSelected = 0; outputTextarea1.value = ""; outputTextarea2.value = ""; @@ -29,6 +30,7 @@ document.addEventListener("DOMContentLoaded", function () { } else { outputTextarea1.value = ""; outputTextarea2.value = ""; + document.querySelector("#outputNumber").innerHTML = ""; inputList = inputListTextarea.value.replace(/,\s*$/, "").replaceAll(",,", ",").split(","); currentIndex = -1; inputListTextarea.setAttribute("disabled", "true"); @@ -87,12 +89,18 @@ document.addEventListener("DOMContentLoaded", function () { content += "

" + listItem + "

"; }); document.querySelector("#selects").innerHTML = content; + numberSelected = 0; + document.querySelector("#numberselected").innerHTML = numberSelected + " selected"; [...document.querySelectorAll("#selects div")].forEach((btn) => { btn.addEventListener("click", () => { if (btn.classList.contains("selected")) { btn.classList.remove("selected"); + numberSelected--; + document.querySelector("#numberselected").innerHTML = numberSelected + " selected"; } else { btn.classList.add("selected"); + numberSelected++; + document.querySelector("#numberselected").innerHTML = numberSelected + " selected"; } }); }); @@ -112,6 +120,7 @@ document.addEventListener("DOMContentLoaded", function () { outputTextarea1.value = list1.join(", "); outputTextarea2.value = list2.join(", "); + document.querySelector("#outputNumber").innerHTML = "(" + list1.length + " and " + list2.length + " items)"; }); function nextItem() { diff --git a/js/pages/vocabulary-manager.js b/js/pages/vocabulary-manager.js index 369baa0..2871711 100644 --- a/js/pages/vocabulary-manager.js +++ b/js/pages/vocabulary-manager.js @@ -75,6 +75,7 @@ function changeArray(words) { const removeDuplicates = document.querySelector("#removeDuplicates").checked; const removeAdverbDuplicates = document.querySelector("#removeAdverbDuplicates").checked; const removePluralDuplicates = document.querySelector("#removePluralDuplicates").checked; + const removeGerundDuplicates = document.querySelector("#removeGerundDuplicates").checked; const removeWords = document.querySelector("#removeWords").checked; const changedWords = [], duplicateWords = [], @@ -112,6 +113,12 @@ function changeArray(words) { if (changedWords.includes(changedWord.replace(/es$/, ""))) isDuplicate = true; if (changedWords.includes(changedWord.replace(/es$/, "e"))) isDuplicate = true; } + + if (removeGerundDuplicates) { + if (changedWords.includes(changedWord.replace(/ing$/, ""))) isDuplicate = true; + if (changedWords.includes(changedWord.replace(/ing$/, "e"))) isDuplicate = true; + if (changedWords.includes(changedWord.replace(/ing$/, "ed"))) isDuplicate = true; + } } if (removeWords) { diff --git a/main.js b/main.js index 3b30ddc..cc330b3 100644 --- a/main.js +++ b/main.js @@ -26,7 +26,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _css \****************************************/ /***/ (() => { -eval("document.addEventListener(\"DOMContentLoaded\", function () {\r\n if (!document.querySelector(\".manual-list-sorter\")) return;\r\n\r\n const startBtn = document.querySelector(\"#start\");\r\n const startBtn2 = document.querySelector(\"#select\");\r\n const btn1 = document.querySelector(\"#sortInto1\");\r\n const btn2 = document.querySelector(\"#sortInto2\");\r\n const inputListTextarea = document.querySelector(\"#input\");\r\n const outputTextarea1 = document.querySelector(\"#output1\");\r\n const outputTextarea2 = document.querySelector(\"#output2\");\r\n const wordSpan = document.querySelector(\"#word\");\r\n\r\n let inputList,\r\n list1 = [],\r\n list2 = [],\r\n currentIndex;\r\n\r\n outputTextarea1.value = \"\";\r\n outputTextarea2.value = \"\";\r\n\r\n startBtn.removeAttribute(\"disabled\");\r\n inputListTextarea.removeAttribute(\"disabled\");\r\n btn1.setAttribute(\"disabled\", \"true\");\r\n btn2.setAttribute(\"disabled\", \"true\");\r\n\r\n startBtn.addEventListener(\"click\", () => {\r\n if (!inputListTextarea.value) {\r\n alert(\"No items inserted!\");\r\n } else {\r\n outputTextarea1.value = \"\";\r\n outputTextarea2.value = \"\";\r\n inputList = inputListTextarea.value.replace(/,\\s*$/, \"\").replaceAll(\",,\", \",\").split(\",\");\r\n currentIndex = -1;\r\n inputListTextarea.setAttribute(\"disabled\", \"true\");\r\n startBtn.setAttribute(\"disabled\", \"true\");\r\n startBtn2.setAttribute(\"disabled\", \"true\");\r\n btn1.removeAttribute(\"disabled\");\r\n btn2.removeAttribute(\"disabled\");\r\n wordSpan.innerHTML = inputList[currentIndex];\r\n document.querySelector(\"#manualsorting\").style.display = \"block\";\r\n nextItem();\r\n\r\n window.onbeforeunload = function () {\r\n return \"Are you sure you want to navigate away?\";\r\n };\r\n }\r\n });\r\n\r\n btn1.addEventListener(\"click\", () => {\r\n list1.push(inputList[currentIndex]);\r\n outputTextarea1.value = list1.join(\", \");\r\n nextItem();\r\n });\r\n\r\n btn2.addEventListener(\"click\", () => {\r\n list2.push(inputList[currentIndex]);\r\n outputTextarea2.value = list2.join(\", \");\r\n nextItem();\r\n });\r\n\r\n startBtn2.addEventListener(\"click\", () => {\r\n if (!inputListTextarea.value) {\r\n alert(\"No items inserted!\");\r\n } else {\r\n outputTextarea1.value = \"\";\r\n outputTextarea2.value = \"\";\r\n inputList = inputListTextarea.value.replace(/,\\s*$/, \"\").replaceAll(\",,\", \",\").split(\",\");\r\n currentIndex = -1;\r\n inputListTextarea.setAttribute(\"disabled\", \"true\");\r\n startBtn.setAttribute(\"disabled\", \"true\");\r\n startBtn2.setAttribute(\"disabled\", \"true\");\r\n btn1.removeAttribute(\"disabled\");\r\n btn2.removeAttribute(\"disabled\");\r\n wordSpan.innerHTML = inputList[currentIndex];\r\n document.querySelector(\"#selectdone\").style.display = \"block\";\r\n prepareSelectionMode();\r\n\r\n window.onbeforeunload = function () {\r\n return \"Are you sure you want to navigate away?\";\r\n };\r\n }\r\n });\r\n\r\n function prepareSelectionMode() {\r\n let content = \"\";\r\n inputList.forEach((listItem) => {\r\n content += \"

\" + listItem + \"

\";\r\n });\r\n document.querySelector(\"#selects\").innerHTML = content;\r\n [...document.querySelectorAll(\"#selects div\")].forEach((btn) => {\r\n btn.addEventListener(\"click\", () => {\r\n if (btn.classList.contains(\"selected\")) {\r\n btn.classList.remove(\"selected\");\r\n } else {\r\n btn.classList.add(\"selected\");\r\n }\r\n });\r\n });\r\n }\r\n\r\n document.querySelector(\"#selectdone\").addEventListener(\"click\", () => {\r\n list1 = [];\r\n list2 = [];\r\n\r\n [...document.querySelectorAll(\"#selects div\")].forEach((btn) => {\r\n if (btn.classList.contains(\"selected\")) {\r\n list1.push(btn.innerHTML);\r\n } else {\r\n list2.push(btn.innerHTML);\r\n }\r\n });\r\n\r\n outputTextarea1.value = list1.join(\", \");\r\n outputTextarea2.value = list2.join(\", \");\r\n });\r\n\r\n function nextItem() {\r\n if (currentIndex == inputList.length - 1) {\r\n wordSpan.innerHTML = \"DONE!\";\r\n startBtn.removeAttribute(\"disabled\");\r\n inputListTextarea.removeAttribute(\"disabled\");\r\n btn1.setAttribute(\"disabled\", \"true\");\r\n btn2.setAttribute(\"disabled\", \"true\");\r\n } else {\r\n currentIndex++;\r\n wordSpan.innerHTML = inputList[currentIndex];\r\n }\r\n }\r\n});\r\n\n\n//# sourceURL=webpack://petracoding-github-io/./js/pages/manual-list-sorter.js?"); +eval("document.addEventListener(\"DOMContentLoaded\", function () {\r\n if (!document.querySelector(\".manual-list-sorter\")) return;\r\n\r\n const startBtn = document.querySelector(\"#start\");\r\n const startBtn2 = document.querySelector(\"#select\");\r\n const btn1 = document.querySelector(\"#sortInto1\");\r\n const btn2 = document.querySelector(\"#sortInto2\");\r\n const inputListTextarea = document.querySelector(\"#input\");\r\n const outputTextarea1 = document.querySelector(\"#output1\");\r\n const outputTextarea2 = document.querySelector(\"#output2\");\r\n const wordSpan = document.querySelector(\"#word\");\r\n\r\n let inputList,\r\n list1 = [],\r\n list2 = [],\r\n currentIndex,\r\n numberSelected = 0;\r\n\r\n outputTextarea1.value = \"\";\r\n outputTextarea2.value = \"\";\r\n\r\n startBtn.removeAttribute(\"disabled\");\r\n inputListTextarea.removeAttribute(\"disabled\");\r\n btn1.setAttribute(\"disabled\", \"true\");\r\n btn2.setAttribute(\"disabled\", \"true\");\r\n\r\n startBtn.addEventListener(\"click\", () => {\r\n if (!inputListTextarea.value) {\r\n alert(\"No items inserted!\");\r\n } else {\r\n outputTextarea1.value = \"\";\r\n outputTextarea2.value = \"\";\r\n document.querySelector(\"#outputNumber\").innerHTML = \"\";\r\n inputList = inputListTextarea.value.replace(/,\\s*$/, \"\").replaceAll(\",,\", \",\").split(\",\");\r\n currentIndex = -1;\r\n inputListTextarea.setAttribute(\"disabled\", \"true\");\r\n startBtn.setAttribute(\"disabled\", \"true\");\r\n startBtn2.setAttribute(\"disabled\", \"true\");\r\n btn1.removeAttribute(\"disabled\");\r\n btn2.removeAttribute(\"disabled\");\r\n wordSpan.innerHTML = inputList[currentIndex];\r\n document.querySelector(\"#manualsorting\").style.display = \"block\";\r\n nextItem();\r\n\r\n window.onbeforeunload = function () {\r\n return \"Are you sure you want to navigate away?\";\r\n };\r\n }\r\n });\r\n\r\n btn1.addEventListener(\"click\", () => {\r\n list1.push(inputList[currentIndex]);\r\n outputTextarea1.value = list1.join(\", \");\r\n nextItem();\r\n });\r\n\r\n btn2.addEventListener(\"click\", () => {\r\n list2.push(inputList[currentIndex]);\r\n outputTextarea2.value = list2.join(\", \");\r\n nextItem();\r\n });\r\n\r\n startBtn2.addEventListener(\"click\", () => {\r\n if (!inputListTextarea.value) {\r\n alert(\"No items inserted!\");\r\n } else {\r\n outputTextarea1.value = \"\";\r\n outputTextarea2.value = \"\";\r\n inputList = inputListTextarea.value.replace(/,\\s*$/, \"\").replaceAll(\",,\", \",\").split(\",\");\r\n currentIndex = -1;\r\n inputListTextarea.setAttribute(\"disabled\", \"true\");\r\n startBtn.setAttribute(\"disabled\", \"true\");\r\n startBtn2.setAttribute(\"disabled\", \"true\");\r\n btn1.removeAttribute(\"disabled\");\r\n btn2.removeAttribute(\"disabled\");\r\n wordSpan.innerHTML = inputList[currentIndex];\r\n document.querySelector(\"#selectdone\").style.display = \"block\";\r\n prepareSelectionMode();\r\n\r\n window.onbeforeunload = function () {\r\n return \"Are you sure you want to navigate away?\";\r\n };\r\n }\r\n });\r\n\r\n function prepareSelectionMode() {\r\n let content = \"\";\r\n inputList.forEach((listItem) => {\r\n content += \"

\" + listItem + \"

\";\r\n });\r\n document.querySelector(\"#selects\").innerHTML = content;\r\n numberSelected = 0;\r\n document.querySelector(\"#numberselected\").innerHTML = numberSelected + \" selected\";\r\n [...document.querySelectorAll(\"#selects div\")].forEach((btn) => {\r\n btn.addEventListener(\"click\", () => {\r\n if (btn.classList.contains(\"selected\")) {\r\n btn.classList.remove(\"selected\");\r\n numberSelected--;\r\n document.querySelector(\"#numberselected\").innerHTML = numberSelected + \" selected\";\r\n } else {\r\n btn.classList.add(\"selected\");\r\n numberSelected++;\r\n document.querySelector(\"#numberselected\").innerHTML = numberSelected + \" selected\";\r\n }\r\n });\r\n });\r\n }\r\n\r\n document.querySelector(\"#selectdone\").addEventListener(\"click\", () => {\r\n list1 = [];\r\n list2 = [];\r\n\r\n [...document.querySelectorAll(\"#selects div\")].forEach((btn) => {\r\n if (btn.classList.contains(\"selected\")) {\r\n list1.push(btn.innerHTML);\r\n } else {\r\n list2.push(btn.innerHTML);\r\n }\r\n });\r\n\r\n outputTextarea1.value = list1.join(\", \");\r\n outputTextarea2.value = list2.join(\", \");\r\n document.querySelector(\"#outputNumber\").innerHTML = \"(\" + list1.length + \" and \" + list2.length + \" items)\";\r\n });\r\n\r\n function nextItem() {\r\n if (currentIndex == inputList.length - 1) {\r\n wordSpan.innerHTML = \"DONE!\";\r\n startBtn.removeAttribute(\"disabled\");\r\n inputListTextarea.removeAttribute(\"disabled\");\r\n btn1.setAttribute(\"disabled\", \"true\");\r\n btn2.setAttribute(\"disabled\", \"true\");\r\n } else {\r\n currentIndex++;\r\n wordSpan.innerHTML = inputList[currentIndex];\r\n }\r\n }\r\n});\r\n\n\n//# sourceURL=webpack://petracoding-github-io/./js/pages/manual-list-sorter.js?"); /***/ }), @@ -76,7 +76,7 @@ eval("document.addEventListener(\"DOMContentLoaded\", function (event) {\r\n if \****************************************/ /***/ (() => { -eval("document.addEventListener(\"DOMContentLoaded\", function () {\r\n if (!document.querySelector(\".vocabulary-manager\")) return;\r\n\r\n const removeDuplicatesCheckbox = document.querySelector(\"#removeDuplicates\");\r\n const maxWordsCheckbox = document.querySelector(\"#maxWords\");\r\n const removeWordsCheckbox = document.querySelector(\"#removeWords\");\r\n\r\n prepare();\r\n removeDuplicatesCheckbox.addEventListener(\"change\", prepare);\r\n maxWordsCheckbox.addEventListener(\"change\", prepare);\r\n removeWordsCheckbox.addEventListener(\"change\", prepare);\r\n\r\n function prepare() {\r\n document.querySelector(\".wrap-removeDuplicates\").style.display = removeDuplicatesCheckbox.checked ? \"block\" : \"none\";\r\n document.querySelector(\".wrap-maxWords\").style.display = maxWordsCheckbox.checked ? \"block\" : \"none\";\r\n document.querySelector(\".wrap-removeWords\").style.display = removeWordsCheckbox.checked ? \"block\" : \"none\";\r\n }\r\n\r\n document.querySelector(\"#go\").addEventListener(\"click\", () => {\r\n let o;\r\n const input = document.querySelector(\"textarea\").value;\r\n const separator = document.querySelector(\"#separator\").value || \"
\";\r\n\r\n const words = input.trim().split(/[\\n,]+/);\r\n const changedWords = changeArray(words);\r\n\r\n const sort = document.querySelector(\"#sort\").checked;\r\n if (sort) changedWords.sort();\r\n\r\n const beforeNumber = words.length;\r\n const number = changedWords.length;\r\n const removedNumber = beforeNumber - number;\r\n document.querySelector(\"#outputNumber\").innerHTML = number;\r\n document.querySelector(\"#outputRemovedNumber\").innerHTML = removedNumber;\r\n document.querySelector(\"#outputLists\").innerHTML = \"1\";\r\n\r\n const maxWords = document.querySelector(\"#maxWords\").checked;\r\n\r\n if (maxWords) {\r\n const chunkify = function* (itr, size) {\r\n let chunk = [];\r\n for (const v of itr) {\r\n chunk.push(v);\r\n if (chunk.length === size) {\r\n yield chunk;\r\n chunk = [];\r\n }\r\n }\r\n if (chunk.length) yield chunk;\r\n };\r\n\r\n const maxWordsN = document.querySelector(\"#maxWordsN\").value || 20;\r\n const randomizeOrder = document.querySelector(\"#randomizeOrder\").checked;\r\n if (randomizeOrder) shuffleArray(changedWords);\r\n\r\n const chunkedLists = [...chunkify(changedWords, parseInt(maxWordsN))];\r\n o = \"\";\r\n [...chunkedLists].forEach((list) => {\r\n if (sort && randomizeOrder) list.sort();\r\n o += list.join(separator);\r\n o += \"

--------------------------

\";\r\n });\r\n document.querySelector(\"#outputLists\").innerHTML = chunkedLists.length;\r\n } else {\r\n o = changedWords.join(separator);\r\n }\r\n\r\n document.querySelector(\"#output\").innerHTML = o;\r\n });\r\n});\r\n\r\nfunction changeArray(words) {\r\n const lowercase = document.querySelector(\"#lowercase\").checked;\r\n const removePunctuation = document.querySelector(\"#removePunctuation\").checked;\r\n const removeDuplicates = document.querySelector(\"#removeDuplicates\").checked;\r\n const removeAdverbDuplicates = document.querySelector(\"#removeAdverbDuplicates\").checked;\r\n const removePluralDuplicates = document.querySelector(\"#removePluralDuplicates\").checked;\r\n const removeWords = document.querySelector(\"#removeWords\").checked;\r\n const changedWords = [],\r\n duplicateWords = [],\r\n removedWords = [];\r\n\r\n words.forEach((word) => {\r\n let changedWord = word.trim();\r\n if (lowercase) changedWord = changedWord.toLowerCase();\r\n\r\n if (removePunctuation) {\r\n changedWord = changedWord\r\n .replaceAll(\",\", \"\")\r\n .replaceAll(\";\", \"\")\r\n .replaceAll(\":\", \"\")\r\n .replaceAll(\".\", \"\")\r\n .replaceAll(\"!\", \"\")\r\n .replaceAll(\"?\", \"\")\r\n .replaceAll(\"'\", \"\")\r\n .replaceAll('\"', \"\")\r\n .replaceAll(\"“\", \"\")\r\n .replaceAll(\"”\", \"\");\r\n }\r\n\r\n let isDuplicate = false;\r\n if (removeDuplicates) {\r\n if (changedWords.includes(changedWord)) isDuplicate = true;\r\n\r\n if (removeAdverbDuplicates) {\r\n if (changedWords.includes(changedWord.replace(/ly$/, \"\"))) isDuplicate = true;\r\n if (changedWords.includes(changedWord.replace(/ily$/, \"y\"))) isDuplicate = true;\r\n }\r\n\r\n if (removePluralDuplicates) {\r\n if (changedWords.includes(changedWord.replace(/s$/, \"\"))) isDuplicate = true;\r\n if (changedWords.includes(changedWord.replace(/es$/, \"\"))) isDuplicate = true;\r\n if (changedWords.includes(changedWord.replace(/es$/, \"e\"))) isDuplicate = true;\r\n }\r\n }\r\n\r\n if (removeWords) {\r\n const wordsToRemove = document.querySelector(\"#wordsToRemove\").value.toLowerCase();\r\n const wordsToRemoveArr = wordsToRemove\r\n .trim()\r\n .split(/[\\n,]+/)\r\n .map((x) => x.trim());\r\n\r\n if (wordsToRemoveArr.includes(changedWord.toLowerCase()) || wordsToRemoveArr.includes(word.toLowerCase())) {\r\n removedWords.push(changedWord);\r\n changedWord = \"\";\r\n }\r\n }\r\n\r\n if (changedWord !== \"\") {\r\n if (!isDuplicate) {\r\n changedWords.push(changedWord);\r\n } else {\r\n duplicateWords.push(changedWord);\r\n }\r\n }\r\n });\r\n\r\n console.log(\"Removed Duplicate Words:\");\r\n console.log(duplicateWords);\r\n console.log(\"Removed Words:\");\r\n console.log(removedWords);\r\n console.log(\"--------------\");\r\n\r\n return changedWords;\r\n}\r\n\r\nfunction shuffleArray(array) {\r\n for (let i = array.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [array[i], array[j]] = [array[j], array[i]];\r\n }\r\n}\r\n\n\n//# sourceURL=webpack://petracoding-github-io/./js/pages/vocabulary-manager.js?"); +eval("document.addEventListener(\"DOMContentLoaded\", function () {\r\n if (!document.querySelector(\".vocabulary-manager\")) return;\r\n\r\n const removeDuplicatesCheckbox = document.querySelector(\"#removeDuplicates\");\r\n const maxWordsCheckbox = document.querySelector(\"#maxWords\");\r\n const removeWordsCheckbox = document.querySelector(\"#removeWords\");\r\n\r\n prepare();\r\n removeDuplicatesCheckbox.addEventListener(\"change\", prepare);\r\n maxWordsCheckbox.addEventListener(\"change\", prepare);\r\n removeWordsCheckbox.addEventListener(\"change\", prepare);\r\n\r\n function prepare() {\r\n document.querySelector(\".wrap-removeDuplicates\").style.display = removeDuplicatesCheckbox.checked ? \"block\" : \"none\";\r\n document.querySelector(\".wrap-maxWords\").style.display = maxWordsCheckbox.checked ? \"block\" : \"none\";\r\n document.querySelector(\".wrap-removeWords\").style.display = removeWordsCheckbox.checked ? \"block\" : \"none\";\r\n }\r\n\r\n document.querySelector(\"#go\").addEventListener(\"click\", () => {\r\n let o;\r\n const input = document.querySelector(\"textarea\").value;\r\n const separator = document.querySelector(\"#separator\").value || \"
\";\r\n\r\n const words = input.trim().split(/[\\n,]+/);\r\n const changedWords = changeArray(words);\r\n\r\n const sort = document.querySelector(\"#sort\").checked;\r\n if (sort) changedWords.sort();\r\n\r\n const beforeNumber = words.length;\r\n const number = changedWords.length;\r\n const removedNumber = beforeNumber - number;\r\n document.querySelector(\"#outputNumber\").innerHTML = number;\r\n document.querySelector(\"#outputRemovedNumber\").innerHTML = removedNumber;\r\n document.querySelector(\"#outputLists\").innerHTML = \"1\";\r\n\r\n const maxWords = document.querySelector(\"#maxWords\").checked;\r\n\r\n if (maxWords) {\r\n const chunkify = function* (itr, size) {\r\n let chunk = [];\r\n for (const v of itr) {\r\n chunk.push(v);\r\n if (chunk.length === size) {\r\n yield chunk;\r\n chunk = [];\r\n }\r\n }\r\n if (chunk.length) yield chunk;\r\n };\r\n\r\n const maxWordsN = document.querySelector(\"#maxWordsN\").value || 20;\r\n const randomizeOrder = document.querySelector(\"#randomizeOrder\").checked;\r\n if (randomizeOrder) shuffleArray(changedWords);\r\n\r\n const chunkedLists = [...chunkify(changedWords, parseInt(maxWordsN))];\r\n o = \"\";\r\n [...chunkedLists].forEach((list) => {\r\n if (sort && randomizeOrder) list.sort();\r\n o += list.join(separator);\r\n o += \"

--------------------------

Manual List Sorter Tool

choose a mode to start: or - +

@@ -38,11 +38,12 @@

Manual List Sorter Tool

Here are your two lists:

diff --git a/vocabulary-manager.html b/vocabulary-manager.html index 1750489..849d411 100644 --- a/vocabulary-manager.html +++ b/vocabulary-manager.html @@ -2,7 +2,7 @@ Vocabulary Manager - + @@ -39,6 +39,9 @@

Input:

Attempt to remove English plural/3rd person duplicates (e.g. car, ~~cars~~; smile, ~~smiles~~)
+ Attempt to remove English gerund (-ing) duplicated (e.g. drive, ~~driving~~)

Generate multiple lists of n words

From 5669f530be59df79942e796b8616cde28dac5160 Mon Sep 17 00:00:00 2001 From: petracoding Date: Sat, 31 Jan 2026 19:08:19 +0100 Subject: [PATCH 24/26] neocities widgets --- neocities/lastfm.html | 64 ------ neocities/stats.html | 60 ------ neocities/status.html | 42 ---- neocities/widgets/lastfm.html | 32 +++ neocities/widgets/pollcode.html | 32 +++ neocities/widgets/statuscafe.html | 34 ++++ neocities/widgets/widgets.js | 315 ++++++++++++++++++++++++++++++ 7 files changed, 413 insertions(+), 166 deletions(-) delete mode 100644 neocities/lastfm.html delete mode 100644 neocities/stats.html delete mode 100644 neocities/status.html create mode 100644 neocities/widgets/lastfm.html create mode 100644 neocities/widgets/pollcode.html create mode 100644 neocities/widgets/statuscafe.html create mode 100644 neocities/widgets/widgets.js diff --git a/neocities/lastfm.html b/neocities/lastfm.html deleted file mode 100644 index e01bec2..0000000 --- a/neocities/lastfm.html +++ /dev/null @@ -1,64 +0,0 @@ - - - - petrapixel stats - - - - - - - - - - -

- -

- - - diff --git a/neocities/stats.html b/neocities/stats.html deleted file mode 100644 index f2eb3e4..0000000 --- a/neocities/stats.html +++ /dev/null @@ -1,60 +0,0 @@ - - - - petrapixel stats - - - - - - - - - -

- -

- - - diff --git a/neocities/status.html b/neocities/status.html deleted file mode 100644 index b28f0d5..0000000 --- a/neocities/status.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - petrapixel stats - - - - - - - - - -

- -

- - diff --git a/neocities/widgets/lastfm.html b/neocities/widgets/lastfm.html new file mode 100644 index 0000000..176fa5a --- /dev/null +++ b/neocities/widgets/lastfm.html @@ -0,0 +1,32 @@ + + + + last.fm + + + + + + + + +

+ +

loading last.fm widget...

+ + diff --git a/neocities/widgets/pollcode.html b/neocities/widgets/pollcode.html new file mode 100644 index 0000000..15587cb --- /dev/null +++ b/neocities/widgets/pollcode.html @@ -0,0 +1,32 @@ + + + + pollcode + + + + + + + + +

+ +

+ + diff --git a/neocities/widgets/statuscafe.html b/neocities/widgets/statuscafe.html new file mode 100644 index 0000000..462b6fb --- /dev/null +++ b/neocities/widgets/statuscafe.html @@ -0,0 +1,34 @@ + + + + status + + + + + + + + +

+ +

+ + diff --git a/neocities/widgets/widgets.js b/neocities/widgets/widgets.js new file mode 100644 index 0000000..4bc3ee4 --- /dev/null +++ b/neocities/widgets/widgets.js @@ -0,0 +1,315 @@ +const knownParams = [ + "fontSize", + "center", + "font", + "marquee", + "linkColor", + "timeColor", + "username", + "hideUsername", + "hideEmoji", + "hideUsernameAndTime", + "swapPositions", + "delimiter", + "underline", + "pollcode", + "ignorePollcodeStyling", + "viewButtonAsLink", + "spacing", + "showAlbumCover", +]; + +/* + CACHEBUSTING IN HTML! +*/ + +document.addEventListener("DOMContentLoaded", function () { + console.log("%cWidget provided by petrapixel. Get yours: https://petrapixel.neocities.org/coding/widgets", "font-size: 14pt;", "font-size: 16pt;"); + + const params = getParameters(); + console.log("%cParameters:", "font-size: 13pt;"); + console.log(params); + doCSS(params); + + initStatuscafe(params); + initLastFm(params); + initPollcode(params); +}); + +function getParameters() { + let queryString = window.location.search.substr(1).replaceAll(";", "&"); + let hashString = window.location.hash || ""; // in case of color codes with "#" + if (!queryString) return []; + const fullString = queryString + hashString; + let fullStringFixed = fullString.replaceAll(" ", " "); // Fix for encoding + fullStringFixed = fullStringFixed.replaceAll("&%20", "＆%20"); // Fix & bug with special character ＆ + return new URLSearchParams(fullStringFixed); +} + +function doCSS(params) { + // Known: + if (params.get("center")) { + document.body.style.textAlign = params.get("center") == "1" ? "center" : "left"; + + if (params.get("center") == "0") { + document.body.querySelector("main").style.margin = "0"; + } + } + + // Backwards Compability (now unknown): + if (params.get("font")) document.body.style.fontFamily = '"' + params.get("font").replaceAll("%20", " ") + '"'; + if (params.get("fontSize")) document.body.style.fontSize = params.get("fontSize"); + + // Use unknown parameters as CSS: + const unknownParams = []; + params.forEach((v, k) => { + if (!knownParams.includes(k)) { + if (k.includes(":") && !v) { + // fix e.g. font-size:1px to font-size=1px + unknownParams.push([k.split(":")[0], k.split(":")[1]]); + } else { + unknownParams.push([k, v]); + } + } + }); + let cssCode = document.body.getAttribute("style") + ";"; + unknownParams.forEach((p) => { + if (p[0] == "color" || p[0] == "background-color") { + // deal with colors + const hasHash = p[1].includes("#"); + const needsHash = !hasHash && p[1].length == 6; + cssCode += p[0] + ":" + (needsHash ? "#" : "") + p[1] + ";"; + } else { + cssCode += p[0] + ":" + p[1].replaceAll("%20", " ") + ";"; + } + }); + + document.body.setAttribute("style", cssCode); +} + +function turnIntoMarquee() { + const marqueeHolderEl = document.getElementById("marquee-holder"); + if (!marqueeHolderEl) return; + + const marqueeEl = document.createElement("marquee"); + marqueeEl.innerHTML = marqueeHolderEl.innerHTML; + marqueeHolderEl.parentNode.replaceChild(marqueeEl, marqueeHolderEl); + + if (document.querySelector("main")) document.querySelector("main").style.width = "100%"; +} + +function decodeHtml(html) { + var txt = document.createElement("textarea"); + txt.innerHTML = html; + return txt.value; +} + +/** + * STATUS CAFE + */ +function initStatuscafe(params) { + if (!document.getElementById("statuscafe-username")) return; + + if (params.get("marquee")) { + if (params.get("marquee") == "1") turnIntoMarquee(); + } + + let username = params.get("username"); + if (!username) { + document.getElementById("statuscafe-content").innerHTML = "Please enter a username."; + } + username = username.toLowerCase().trim(); + + fetch(`https://status.cafe/users/${username}/status.json`) + .then((r) => r.json()) + .then((r) => { + if (!r.content.length) { + document.getElementById("statuscafe-content").innerHTML = "No status yet."; + return; + } + let delimiter = ""; + if (params.get("marquee")) { + if (params.get("marquee") == "1") { + delimiter = ": "; + } + } + + let emoji = r.face; + if (params.get("hideEmoji")) { + if (params.get("hideEmoji") == "1") emoji = ""; + } + + document.getElementById("statuscafe-username").innerHTML = + '' + r.author + " " + emoji + " " + r.timeAgo + delimiter + ""; + document.getElementById("statuscafe-content").innerHTML = username == "petra1999" ? "this is an example status text!" : r.content; + + // Styling: + if (params.get("linkColor")) { + document.querySelector("#statuscafe-username a").style.color = + params.get("linkColor") == "black" || params.get("linkColor") == "white" || params.get("linkColor").includes("#") ? params.get("linkColor") : "#" + params.get("linkColor"); + } + + if (params.get("timeColor")) { + document.querySelector("#statuscafe-username span").style.color = + params.get("timeColor") == "black" || params.get("timeColor") == "white" || params.get("timeColor").includes("#") ? params.get("timeColor") : "#" + params.get("timeColor"); + } + if (params.get("hideUsernameAndTime")) { + if (params.get("hideUsernameAndTime") == "1") document.querySelector("#statuscafe-username").style.display = "none"; + } + if (params.get("hideUsername")) { + if (params.get("hideUsername") == "1") document.querySelector("#statuscafe-username a").style.display = "none"; + } + if (params.get("swapPositions")) { + if (params.get("swapPositions") == "1") { + document.querySelector("#marquee-holder").style.display = "flex"; + document.querySelector("#marquee-holder").style.flexDirection = "column-reverse"; + } + } + // if (params.get("marquee")) { + // if (params.get("marquee") == "1") { + // document.querySelector("main").style.width = "100%"; + // document.querySelector("marquee").style.display = "flex"; + // document.querySelector("marquee").style.alignItems = "end"; + // document.querySelector("#statuscafe-username").style.flexShrink = "0"; + // document.querySelector("#statuscafe-username").style.marginRight = "1em"; + // document.querySelector("#statuscafe-content").style.flexShrink = "0"; + // } + // } + }); +} + +/** + * LAST FM + */ +function initLastFm(params) { + if (!document.querySelector("#song")) return; + + if (params.get("marquee")) { + if (params.get("marquee") == "1") turnIntoMarquee(); + } + + // Styling: + if (params.get("color")) document.querySelector("#song").style.color = params.get("color") == "black" || params.get("color") == "white" ? params.get("color") : "#" + params.get("color"); + if (params.get("linkColor")) + document.querySelector("#song").style.color = params.get("linkColor") == "black" || params.get("linkColor") == "white" ? params.get("linkColor") : "#" + params.get("linkColor"); + if (params.get("underline")) { + if (params.get("underline") == "0") document.querySelector("#song").style.textDecoration = "none"; + } + if (params.get("marquee")) { + if (params.get("marquee") == "1") document.querySelector("#song").style.whiteSpace = "nowrap"; + } + + let username = params.get("username"); + if (!username) { + document.getElementById("statuscafe-content").innerHTML = "Please enter a username."; + } + username = username.trim(); + + let delimiter = params.get("delimiter"); + if (!delimiter) { + delimiter = "–"; + } + if (delimiter == ":") { + delimiter = delimiter + " "; + } else { + delimiter = " " + delimiter + " "; + } + + let swapPositions = false; + if (params.get("swapPositions")) { + if (params.get("swapPositions") == "1") swapPositions = true; + } + + const url = "https://lastfm-last-played.biancarosa.com.br/" + username + "/latest-song"; + const song = document.querySelector("#song"); + fetch(url) + .then(function (response) { + return response.json(); + }) + .then(function (json) { + song.setAttribute("href", "https://www.last.fm/user/" + username); + + let artist = json["track"]["artist"]["#text"]; + let songTitle = json["track"]["name"]; + let albumCoverUrl = json["track"]["image"] ? json["track"]["image"][2]["#text"] : null; // 0=small, 1=medium, 2=large, 3=extralarge + + if (username == "Petra1999") { + // Preview data + artist = "Taylor Swift"; + songTitle = "Love Story"; + albumCoverUrl = "https://lastfm.freetls.fastly.net/i/u/300x300/acdd1489ea27beb10b07c58ffdb99a83.jpg"; + } + + let albumCoverHTML = ""; + if (params.get("showAlbumCover") && albumCoverUrl) { + if (params.get("showAlbumCover") != "0") { + const size = params.get("showAlbumCover") < 10 ? 10 : params.get("showAlbumCover"); + albumCoverHTML = `

`; + } + } + + if (swapPositions) { + song.innerHTML = `${artist}${delimiter}${songTitle}` + albumCoverHTML; + } else { + song.innerHTML = ` ${songTitle}${delimiter}${artist}` + albumCoverHTML; + } + }); +} + +/** + * POLLCODE + */ +function initPollcode(params) { + const wrapper = document.querySelector("#pollcode"); + if (!wrapper) return; + + if (params.get("pollcode")) { + if (!params.get("pollcode").includes("poll.pollcode.com")) { + wrapper.innerHTML = "This doesn't seem to be a Pollcode code."; + return; + } + const encodedCode = params.get("pollcode"); + const decodedCode = decodeHtml(encodedCode); + wrapper.innerHTML = decodedCode; + } + + if (params.get("ignorePollcodeStyling")) { + if (params.get("ignorePollcodeStyling") == "1") { + const allStyledPollcodeElements = document.querySelectorAll("#pollcode [style]"); + [...allStyledPollcodeElements].forEach((el) => { + el.setAttribute("style", ""); + }); + } + } + + if (params.get("viewButtonAsLink")) { + if (params.get("viewButtonAsLink") == "1") { + const viewBtn = document.querySelector("input[name='view']"); + if (viewBtn) { + const parentEl = viewBtn.closest("div"); + viewBtn.remove(); + const pollId = document.querySelector("#pollcode form").getAttribute("action").replace("https://poll.pollcode.com/", ""); + const viewLink = "https://poll.pollcode.com/" + pollId + "_result?v"; + const viewLinkEl = document.createElement("a"); + viewLinkEl.innerHTML = "View"; + viewLinkEl.setAttribute("href", viewLink); + viewLinkEl.setAttribute("target", "_blank"); + viewLinkEl.setAttribute("style", "color: inherit;"); + parentEl.appendChild(viewLinkEl); + } + } + } + + if (params.get("spacing")) { + document.head.insertAdjacentHTML("beforeend", ""); + } + + // make sure the pollcode "voted" website opens in new tab, not the iframe: + document.querySelector("#pollcode form").setAttribute("target", "_blank"); + + // hide "pollcode.com free polls" text: + const creditText = document.querySelector("#pollcode form > div > div:last-child"); + if (creditText) { + creditText.remove(); + } +} From fe2a75cf7e061d830214c61bd8d3cae58adcc8f7 Mon Sep 17 00:00:00 2001 From: petracoding Date: Fri, 17 Apr 2026 08:59:59 +0200 Subject: [PATCH 25/26] widget marquee bugfix --- neocities/widgets/lastfm.html | 2 +- neocities/widgets/pollcode.html | 2 +- neocities/widgets/statuscafe.html | 2 +- neocities/widgets/widgets.js | 29 +++++++++-------------------- 4 files changed, 12 insertions(+), 23 deletions(-) diff --git a/neocities/widgets/lastfm.html b/neocities/widgets/lastfm.html index 176fa5a..7142cf2 100644 --- a/neocities/widgets/lastfm.html +++ b/neocities/widgets/lastfm.html @@ -6,7 +6,7 @@ - +

Pinterest Board iFrame

Result

Preview

My Userscripts:

Elsewhere:

Notion Widgets

Text Widget

Code

More coming soon!

Pinterest Board iFrame

Preview

Generate a tag list:

My Userscripts:

Elsewhere:

Code

More coming soon!

Pinterest Widget

Pinterest Board iFrame

Result

Preview

Manual List Sorter Tool

Elsewhere:

Manual List Sorter Tool

Generate a tag list:

Input:

Output:

Notion to Quizlet

Generate a tag list:

Manual List Sorter Tool

Manual List Sorter Tool

Manual List Sorter Tool

Input: