main.js

/*
 * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
 * This devtool is neither made for production nor for readable output files.
 * It uses "eval()" calls to create a separate source file in the browser devtools.
 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
 * or disable the default devtool with "devtool: false".
 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
 */
/******/ (() => { // webpackBootstrap
/******/ 	var __webpack_modules__ = ({

/***/ "./js/main.js":
/*!********************!*\
  !*** ./js/main.js ***!
  \********************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _css_main_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../css/main.scss */ \"./css/main.scss\");\n/* harmony import */ var _pages_tumblr_tag_list_tool__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pages/tumblr-tag-list-tool */ \"./js/pages/tumblr-tag-list-tool.js\");\n/* harmony import */ var _pages_tumblr_tag_list_tool__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_pages_tumblr_tag_list_tool__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _pages_notion_widgets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pages/notion-widgets */ \"./js/pages/notion-widgets.js\");\n/* harmony import */ var _pages_notion_widgets__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_pages_notion_widgets__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _pages_pinterest_board__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./pages/pinterest-board */ \"./js/pages/pinterest-board.js\");\n/* harmony import */ var _pages_pinterest_board__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_pages_pinterest_board__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _pages_vocabulary_manager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./pages/vocabulary-manager */ \"./js/pages/vocabulary-manager.js\");\n/* harmony import */ var _pages_vocabulary_manager__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_pages_vocabulary_manager__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _pages_manual_list_sorter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./pages/manual-list-sorter */ \"./js/pages/manual-list-sorter.js\");\n/* harmony import */ var _pages_manual_list_sorter__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_pages_manual_list_sorter__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _pages_notion_to_quizlet__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./pages/notion-to-quizlet */ \"./js/pages/notion-to-quizlet.js\");\n/* harmony import */ var _pages_notion_to_quizlet__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_pages_notion_to_quizlet__WEBPACK_IMPORTED_MODULE_6__);\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  console.log(\"hewwo :3\");\r\n});\r\n\n\n//# sourceURL=webpack://petracoding-github-io/./js/main.js?");

/***/ }),

/***/ "./js/pages/manual-list-sorter.js":
/*!****************************************!*\
  !*** ./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 += \"<div>\" + listItem + \"</div>\";\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?");

/***/ }),

/***/ "./js/pages/notion-to-quizlet.js":
/*!***************************************!*\
  !*** ./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, \"<b>$1</b>\")\r\n  //       .replaceAll(\"            -\", \"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-\")\r\n  //       .replaceAll(\"        -\", \"&nbsp;&nbsp;&nbsp;&nbsp;-\")\r\n  //       .replaceAll(\"    -\", \"&nbsp;&nbsp;-\")\r\n  //       .replaceAll(\"\\n\", \"<br />\")\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?");

/***/ }),

/***/ "./js/pages/notion-widgets.js":
/*!************************************!*\
  !*** ./js/pages/notion-widgets.js ***!
  \************************************/
/***/ (() => {

eval("const isLocal = window.location.hostname == \"localhost\";\r\nconst urlBase = isLocal ? \"http://localhost:52330/notion/\" : \"https://petracoding.github.io/notion/\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  if (document.querySelector(\".notion-widgets\")) {\r\n    doText();\r\n    const textOptionElements = document.querySelector(\"#text\").querySelectorAll(\"input, select\");\r\n    [...textOptionElements].forEach((e) => e.addEventListener(\"input\", doText));\r\n  }\r\n\r\n  function doText() {\r\n    const container = document.querySelector(\"#text\");\r\n    let url = urlBase + \"text.html\";\r\n    const mode = container.querySelector('[name=\"text-mode\"]:checked').value;\r\n    url += \"?mode=\" + mode;\r\n    const centered = container.querySelector(\"#text-centered\").checked;\r\n    url += \"&centered=\" + (centered ? \"1\" : \"0\");\r\n    const size = container.querySelector(\"#text-size\").value;\r\n    url += \"&size=\" + size;\r\n    const fullWidth = container.querySelector(\"#text-fullWidth\").checked;\r\n    url += \"&fullWidth=\" + (fullWidth ? \"1\" : \"0\");\r\n    const bold = container.querySelector(\"#text-bold\").checked;\r\n    url += \"&bold=\" + (bold ? \"1\" : \"0\");\r\n    const italic = container.querySelector(\"#text-italic\").checked;\r\n    url += \"&italic=\" + (italic ? \"1\" : \"0\");\r\n    const underline = container.querySelector(\"#text-underline\").checked;\r\n    url += \"&underline=\" + (underline ? \"1\" : \"0\");\r\n    const color = container.querySelector(\"#text-color\").value.replace(\"#\", \"\");\r\n    url += \"&color=\" + color;\r\n    if (container.querySelector(\"#text-bg\").checked) {\r\n      container.querySelector(\".only-show-if-bg-color\").style.visibility = \"visible\";\r\n      container.querySelector(\".only-show-if-bg-color\").style.height = \"auto\";\r\n      const background = container.querySelector(\"#text-background\").value.replace(\"#\", \"\");\r\n      url += \"&background=\" + background;\r\n      const corners = container.querySelector(\"#text-corners\").value;\r\n      url += \"&corners=\" + corners;\r\n    } else {\r\n      container.querySelector(\".only-show-if-bg-color\").style.visibility = \"hidden\";\r\n      container.querySelector(\".only-show-if-bg-color\").style.height = \"1px\";\r\n    }\r\n    const font = container.querySelector(\"#text-font\").value;\r\n    url += \"&font=\" + font;\r\n    const text = container.querySelector(\"#text-text\").value;\r\n    url += \"&text=\" + encodeURIComponent(text).replaceAll(\"%20\", \"§\");\r\n    container.querySelector(\".output\").value = url;\r\n    container.querySelector(\"iframe\").setAttribute(\"src\", url);\r\n  }\r\n\r\n  // WIDGETS THEMSELVES:\r\n\r\n  // TEXT\r\n  if (document.querySelector(\"#notion-widget-text\")) {\r\n    const background = findGetParameter(\"background\");\r\n    const centered = findGetParameter(\"centered\");\r\n    const color = findGetParameter(\"color\");\r\n    const corners = findGetParameter(\"corners\");\r\n    const font = findGetParameter(\"font\");\r\n    const fullWidth = findGetParameter(\"fullWidth\");\r\n    const mode = findGetParameter(\"mode\");\r\n    const size = findGetParameter(\"size\");\r\n    const text = findGetParameter(\"text\");\r\n    const bold = findGetParameter(\"bold\");\r\n    const italic = findGetParameter(\"italic\");\r\n    const underline = findGetParameter(\"underline\");\r\n\r\n    if (mode == \"dark\") document.body.classList.add(\"dark-mode\");\r\n\r\n    const textEl = this.querySelector(\"#text\");\r\n\r\n    if (centered == \"1\") {\r\n      textEl.closest(\"div:not(#text)\").classList.add(\"centered\");\r\n    }\r\n    if (size) textEl.style.fontSize = size + \"px\";\r\n    if (font) textEl.style.fontFamily = font;\r\n    if (color) textEl.style.color = \"#\" + color;\r\n    if (corners) textEl.style.borderRadius = corners + \"px\";\r\n    if (fullWidth == \"1\") textEl.style.width = \"100%\";\r\n    if (bold == \"1\") textEl.style.fontWeight = \"bold\";\r\n    if (italic == \"1\") textEl.style.fontStyle = \"italic\";\r\n    if (underline == \"1\") textEl.style.textDecoration = \"underline\";\r\n    if (background) {\r\n      textEl.style.backgroundColor = \"#\" + background;\r\n      textEl.style.padding = \"0 0.5em\";\r\n    }\r\n\r\n    textEl.innerHTML = decodeURIComponent(text.replaceAll(\"§\", \"%20\"));\r\n  }\r\n});\r\n\r\nfunction findGetParameter(parameterName) {\r\n  var result = null,\r\n    tmp = [];\r\n  location.search\r\n    .substr(1)\r\n    .split(\"&\")\r\n    .forEach(function (item) {\r\n      tmp = item.split(\"=\");\r\n      if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);\r\n    });\r\n  return result;\r\n}\r\n\n\n//# sourceURL=webpack://petracoding-github-io/./js/pages/notion-widgets.js?");

/***/ }),

/***/ "./js/pages/pinterest-board.js":
/*!*************************************!*\
  !*** ./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 = `<iframe src=\"${url}\"></iframe>`;\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?");

/***/ }),

/***/ "./js/pages/tumblr-tag-list-tool.js":
/*!******************************************!*\
  !*** ./js/pages/tumblr-tag-list-tool.js ***!
  \******************************************/
/***/ (() => {

eval("document.addEventListener(\"DOMContentLoaded\", function (event) {\r\n  if (document.querySelector(\".tumblr-tag-list-tool\")) {\r\n    const eachTagInNewLineCheckbox = document.querySelector(\"#eachTagInNewLine\");\r\n    const separatorWrapEl = document.querySelector(\".separator-wrap\");\r\n    const groupTagsCheckbox = document.querySelector(\"#groupTags\");\r\n    const groupTagsWrapEl = document.querySelector(\".group-tags-wrap\");\r\n\r\n    prepare();\r\n    eachTagInNewLineCheckbox.addEventListener(\"change\", prepare);\r\n    groupTagsCheckbox.addEventListener(\"change\", prepare);\r\n\r\n    function prepare() {\r\n      if (eachTagInNewLineCheckbox.checked) {\r\n        separatorWrapEl.style.display = \"none\";\r\n      } else {\r\n        separatorWrapEl.style.display = \"block\";\r\n      }\r\n      if (groupTagsCheckbox.checked) {\r\n        groupTagsWrapEl.style.display = \"block\";\r\n      } else {\r\n        groupTagsWrapEl.style.display = \"none\";\r\n      }\r\n    }\r\n\r\n    generateOutput(eachTagInNewLineCheckbox, groupTagsCheckbox);\r\n\r\n    const allInputs = document.querySelectorAll(\"main input, main textarea\");\r\n    [...allInputs].forEach((inputEl) => {\r\n      inputEl.addEventListener(\"change\", () => {\r\n        generateOutput(eachTagInNewLineCheckbox, groupTagsCheckbox);\r\n      });\r\n      inputEl.addEventListener(\"input\", () => {\r\n        generateOutput(eachTagInNewLineCheckbox, groupTagsCheckbox);\r\n      });\r\n    });\r\n\r\n    // document.querySelector(\"#go\").addEventListener(\"click\", () => {\r\n    //   generateOutput(eachTagInNewLineCheckbox, groupTagsCheckbox);\r\n    // });\r\n  }\r\n});\r\n\r\nfunction generateOutput(eachTagInNewLineCheckbox, groupTagsCheckbox) {\r\n  const outputEl = document.querySelector(\"#output\");\r\n  const input = document.querySelector(\"textarea\").value;\r\n  const addHashtags = document.querySelector(\"#addHashtags\").checked;\r\n  const useSearch = document.querySelector(\"#useSearch\").checked;\r\n  const eachTagInNewLine = eachTagInNewLineCheckbox.checked;\r\n  const groupTags = groupTagsCheckbox.checked;\r\n  const useHeadings = groupTags && document.querySelector(\"#headings\").checked;\r\n  const url = document.querySelector(\"#url\").value;\r\n  const separator = document.querySelector(\"#separator\").value || \"\";\r\n  let o = \"\";\r\n  let isHeading = false;\r\n  let isFirstGroup = true;\r\n  let totalTagCount = 0;\r\n\r\n  const groups = groupTags ? input.split(/\\n\\n/) : [input];\r\n\r\n  groups.forEach((group) => {\r\n    const tags = group.split(/[\\n,#]+/);\r\n    isHeading = useHeadings;\r\n    if (groupTags && !isFirstGroup) {\r\n      o += \"<br/>\";\r\n    }\r\n    let i = 0;\r\n    tags.forEach((tag) => {\r\n      i++;\r\n      let isLastTag = i == tags.length;\r\n      tag = tag.trim();\r\n      if (tag !== \",\" && tag !== \"\") {\r\n        if (isHeading) {\r\n          o += tag + \"<br/>\";\r\n          isHeading = false;\r\n        } else {\r\n          totalTagCount++;\r\n          const tagSafeForString = tag;\r\n          o +=\r\n            \"<a href='https://\" +\r\n            (url ? url + \".\" : \"\") +\r\n            \"tumblr.com\" +\r\n            (useSearch ? \"/search/\" : \"/tagged/\") +\r\n            tagSafeForString +\r\n            \"'>\" +\r\n            (addHashtags ? \"#\" : \"\") +\r\n            tag +\r\n            \"</a>\" +\r\n            (eachTagInNewLine ? \"<br/>\" : isLastTag ? \"\" : separator);\r\n        }\r\n      }\r\n    });\r\n    isFirstGroup = false;\r\n  });\r\n\r\n  outputEl.innerHTML = o;\r\n\r\n  if (totalTagCount > 100) {\r\n    document.querySelector(\"#warning\").innerHTML = \"Warning: You have \" + totalTagCount + \" tags. It's not possible to have more than 100 tags in a single tumblr post!\";\r\n  } else {\r\n    document.querySelector(\"#warning\").innerHTML = \"\";\r\n  }\r\n}\r\n\n\n//# sourceURL=webpack://petracoding-github-io/./js/pages/tumblr-tag-list-tool.js?");

/***/ }),

/***/ "./js/pages/vocabulary-manager.js":
/*!****************************************!*\
  !*** ./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 || \"<br>\";\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 += \"<hr><p style='opacity:0;font-size: 1px;'>--------------------------</p>\";\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 removeGerundDuplicates = document.querySelector(\"#removeGerundDuplicates\").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      if (removeGerundDuplicates) {\r\n        if (changedWords.includes(changedWord.replace(/ing$/, \"\"))) isDuplicate = true;\r\n        if (changedWords.includes(changedWord.replace(/ing$/, \"e\"))) isDuplicate = true;\r\n        if (changedWords.includes(changedWord.replace(/ing$/, \"ed\"))) 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?");

/***/ }),

/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/main.scss":
/*!****************************************************************************************************!*\
  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/main.scss ***!
  \****************************************************************************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.tumblr-tag-list-tool span {\n  display: block;\n  margin-top: 30px;\n}\n.tumblr-tag-list-tool label {\n  width: 100%;\n  display: block;\n  margin-top: 10px;\n}\n.tumblr-tag-list-tool #warning {\n  color: red;\n  line-height: 1;\n  font-size: 0.85em;\n}\n.tumblr-tag-list-tool #output {\n  padding: 20px;\n  border: 2px solid lightgray;\n  border-radius: 8px;\n  max-height: 85vh;\n  overflow-y: auto;\n  margin-top: 1em;\n}\n.tumblr-tag-list-tool #output,\n.tumblr-tag-list-tool #output * {\n  user-select: auto;\n}\n.tumblr-tag-list-tool #output:empty {\n  display: none;\n}\n.tumblr-tag-list-tool #output a {\n  color: currentColor !important;\n  background: none !important;\n  animation: none !important;\n  transition: none !important;\n  transform: none !important;\n  text-decoration: underline;\n}\n.tumblr-tag-list-tool #output a:hover, .tumblr-tag-list-tool #output a:focus {\n  text-decoration: none;\n}\n.tumblr-tag-list-tool .wrap {\n  margin-left: 30px;\n  margin-bottom: 20px;\n}\n\n.notion-widgets button,\n.notion-widgets input[type=text],\n.notion-widgets input[type=number],\n.notion-widgets input[type=color],\n.notion-widgets textarea,\n.notion-widgets select {\n  font-family: \"Mukta\", sans-serif;\n  font-size: 16px;\n  line-height: 1.75;\n  background: #eee4e4;\n  border: 1px solid rgb(137, 137, 137);\n  padding: 5px 15px;\n  margin-bottom: 0.5em;\n}\n@media (min-width: 1000px) {\n  .notion-widgets button,\n  .notion-widgets input[type=text],\n  .notion-widgets input[type=number],\n  .notion-widgets input[type=color],\n  .notion-widgets textarea,\n  .notion-widgets select {\n    font-size: 22px;\n  }\n}\n.notion-widgets button:focus,\n.notion-widgets input[type=text]:focus,\n.notion-widgets input[type=number]:focus,\n.notion-widgets input[type=color]:focus,\n.notion-widgets textarea:focus,\n.notion-widgets select:focus {\n  outline: none;\n  border: 1px solid black;\n}\n.notion-widgets input[type=text] {\n  margin-top: 10px;\n  width: 100%;\n}\n.notion-widgets textarea {\n  width: 100%;\n  min-height: 150px;\n}\n.notion-widgets h1:not(:first-child) {\n  margin-top: 10vh;\n}\n.notion-widgets h2 {\n  margin-top: 0;\n  margin-bottom: 0.5em;\n}\n.notion-widgets span {\n  display: block;\n}\n.notion-widgets label {\n  width: 100%;\n  display: block;\n}\n.notion-widgets input[type=radio],\n.notion-widgets input[type=checkbox] {\n  filter: saturate(0) brightness(0.9);\n}\n.notion-widgets #output {\n  padding: 10px;\n  border: 2px solid lightgray;\n  max-height: 85vh;\n  overflow-y: auto;\n}\n.notion-widgets #output:empty {\n  display: none;\n}\n.notion-widgets .wrap {\n  margin-left: 30px;\n  margin-bottom: 20px;\n}\n.notion-widgets iframe {\n  width: 100%;\n  border: 1px solid rgb(137, 137, 137);\n  margin-bottom: 1em;\n}\n.notion-widgets section {\n  display: flex;\n  gap: 30px;\n}\n.notion-widgets section > * {\n  flex: 0 0 50%;\n}\n.notion-widgets .output {\n  font-size: 0.85em;\n}\n\n@media (prefers-color-scheme: dark) {\n  .notion-widgets input[type=text],\n  .notion-widgets input[type=number],\n  .notion-widgets input[type=color],\n  .notion-widgets textarea,\n  .notion-widgets button,\n  .notion-widgets select {\n    color: rgb(190, 188, 195);\n    background: rgb(42, 42, 44);\n    border-color: rgb(42, 42, 44);\n  }\n  .notion-widgets input[type=text]:focus,\n  .notion-widgets input[type=number]:focus,\n  .notion-widgets input[type=color]:focus,\n  .notion-widgets textarea:focus,\n  .notion-widgets button:focus,\n  .notion-widgets select:focus {\n    border-color: #f4ecec;\n  }\n  .notion-widgets input[type=checkbox] {\n    filter: invert(1) saturate(0);\n  }\n  .notion-widgets button:hover, .notion-widgets button:focus {\n    filter: brightness(0.8);\n  }\n  .notion-widgets iframe {\n    border: 2px solid white;\n  }\n}\n.notion-widget {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  overflow: hidden;\n  background-color: white !important;\n}\n.notion-widget.dark-mode {\n  background-color: rgb(25, 25, 25) !important;\n}\n.notion-widget > * {\n  width: 100%;\n}\n.notion-widget > *.centered {\n  display: flex;\n  justify-content: center;\n}\n.notion-widget > *.centered #text {\n  text-align: center;\n}\n.notion-widget #text {\n  display: inline-block;\n  letter-spacing: 0;\n}\n\n@media (prefers-color-scheme: dark) {\n  .notion-widget {\n    background-color: white !important;\n  }\n  .notion-widget.dark-mode {\n    background-color: rgb(25, 25, 25) !important;\n  }\n}\n.pinterest-board h1:not(:first-child) {\n  margin-top: 10vh;\n}\n.pinterest-board h2 {\n  font-size: 2em;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.pinterest-board span {\n  display: block;\n}\n.pinterest-board label {\n  width: 100%;\n  display: block;\n}\n.pinterest-board #output {\n  padding: 10px;\n  border: 2px solid lightgray;\n  max-height: 85vh;\n  overflow-y: auto;\n}\n.pinterest-board #output:empty {\n  display: none;\n}\n.pinterest-board .wrap {\n  margin-left: 30px;\n  margin-bottom: 20px;\n}\n.pinterest-board iframe {\n  width: 100%;\n  border: 1px solid rgb(137, 137, 137);\n  border-radius: 8px;\n  margin-bottom: 1em;\n  height: 500px;\n}\n.pinterest-board .output,\n.pinterest-board .outputNotion {\n  font-size: 0.85em;\n  min-height: 2em;\n}\n@media (max-width: 900px) {\n  .pinterest-board .output,\n  .pinterest-board .outputNotion {\n    min-height: 6em;\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  .pinterest-board iframe {\n    border: 2px solid white;\n  }\n}\n.manual-list-sorter #word {\n  font-size: 1.5em;\n}\n.manual-list-sorter #selects {\n  display: flex;\n  flex-wrap: wrap;\n  user-select: none;\n}\n.manual-list-sorter #selects div {\n  padding: 5px 10px;\n  cursor: pointer;\n  border-radius: 10px;\n}\n.manual-list-sorter #selects div:hover {\n  background: rgba(255, 255, 255, 0.07);\n}\n.manual-list-sorter #selects div.selected {\n  background: rgba(255, 255, 255, 0.2);\n}\n@media (min-width: 500px) {\n  .manual-list-sorter .two-lists {\n    display: flex;\n  }\n  .manual-list-sorter .two-lists textarea:first-child {\n    margin-right: 0.5em;\n  }\n  .manual-list-sorter .two-lists textarea:last-child {\n    margin-left: 0.5em;\n  }\n  .manual-list-sorter #word {\n    font-size: 3em;\n  }\n}\n@media (max-width: 900px) {\n  .manual-list-sorter #word ~ button:last-child {\n    margin-top: 0;\n  }\n}\n\n* {\n  font-family: \"Noto Sans Mono\", \"Consolas\", \"SF Mono\", monospace;\n  box-sizing: border-box;\n  color: #2f283c;\n}\n\nh1,\nh2 {\n  user-select: none;\n}\n\nbody {\n  padding: 10px;\n  font-size: 16px;\n  line-height: 1.5;\n  display: flex;\n  justify-content: center;\n  background: #f8f2f2;\n}\n@media (min-width: 1000px) {\n  body {\n    font-size: 19px;\n    line-height: 1.7;\n  }\n}\n\na, a small, a:visited, a:visited small {\n  color: #084a90;\n  text-decoration: none;\n  display: inline-block;\n  transition: transform 0.3s ease;\n}\n@media (max-width: 900px) {\n  a, a small, a:visited, a:visited small {\n    display: inline;\n  }\n}\na:hover, a:hover small, a:focus, a:focus small {\n  background: linear-gradient(to right, #0099ff, #00ff00, #ff3399, #6666ff);\n  background-clip: text;\n  color: transparent;\n  animation: rainbow_animation 1.5s ease-in-out infinite;\n  background-size: 400% 100%;\n  text-decoration-style: wavy;\n  transform: scale(1.03) rotate(-1deg);\n}\n\n@keyframes rainbow_animation {\n  0%, 100% {\n    background-position: 0 0;\n  }\n  50% {\n    background-position: 100% 0;\n  }\n}\n::selection {\n  background: #1d5999;\n}\n\nmain {\n  width: 95%;\n  max-width: 880px;\n}\n@media (min-width: 1000px) {\n  main {\n    width: 90%;\n    padding-top: 10vh;\n    padding-bottom: 10vh;\n  }\n}\n@media (min-width: 1000px) and (max-height: 800px) {\n  main {\n    padding-top: 5vh;\n    padding-bottom: 5vh;\n  }\n}\n\np {\n  margin: 0.5em 0;\n  text-align: justify;\n}\n\nul {\n  margin: 0.5em 0;\n  padding-left: 1.1em;\n}\n\nli {\n  margin: 0.3em 0;\n}\nli .md {\n  vertical-align: middle;\n}\n\nh1 {\n  letter-spacing: 4px;\n}\n\nh1,\nh2 {\n  margin-bottom: 0;\n  line-height: 1.5;\n}\n\nh2 {\n  margin-top: 1.5em;\n  font-size: 20px;\n}\n@media (min-width: 1000px) {\n  h2 {\n    font-size: 28px;\n  }\n}\n\nsmall {\n  font-size: 0.75em;\n}\n\nhr {\n  border: 0;\n  height: 1px;\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), currentColor, rgba(0, 0, 0, 0));\n  margin: 1em 0;\n}\n\n.cursor {\n  animation: blink 1s step-start 0s infinite;\n}\n\n.md.hydrated {\n  font-size: 1.1em;\n  transform: translateX(-5px);\n}\n\n@keyframes blink {\n  50% {\n    opacity: 0;\n  }\n}\n.back-link {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  line-height: 1;\n}\n.back-link a {\n  display: block;\n  text-decoration: none;\n  color: #251d35;\n  padding: 15px;\n  font-size: 32px;\n  text-decoration: none;\n  transition: 0.3s ease;\n}\n@media (max-width: 900px) {\n  .back-link a {\n    padding: 10px;\n    font-size: 24px;\n  }\n}\n.back-link a:hover, .back-link a:focus {\n  text-decoration: none;\n  color: #251d35;\n  transform: scale(1.5) rotate(20deg);\n}\n\n/*\n\tFORM\n*/\nbutton,\ninput[type=text],\ninput[type=number],\ninput[type=color],\ntextarea,\nselect {\n  font-size: 1em;\n  line-height: 1.75;\n  background: #eee4e4;\n  border: 1px solid rgb(137, 137, 137);\n  padding: 5px 15px;\n  border-radius: 8px;\n  transition: 0.4s ease;\n}\nbutton:focus,\ninput[type=text]:focus,\ninput[type=number]:focus,\ninput[type=color]:focus,\ntextarea:focus,\nselect:focus {\n  outline: none;\n  border: 1px solid black;\n}\n\nlabel {\n  cursor: pointer;\n}\n\ninput[type=text] {\n  margin-top: 10px;\n  width: 100%;\n}\n\ninput[type=radio],\ninput[type=checkbox] {\n  filter: saturate(0) brightness(0.9);\n}\n\ntextarea {\n  width: 100%;\n  margin: 10px 0;\n  min-height: 250px;\n}\n\nbutton {\n  margin: 20px 0;\n  cursor: pointer;\n  transition: 0.4s ease;\n  font-size: 1.1em;\n}\nbutton span {\n  display: inline-block;\n  margin: 0 !important;\n  transition: transform 0.4s ease;\n}\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\nbutton:not([disabled]):hover, button:not([disabled]):focus {\n  filter: brightness(0.95);\n  outline: none;\n  border: 1px solid black;\n}\nbutton:not([disabled]):hover span, button:not([disabled]):focus span {\n  background: linear-gradient(to right, #0099ff, #00ff00, #ff3399, #6666ff);\n  background-clip: text;\n  color: transparent;\n  animation: rainbow_animation 1.5s ease-in-out infinite;\n  background-size: 400% 100%;\n  text-decoration-style: wavy;\n  transform: scale(1.04) rotate(-2deg);\n}\nbutton:not([disabled]):hover span {\n  background: linear-gradient(to right, #0099ff, #00ff00, #ff3399, #6666ff);\n  background-clip: text;\n  color: transparent;\n  animation: rainbow_animation 1.5s ease-in-out infinite;\n  background-size: 400% 100%;\n  text-decoration-style: wavy;\n  transform: scale(1.03) rotate(-1deg);\n}\nbutton:not([disabled]):active {\n  transform: scale(0.9);\n}\n\n/*\n\tDARK SCHEME\n*/\nbody {\n  background: rgb(12, 11, 14);\n}\n\n* {\n  color: rgb(168, 166, 172);\n}\n\na, a small, a:visited, a:visited small {\n  color: #578adb;\n}\na:hover, a:hover small, a:focus, a:focus small {\n  background: linear-gradient(to right, #0099ff, #00ff00, #ff3399, #6666ff);\n  background-clip: text;\n  color: transparent;\n  animation: rainbow_animation 1.5s ease-in-out infinite;\n  background-size: 400% 100%;\n  text-decoration-style: wavy;\n}\n\n::selection {\n  background: #3b609c;\n}\n\n.back-link a {\n  color: rgb(190, 188, 195);\n}\n.back-link a:hover, .back-link a:focus {\n  color: rgb(190, 188, 195);\n}\n\nbutton,\ninput[type=text],\ninput[type=number],\ninput[type=color],\ntextarea,\nselect {\n  color: rgb(190, 188, 195);\n  background: rgb(42, 42, 44);\n  border-color: rgb(42, 42, 44);\n}\nbutton:focus,\ninput[type=text]:focus,\ninput[type=number]:focus,\ninput[type=color]:focus,\ntextarea:focus,\nselect:focus {\n  border-color: #f4ecec;\n}\n\ninput[type=radio],\ninput[type=checkbox] {\n  filter: invert(1) saturate(0);\n}\n\nbutton:not([disabled]):hover, button:not([disabled]):focus {\n  filter: brightness(0.8);\n  border-color: #f4ecec;\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://petracoding-github-io/./css/main.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");

/***/ }),

/***/ "./node_modules/css-loader/dist/runtime/api.js":
/*!*****************************************************!*\
  !*** ./node_modules/css-loader/dist/runtime/api.js ***!
  \*****************************************************/
/***/ ((module) => {

"use strict";
eval("\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};\n\n//# sourceURL=webpack://petracoding-github-io/./node_modules/css-loader/dist/runtime/api.js?");

/***/ }),

/***/ "./node_modules/css-loader/dist/runtime/noSourceMaps.js":
/*!**************************************************************!*\
  !*** ./node_modules/css-loader/dist/runtime/noSourceMaps.js ***!
  \**************************************************************/
/***/ ((module) => {

"use strict";
eval("\n\nmodule.exports = function (i) {\n  return i[1];\n};\n\n//# sourceURL=webpack://petracoding-github-io/./node_modules/css-loader/dist/runtime/noSourceMaps.js?");

/***/ }),

/***/ "./css/main.scss":
/*!***********************!*\
  !*** ./css/main.scss ***!
  \***********************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_main_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./main.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/main.scss\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\noptions.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_main_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_main_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_main_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_main_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://petracoding-github-io/./css/main.scss?");

/***/ }),

/***/ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
/*!****************************************************************************!*\
  !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
  \****************************************************************************/
/***/ ((module) => {

"use strict";
eval("\n\nvar stylesInDOM = [];\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n  for (var i = 0; i < stylesInDOM.length; i++) {\n    if (stylesInDOM[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n  return result;\n}\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var indexByIdentifier = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3],\n      supports: item[4],\n      layer: item[5]\n    };\n    if (indexByIdentifier !== -1) {\n      stylesInDOM[indexByIdentifier].references++;\n      stylesInDOM[indexByIdentifier].updater(obj);\n    } else {\n      var updater = addElementStyle(obj, options);\n      options.byIndex = i;\n      stylesInDOM.splice(i, 0, {\n        identifier: identifier,\n        updater: updater,\n        references: 1\n      });\n    }\n    identifiers.push(identifier);\n  }\n  return identifiers;\n}\nfunction addElementStyle(obj, options) {\n  var api = options.domAPI(options);\n  api.update(obj);\n  var updater = function updater(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n        return;\n      }\n      api.update(obj = newObj);\n    } else {\n      api.remove();\n    }\n  };\n  return updater;\n}\nmodule.exports = function (list, options) {\n  options = options || {};\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDOM[index].references--;\n    }\n    var newLastIdentifiers = modulesToDom(newList, options);\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n      var _index = getIndexByIdentifier(_identifier);\n      if (stylesInDOM[_index].references === 0) {\n        stylesInDOM[_index].updater();\n        stylesInDOM.splice(_index, 1);\n      }\n    }\n    lastIdentifiers = newLastIdentifiers;\n  };\n};\n\n//# sourceURL=webpack://petracoding-github-io/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js?");

/***/ }),

/***/ "./node_modules/style-loader/dist/runtime/insertBySelector.js":
/*!********************************************************************!*\
  !*** ./node_modules/style-loader/dist/runtime/insertBySelector.js ***!
  \********************************************************************/
/***/ ((module) => {

"use strict";
eval("\n\nvar memo = {};\n\n/* istanbul ignore next  */\nfunction getTarget(target) {\n  if (typeof memo[target] === \"undefined\") {\n    var styleTarget = document.querySelector(target);\n\n    // Special case to return head of iframe instead of iframe itself\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n      try {\n        // This will throw an exception if access to iframe is blocked\n        // due to cross-origin restrictions\n        styleTarget = styleTarget.contentDocument.head;\n      } catch (e) {\n        // istanbul ignore next\n        styleTarget = null;\n      }\n    }\n    memo[target] = styleTarget;\n  }\n  return memo[target];\n}\n\n/* istanbul ignore next  */\nfunction insertBySelector(insert, style) {\n  var target = getTarget(insert);\n  if (!target) {\n    throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n  }\n  target.appendChild(style);\n}\nmodule.exports = insertBySelector;\n\n//# sourceURL=webpack://petracoding-github-io/./node_modules/style-loader/dist/runtime/insertBySelector.js?");

/***/ }),

/***/ "./node_modules/style-loader/dist/runtime/insertStyleElement.js":
/*!**********************************************************************!*\
  !*** ./node_modules/style-loader/dist/runtime/insertStyleElement.js ***!
  \**********************************************************************/
/***/ ((module) => {

"use strict";
eval("\n\n/* istanbul ignore next  */\nfunction insertStyleElement(options) {\n  var element = document.createElement(\"style\");\n  options.setAttributes(element, options.attributes);\n  options.insert(element, options.options);\n  return element;\n}\nmodule.exports = insertStyleElement;\n\n//# sourceURL=webpack://petracoding-github-io/./node_modules/style-loader/dist/runtime/insertStyleElement.js?");

/***/ }),

/***/ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":
/*!**********************************************************************************!*\
  !*** ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***!
  \**********************************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

"use strict";
eval("\n\n/* istanbul ignore next  */\nfunction setAttributesWithoutAttributes(styleElement) {\n  var nonce =  true ? __webpack_require__.nc : 0;\n  if (nonce) {\n    styleElement.setAttribute(\"nonce\", nonce);\n  }\n}\nmodule.exports = setAttributesWithoutAttributes;\n\n//# sourceURL=webpack://petracoding-github-io/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js?");

/***/ }),

/***/ "./node_modules/style-loader/dist/runtime/styleDomAPI.js":
/*!***************************************************************!*\
  !*** ./node_modules/style-loader/dist/runtime/styleDomAPI.js ***!
  \***************************************************************/
/***/ ((module) => {

"use strict";
eval("\n\n/* istanbul ignore next  */\nfunction apply(styleElement, options, obj) {\n  var css = \"\";\n  if (obj.supports) {\n    css += \"@supports (\".concat(obj.supports, \") {\");\n  }\n  if (obj.media) {\n    css += \"@media \".concat(obj.media, \" {\");\n  }\n  var needLayer = typeof obj.layer !== \"undefined\";\n  if (needLayer) {\n    css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n  }\n  css += obj.css;\n  if (needLayer) {\n    css += \"}\";\n  }\n  if (obj.media) {\n    css += \"}\";\n  }\n  if (obj.supports) {\n    css += \"}\";\n  }\n  var sourceMap = obj.sourceMap;\n  if (sourceMap && typeof btoa !== \"undefined\") {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  }\n\n  // For old IE\n  /* istanbul ignore if  */\n  options.styleTagTransform(css, styleElement, options.options);\n}\nfunction removeStyleElement(styleElement) {\n  // istanbul ignore if\n  if (styleElement.parentNode === null) {\n    return false;\n  }\n  styleElement.parentNode.removeChild(styleElement);\n}\n\n/* istanbul ignore next  */\nfunction domAPI(options) {\n  if (typeof document === \"undefined\") {\n    return {\n      update: function update() {},\n      remove: function remove() {}\n    };\n  }\n  var styleElement = options.insertStyleElement(options);\n  return {\n    update: function update(obj) {\n      apply(styleElement, options, obj);\n    },\n    remove: function remove() {\n      removeStyleElement(styleElement);\n    }\n  };\n}\nmodule.exports = domAPI;\n\n//# sourceURL=webpack://petracoding-github-io/./node_modules/style-loader/dist/runtime/styleDomAPI.js?");

/***/ }),

/***/ "./node_modules/style-loader/dist/runtime/styleTagTransform.js":
/*!*********************************************************************!*\
  !*** ./node_modules/style-loader/dist/runtime/styleTagTransform.js ***!
  \*********************************************************************/
/***/ ((module) => {

"use strict";
eval("\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElement) {\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css;\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild);\n    }\n    styleElement.appendChild(document.createTextNode(css));\n  }\n}\nmodule.exports = styleTagTransform;\n\n//# sourceURL=webpack://petracoding-github-io/./node_modules/style-loader/dist/runtime/styleTagTransform.js?");

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// The module cache
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// Check if module is in cache
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			id: moduleId,
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// Execute the module function
/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/compat get default export */
/******/ 	(() => {
/******/ 		// getDefaultExport function for compatibility with non-harmony modules
/******/ 		__webpack_require__.n = (module) => {
/******/ 			var getter = module && module.__esModule ?
/******/ 				() => (module['default']) :
/******/ 				() => (module);
/******/ 			__webpack_require__.d(getter, { a: getter });
/******/ 			return getter;
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/define property getters */
/******/ 	(() => {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = (exports, definition) => {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	(() => {
/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	(() => {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = (exports) => {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/nonce */
/******/ 	(() => {
/******/ 		__webpack_require__.nc = undefined;
/******/ 	})();
/******/ 	
/************************************************************************/
/******/ 	
/******/ 	// startup
/******/ 	// Load entry module and return exports
/******/ 	// This entry module can't be inlined because the eval devtool is used.
/******/ 	var __webpack_exports__ = __webpack_require__("./js/main.js");
/******/ 	
/******/ })()
;