about summary refs log tree commit diff stats
path: root/src/pages
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages')
-rw-r--r--src/pages/options/index.ejs13
-rw-r--r--src/pages/options/index.js199
-rw-r--r--src/pages/options/widgets/general.js12
-rw-r--r--src/pages/options/widgets/services.js76
-rw-r--r--src/pages/options/widgets/services.pug11
-rw-r--r--src/pages/popup/index.html1893
-rw-r--r--src/pages/popup/popup.js2
7 files changed, 203 insertions, 2003 deletions
diff --git a/src/pages/options/index.ejs b/src/pages/options/index.ejs
deleted file mode 100644
index 7f09e6da..00000000
--- a/src/pages/options/index.ejs
+++ /dev/null
@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html id="elementToShowWithJavaScript" lang="en">
-  <%- include('src/pages/widgets/head') -%>
-  <body class="option" dir="auto">
-  <%- include('src/pages/widgets/links', {services: services}) -%>
-    <div id="pages">
-      <%- include('src/pages/options/widgets/general', {config: {networks, services}}) -%>
-      <%- include('src/pages/options/widgets/services', {config: {networks, services}}) -%>
-      <%- include('src/pages/options/widgets/about') -%>
-    </div>
-  </body>
-  <script type="module" src="./index.js"></script>
-</html>
diff --git a/src/pages/options/index.js b/src/pages/options/index.js
index 409fa5b5..a735110a 100644
--- a/src/pages/options/index.js
+++ b/src/pages/options/index.js
@@ -1,3 +1,10 @@
+import utils from "../../assets/javascripts/utils.js"
+import localise from "../../assets/javascripts/localise.js"
+
+let config,
+	options,
+	divs = {}
+
 for (const a of document.getElementById("links").getElementsByTagName("a")) {
 	a.addEventListener("click", e => {
 		const path = a.getAttribute("href").replace("#", "")
@@ -6,6 +13,35 @@ for (const a of document.getElementById("links").getElementsByTagName("a")) {
 	})
 }
 
+await new Promise(resolve => {
+	fetch("/config.json").then(response => response.text())
+		.then(data => {
+			config = JSON.parse(data)
+			resolve()
+		})
+})
+await new Promise(resolve => {
+	browser.storage.local.get("options", r => {
+		options = r.options
+		resolve()
+	})
+})
+
+function changeFrontendsSettings(service) {
+	for (const frontend in config.services[service].frontends) {
+		if (config.services[service].frontends[frontend].instanceList) {
+			const frontendDiv = document.getElementById(frontend)
+			if (typeof divs[service].frontend !== "undefined") {
+				if (frontend == divs[service].frontend.value) {
+					frontendDiv.style.display = "block"
+				} else {
+					frontendDiv.style.display = "none"
+				}
+			}
+		}
+	}
+}
+
 function loadPage(path) {
 	for (const section of document.getElementById("pages").getElementsByTagName("section")) section.style.display = "none"
 	document.getElementById(`${path}_page`).style.display = "block"
@@ -16,8 +52,171 @@ function loadPage(path) {
 
 	let stateObj = { id: "100" }
 	window.history.pushState(stateObj, "Page 2", `/pages/options/index.html#${path}`)
+
+	const service = path;
+	divs[service] = {}
+	for (const option in config.services[service].options) {
+		divs[service][option] = document.getElementById(`${service}-${option}`)
+
+		if (typeof config.services[service].options[option] == "boolean") divs[service][option].checked = options[service][option]
+		else divs[service][option].value = options[service][option]
+
+		divs[service][option].addEventListener("change", () => {
+			browser.storage.local.get("options", r => {
+				let options = r.options
+				if (typeof config.services[service].options[option] == "boolean") options[service][option] = divs[service][option].checked
+				else options[service][option] = divs[service][option].value
+				browser.storage.local.set({ options })
+				changeFrontendsSettings(service)
+			})
+		})
+	}
+
+	if (Object.keys(config.services[service].frontends).length > 1) {
+		changeFrontendsSettings(service)
+	}
+
+	for (const frontend in config.services[service].frontends) {
+		if (config.services[service].frontends[frontend].instanceList) {
+			for (const network in config.networks) {
+				processDefaultCustomInstances(frontend, network, document)
+			}
+		}
+	}
 }
 
 const r = window.location.href.match(/#(.*)/)
 if (r) loadPage(r[1])
 else loadPage("general")
+
+async function processDefaultCustomInstances(frontend, network, document) {
+	let networkElement = document.getElementById(frontend).getElementsByClassName(network)[0]
+	let customInstances = []
+	let checkListElement = networkElement.getElementsByClassName("checklist")[0]
+
+	let cloudflareBlackList = []
+	let authenticateBlackList = []
+	await new Promise(resolve => {
+		fetch("/instances/blacklist.json")
+			.then(response => response.text())
+			.then(data => {
+				cloudflareBlackList = JSON.parse(data).cloudflare
+				authenticateBlackList = JSON.parse(data).authenticate
+				resolve()
+			})
+	})
+
+	let frontendDefaultRedirects
+
+	let redirects, options
+
+	await new Promise(async resolve =>
+		browser.storage.local.get(["options", "redirects",], r => {
+			frontendDefaultRedirects = r.options[frontend][network].enabled
+			customInstances = r.options[frontend][network].custom
+			options = r.options
+			redirects = r.redirects
+			resolve()
+		})
+	)
+
+	function calcCheckBoxes() {
+		for (const element of checkListElement.getElementsByTagName("input")) {
+			element.checked = frontendDefaultRedirects.includes(element.className)
+		}
+	}
+	if (redirects[frontend][network].length > 0)
+		checkListElement.innerHTML = [
+			`
+			<div class="some-block option-block">
+				<h4>${utils.camelCase(network)}</h4>
+			</div>
+			`,
+			...redirects[frontend][network]
+				.sort((a, b) =>
+					(cloudflareBlackList.includes(a) && !cloudflareBlackList.includes(b))
+					||
+					(authenticateBlackList.includes(a) && !authenticateBlackList.includes(b))
+				)
+				.map(x => {
+					const cloudflare = cloudflareBlackList.includes(x) ? ' <span style="color:red;">cloudflare</span>' : ""
+					const authenticate = authenticateBlackList.includes(x) ? ' <span style="color:orange;">authenticate</span>' : ""
+
+					let warnings = [cloudflare, authenticate].join(" ")
+					return `
+					<div>
+						<x>
+							<a href="${x}" target="_blank">${x}</a>${warnings}
+						</x>
+						<input type="checkbox" class="${x}"/>
+                  	</div>`
+				}),
+			'<br>'
+		].join("\n<hr>\n")
+
+	localise.localisePage()
+
+	calcCheckBoxes()
+
+	for (let element of checkListElement.getElementsByTagName("input")) {
+		networkElement.getElementsByClassName(element.className)[0].addEventListener("change", async event => {
+			if (event.target.checked) frontendDefaultRedirects.push(element.className)
+			else {
+				let index = frontendDefaultRedirects.indexOf(element.className)
+				if (index > -1) frontendDefaultRedirects.splice(index, 1)
+			}
+
+			options[frontend][network].enabled = frontendDefaultRedirects
+			browser.storage.local.set({ options }, () => calcCheckBoxes())
+		})
+	}
+
+	function calcCustomInstances() {
+		document.getElementById(frontend).getElementsByClassName("custom-checklist")[0].innerHTML = customInstances
+			.map(
+				x => `
+				<div>
+                	${x}
+					<button class="add clear-${x}">
+						<svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
+							<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
+						</svg>
+					</button>
+              	</div>
+              	<hr>`
+			)
+			.join("\n")
+
+		for (const item of customInstances) {
+			document.getElementById(frontend).getElementsByClassName(`clear-${item}`)[0].addEventListener("click", async () => {
+				let index = customInstances.indexOf(item)
+				if (index > -1) customInstances.splice(index, 1)
+				options[frontend][network].custom = customInstances
+				browser.storage.local.set({ options }, () => calcCustomInstances())
+			})
+		}
+	}
+	calcCustomInstances()
+	document.getElementById(frontend).getElementsByClassName("custom-instance-form")[0].addEventListener("submit", async event => {
+		event.preventDefault();
+		event.preventDefault()
+		let frontendCustomInstanceInput = document.getElementById(frontend).getElementsByClassName("custom-instance")[0]
+		let url
+		try {
+			url = new URL(frontendCustomInstanceInput.value)
+		} catch (error) {
+			return
+		}
+		let protocolHostVar = utils.protocolHost(url)
+		if (frontendCustomInstanceInput.validity.valid && !redirects[frontend][network].includes(protocolHostVar)) {
+			if (!customInstances.includes(protocolHostVar)) {
+				customInstances.push(protocolHostVar)
+				options[frontend][network].custom = customInstances
+				browser.storage.local.set({ options }, () => {
+					frontendCustomInstanceInput.value = ""
+					calcCustomInstances()
+				})
+			}
+		}
+	})
+}
\ No newline at end of file
diff --git a/src/pages/options/widgets/general.js b/src/pages/options/widgets/general.js
index a73ac85e..2fd6a9a5 100644
--- a/src/pages/options/widgets/general.js
+++ b/src/pages/options/widgets/general.js
@@ -5,21 +5,11 @@ import utils from "../../../assets/javascripts/utils.js"
 import generalHelper from "../../../assets/javascripts/general.js"
 import servicesHelper from "../../../assets/javascripts/services.js"
 
-let updateInstancesElement = document.getElementById("update-instances")
-updateInstancesElement.addEventListener("click", async () => {
-	let oldHtml = updateInstancesElement.innerHTML
-	updateInstancesElement.innerHTML = "..."
-	if (await utils.updateInstances()) {
-		updateInstancesElement.innerHTML = oldHtml
-		location.reload()
-	} else updateInstancesElement.innerHTML = "Failed Miserabely"
-})
-
 let config
 
 async function getConfig() {
 	return new Promise(resolve => {
-		fetch("/config/config.json")
+		fetch("/config.json")
 			.then(response => response.text())
 			.then(data => {
 				config = JSON.parse(data)
diff --git a/src/pages/options/widgets/services.js b/src/pages/options/widgets/services.js
deleted file mode 100644
index 06c560f8..00000000
--- a/src/pages/options/widgets/services.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import utils from "../../../assets/javascripts/utils.js"
-
-let config,
-	options,
-	divs = {}
-
-function getConfig() {
-	return new Promise(resolve => {
-		fetch("/config/config.json")
-			.then(response => response.text())
-			.then(data => {
-				config = JSON.parse(data)
-				resolve()
-			})
-	})
-}
-
-function getOptions() {
-	return new Promise(resolve => {
-		browser.storage.local.get("options", r => {
-			options = r.options
-			resolve()
-		})
-	})
-}
-
-await getConfig()
-await getOptions()
-
-function changeFrontendsSettings(service) {
-	for (const frontend in config.services[service].frontends) {
-		if (config.services[service].frontends[frontend].instanceList) {
-			const frontendDiv = document.getElementById(frontend)
-			if (typeof divs[service].frontend !== "undefined") {
-				if (frontend == divs[service].frontend.value) {
-					frontendDiv.style.display = "block"
-				} else {
-					frontendDiv.style.display = "none"
-				}
-			}
-		}
-	}
-}
-
-for (const service in config.services) {
-	divs[service] = {}
-	//divs[service].page = document.getElementById(`${service}_page`)
-	for (const option in config.services[service].options) {
-		divs[service][option] = document.getElementById(`${service}-${option}`)
-
-		if (typeof config.services[service].options[option] == "boolean") divs[service][option].checked = options[service][option]
-		else divs[service][option].value = options[service][option]
-
-		divs[service][option].addEventListener("change", () => {
-			browser.storage.local.get("options", r => {
-				let options = r.options
-				if (typeof config.services[service].options[option] == "boolean") options[service][option] = divs[service][option].checked
-				else options[service][option] = divs[service][option].value
-				browser.storage.local.set({ options })
-				changeFrontendsSettings(service)
-			})
-		})
-	}
-
-	if (Object.keys(config.services[service].frontends).length > 1) {
-		changeFrontendsSettings(service)
-	}
-
-	for (const frontend in config.services[service].frontends) {
-		if (config.services[service].frontends[frontend].instanceList) {
-			for (const network in config.networks) {
-				utils.processDefaultCustomInstances(service, frontend, network, document)
-			}
-		}
-	}
-}
diff --git a/src/pages/options/widgets/services.pug b/src/pages/options/widgets/services.pug
index 3a32f517..ddd244d4 100644
--- a/src/pages/options/widgets/services.pug
+++ b/src/pages/options/widgets/services.pug
@@ -28,25 +28,18 @@ each val, service in services
                     option(value="sub_frame" data-localise="__MSG_onlyEmbedded__") Only Embedded
                     option(value="main_frame" data-localise="__MSG_onlyNotEmbedded__") Only Not Embedded
 
-        hr
-
         each val, frontend in services[service].frontends
             if services[service].frontends[frontend].instanceList
                 div(id=frontend)
                     each val, network in networks
                         div(class=network)
-                            div(class="some-block option-block")
-                                h4=network.charAt(0).toUpperCase() + network.slice(1)
                             div(class="checklist")
-                            hr
                     div(class="some-block option-block")
                         h4(data-localise="__MSG_customInstances__") Custom Instances
                     form(class="custom-instance-form")
                         div(class="some-block option-block")
-                            input(class="custom-instance" placeholder="http://<%= frontend %>.com" type="url" )
+                            input(class="custom-instance" placeholder=`http://${frontend}.com` type="url" )
                             button(class="add add-instance" type="submit")
                                 svg(xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor")
                                     path(d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z")
-                    div(class="checklist custom-checklist")
-
-        script(type="module" src="./widgets/services.js")
+                    div(class="checklist custom-checklist")
\ No newline at end of file
diff --git a/src/pages/popup/index.html b/src/pages/popup/index.html
deleted file mode 100644
index 9c37f116..00000000
--- a/src/pages/popup/index.html
+++ /dev/null
@@ -1,1893 +0,0 @@
-<!DOCTYPE html>
-<html id="elementToShowWithJavaScript" lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="icon" type="image/x-icon" href="../../../assets/images/libredirect.svg">
-    <link href="../stylesheets/styles.css" rel="stylesheet">
-    <title>General</title>
-    <script type="module" src="./init.js"></script>
-  </head>
-  <body class="option" dir="auto">
-    <section class="links" id="links">
-      <div class="title"><a href="#general">
-           <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="26px" viewBox="0 0 24 24" width="26px" fill="currentColor">
-  <path d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"></path>
-</svg>
-<span data-localise="__MSG_general__">General</span></a></div>
-      <div class="title"><a href="#youtube"><img src="/assets/images/youtube-icon.png"><span data-localise="__MSG_youtube__">Youtube</span></a></div>
-      <div class="title"><a href="#youtubeMusic"><img src="/assets/images/youtubeMusic-icon.png"><span data-localise="__MSG_youtubeMusic__">YT Music</span></a></div>
-      <div class="title"><a href="#twitter"><img src="/assets/images/twitter-icon.png"><span data-localise="__MSG_twitter__">Twitter</span></a></div>
-      <div class="title"><a href="#instagram"><img src="/assets/images/instagram-icon.png"><span data-localise="__MSG_instagram__">Instagram</span></a></div>
-      <div class="title"><a href="#tiktok"><img src="/assets/images/tiktok-icon.png"><span data-localise="__MSG_tiktok__">TikTok</span></a></div>
-      <div class="title"><a href="#reddit"><img src="/assets/images/reddit-icon.png"><span data-localise="__MSG_reddit__">Reddit</span></a></div>
-      <div class="title"><a href="#imgur"><img src="/assets/images/imgur-icon.png"><span data-localise="__MSG_imgur__">Imgur</span></a></div>
-      <div class="title"><a href="#wikipedia"><img src="/assets/images/wikipedia-icon.svg"><span data-localise="__MSG_wikipedia__">Wikipedia</span></a></div>
-      <div class="title"><a href="#medium"><img src="/assets/images/medium-icon.svg"><span data-localise="__MSG_medium__">Medium</span></a></div>
-      <div class="title"><a href="#quora"><img src="/assets/images/quora-icon.png"><span data-localise="__MSG_quora__">Quora</span></a></div>
-      <div class="title"><a href="#imdb"><img src="/assets/images/imdb-icon.svg"><span data-localise="__MSG_imdb__">IMDb</span></a></div>
-      <div class="title"><a href="#reuters"><img src="/assets/images/reuters-icon.svg"><span data-localise="__MSG_reuters__">Reuters</span></a></div>
-      <div class="title"><a href="#fandom"><img src="/assets/images/fandom-icon.svg"><span data-localise="__MSG_fandom__">Fandom</span></a></div>
-      <div class="title"><a href="#peertube"><img src="/assets/images/peertube-icon.svg"><span data-localise="__MSG_peertube__">PeerTube</span></a></div>
-      <div class="title"><a href="#lbry"><img src="/assets/images/lbry-icon.png"><span data-localise="__MSG_lbry__">LBRY</span></a></div>
-      <div class="title"><a href="#search"><img src="/assets/images/search-icon.svg"><span data-localise="__MSG_search__">Search</span></a></div>
-      <div class="title"><a href="#translate"><img src="/assets/images/translate-icon.svg"><span data-localise="__MSG_translate__">Translate</span></a></div>
-      <div class="title"><a href="#maps"><img src="/assets/images/maps-icon.svg"><span data-localise="__MSG_maps__">Maps</span></a></div>
-      <div class="title"><a href="#sendFiles"><img src="/assets/images/sendFiles-icon.svg"><span data-localise="__MSG_sendFiles__">Send Files</span></a></div>
-      <div class="title"><a href="#textStorage"><img src="/assets/images/textStorage-icon.svg"><span data-localise="__MSG_textStorage__">Paste Text</span></a></div>
-      <div class="title"><a href="#about"><img src="/assets/images/about-icon.svg"><span data-localise="__MSG_about__">About</span></a></div>
-    </section>
-    <div id="pages">
-      <section class="option-block" id="general_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_general__">General</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_theme__">Theme</h4>
-          <select id="theme">
-            <option value="detect" data-localise="__MSG_detect__">Detect</option>
-            <option value="light" data-localise="__MSG_light__">Light</option>
-            <option value="dark" data-localise="__MSG_dark__">Dark</option>
-          </select>
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_exclude_from_redirecting_">Excluded from redirecting</h4>
-        </div>
-        <form id="custom-exceptions-instance-form">
-          <div class="some-block option-block">
-            <div class="some-block" style="padding: 0">
-              <input id="exceptions-custom-instance" placeholder="https://www.google.com" type="url">&nbsp;
-              <select id="exceptions-custom-instance-type">
-                <option value="url">URL</option>
-                <option value="regex">Regex</option>
-              </select>&nbsp;
-            </div>
-            <button class="add" id="exceptions-add-instance" type="submit"></button>
-            <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-              <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-            </svg>
-          </div>
-        </form>
-        <hr>
-        <div class="checklist" id="exceptions-custom-checklist"></div>
-        <div class="buttons buttons-inline">
-          <label class="button button-inline" id="import_settings_text" for="import-settings">
-            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
-              <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path>
-            </svg>&nbsp;
-            <x data-localise="__MSG_importSettings__">Import Settings</x>
-          </label>
-          <input class="button button-inline" id="import-settings" type="file" style="display: none">&nbsp;&nbsp;<a class="button button-inline" id="export-settings">
-            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
-              <path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path>
-            </svg>&nbsp;
-            <x data-localise="__MSG_exportSettings__">Export Settings</x></a>&nbsp;&nbsp;<a class="button button-inline" id="reset-settings">
-            <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
-              <path d="M12,5V2L8,6l4,4V7c3.31,0,6,2.69,6,6c0,2.97-2.17,5.43-5,5.91v2.02c3.95-0.49,7-3.85,7-7.93C20,8.58,16.42,5,12,5z"></path>
-              <path d="M6,13c0-1.65,0.67-3.15,1.76-4.24L6.34,7.34C4.9,8.79,4,10.79,4,13c0,4.08,3.05,7.44,7,7.93v-2.02 C8.17,18.43,6,15.97,6,13z"></path>
-            </svg>
-            <x localise="__MSG_resetSettings__">Reset Settings</x></a>
-        </div>
-        <script type="module" src="./widgets/general.js"></script>
-      </section>
-      <section class="option-block" id="youtube_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_youtube__">Youtube</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="youtube-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="youtube" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_frontend__">Frontend</h4>
-          <select id="youtube-frontend">
-            <option value="invidious">Invidious</option>
-            <option value="piped">Piped</option>
-            <option value="pipedMaterial">Piped-Material</option>
-            <option value="cloudtube">CloudTube</option>
-            <option value="freetube">FreeTube</option>
-            <option value="yattee">Yattee</option>
-          </select>
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_redirectType__">Redirect Type</h4>
-          <select id="youtube-redirectType">
-            <option value="both" data-localise="__MSG_both__">both</option>
-            <option value="sub_frame" data-localise="__MSG_onlyEmbedded__">Only Embedded</option>
-            <option value="main_frame" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option>
-          </select>
-        </div>
-        <hr>
-        <div id="invidious">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="piped">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="pipedMaterial">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="cloudtube">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="youtubeMusic_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_youtubeMusic__">YT Music</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="youtubeMusic-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="youtubeMusic" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_frontend__">Frontend</h4>
-          <select id="youtubeMusic-frontend">
-            <option value="beatbump">Beatbump</option>
-            <option value="hyperpipe">Hyperpipe</option>
-          </select>
-        </div>
-        <hr>
-        <div id="beatbump">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="hyperpipe">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="twitter_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_twitter__">Twitter</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="twitter-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="twitter" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_redirectType__">Redirect Type</h4>
-          <select id="twitter-redirectType">
-            <option value="both" data-localise="__MSG_both__">both</option>
-            <option value="sub_frame" data-localise="__MSG_onlyEmbedded__">Only Embedded</option>
-            <option value="main_frame" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option>
-          </select>
-        </div>
-        <hr>
-        <div id="nitter">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="instagram_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_instagram__">Instagram</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="instagram-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="instagram" type="checkbox">
-        </div>
-        <hr>
-        <div id="bibliogram">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="tiktok_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_tiktok__">TikTok</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="tiktok-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="tiktok" type="checkbox">
-        </div>
-        <hr>
-        <div id="proxiTok">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="reddit_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_reddit__">Reddit</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="reddit-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="reddit" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_frontend__">Frontend</h4>
-          <select id="reddit-frontend">
-            <option value="libreddit">Libreddit</option>
-            <option value="teddit">Teddit</option>
-          </select>
-        </div>
-        <hr>
-        <div id="libreddit">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="teddit">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="imgur_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_imgur__">Imgur</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="imgur-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="imgur" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_redirectType__">Redirect Type</h4>
-          <select id="imgur-redirectType">
-            <option value="both" data-localise="__MSG_both__">both</option>
-            <option value="sub_frame" data-localise="__MSG_onlyEmbedded__">Only Embedded</option>
-            <option value="main_frame" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option>
-          </select>
-        </div>
-        <hr>
-        <div id="rimgo">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="wikipedia_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_wikipedia__">Wikipedia</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="wikipedia-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="wikipedia" type="checkbox">
-        </div>
-        <hr>
-        <div id="wikiless">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="medium_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_medium__">Medium</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="medium-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="medium" type="checkbox">
-        </div>
-        <hr>
-        <div id="scribe">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="quora_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_quora__">Quora</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="quora-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="quora" type="checkbox">
-        </div>
-        <hr>
-        <div id="quetre">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="imdb_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_imdb__">IMDb</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="imdb-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="imdb" type="checkbox">
-        </div>
-        <hr>
-        <div id="libremdb">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="reuters_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_reuters__">Reuters</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="reuters-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="reuters" type="checkbox">
-        </div>
-        <hr>
-        <div id="neuters">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="fandom_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_fandom__">Fandom</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="fandom-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="fandom" type="checkbox">
-        </div>
-        <hr>
-        <div id="breezeWiki">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="peertube_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_peertube__">PeerTube</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="peertube-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="peertube" type="checkbox">
-        </div>
-        <hr>
-        <div id="simpleertube">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="lbry_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_lbry__">LBRY</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="lbry-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="lbry" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_frontend__">Frontend</h4>
-          <select id="lbry-frontend">
-            <option value="librarian">Librarian</option>
-            <option value="lbryDesktop">LBRY Desktop</option>
-          </select>
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_redirectType__">Redirect Type</h4>
-          <select id="lbry-redirectType">
-            <option value="both" data-localise="__MSG_both__">both</option>
-            <option value="sub_frame" data-localise="__MSG_onlyEmbedded__">Only Embedded</option>
-            <option value="main_frame" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</option>
-          </select>
-        </div>
-        <hr>
-        <div id="librarian">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="search_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_search__">Search</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="search-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="search" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_frontend__">Frontend</h4>
-          <select id="search-frontend">
-            <option value="searx">SearX</option>
-            <option value="searxng">SearXNG</option>
-            <option value="whoogle">Whoogle</option>
-            <option value="librex">LibreX</option>
-          </select>
-        </div>
-        <hr>
-        <div id="searx">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="searxng">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="whoogle">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="librex">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="translate_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_translate__">Translate</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="translate-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="translate" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_frontend__">Frontend</h4>
-          <select id="translate-frontend">
-            <option value="simplyTranslate">SimplyTranslate</option>
-            <option value="lingva">Lingva Translate</option>
-            <option value="libreTranslate">LibreTranslate</option>
-          </select>
-        </div>
-        <hr>
-        <div id="simplyTranslate">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="lingva">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="libreTranslate">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="maps_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_maps__">Maps</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="maps-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="maps" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_frontend__">Frontend</h4>
-          <select id="maps-frontend">
-            <option value="facil">FacilMap</option>
-            <option value="osm">OpenStreetMap</option>
-          </select>
-        </div>
-        <hr>
-        <div id="facil">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <div id="osm">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="sendFiles_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_sendFiles__">Send Files</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="sendFiles-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="sendFiles" type="checkbox">
-        </div>
-        <hr>
-        <div id="send">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="textStorage_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_textStorage__">Paste Text</h1>
-        </div>
-        <hr>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_enable__">Enable</h4>
-          <input id="textStorage-enabled" type="checkbox">
-        </div>
-        <div class="some-block option-block">
-          <h4 data-localise="__MSG_show_in_popup__">Show in Popup</h4>
-          <input id="textStorage" type="checkbox">
-        </div>
-        <hr>
-        <div id="privateBin">
-          <div class="clearnet">
-            <div class="some-block option-block">
-              <h4>Clearnet</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="tor">
-            <div class="some-block option-block">
-              <h4>Tor</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="i2p">
-            <div class="some-block option-block">
-              <h4>I2p</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="loki">
-            <div class="some-block option-block">
-              <h4>Loki</h4>
-            </div>
-            <div class="checklist"></div>
-            <hr>
-          </div>
-          <div class="some-block option-block">
-            <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
-          </div>
-          <form class="custom-instance-form">
-            <div class="some-block option-block">
-              <input class="custom-instance" placeholder="http://&lt;%= frontend %&gt;.com" type="url">
-              <button class="add add-instance" type="submit">
-                <svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
-                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
-                </svg>
-              </button>
-            </div>
-          </form>
-          <div class="checklist custom-checklist"></div>
-        </div>
-        <script type="module" src="./widgets/services.js"></script>
-      </section>
-      <section class="option-block" id="about_page">
-        <div class="some-block option-block">
-          <h1 data-localise="__MSG_about__">About</h1>
-        </div>
-        <hr>
-        <div class="about">
-          <div class="some-block option-block">
-            <h4>Donate: ♥️</h4>
-            <h4> <a href="https://libredirect.github.io/donate">https://libredirect.github.io/donate</a></h4>
-          </div>
-          <div class="some-block option-block">
-            <h4>FAQ:</h4>
-            <h4> <a href="https://libredirect.github.io/faq">https://libredirect.github.io/faq</a></h4>
-          </div>
-          <div class="some-block option-block">
-            <h4>Docs:</h4>
-            <h4> <a href="https://libredirect.github.io/docs">https://libredirect.github.io/docs</a></h4>
-          </div>
-          <div class="some-block option-block">
-            <h4>Source Code:</h4>
-            <h4> <a href="https://libredirect.github.io/source_code">https://libredirect.github.io/source_code</a></h4>
-          </div>
-        </div>
-      </section>
-    </div>
-  </body>
-  <script type="module" src="./index.js"></script>
-</html>
\ No newline at end of file
diff --git a/src/pages/popup/popup.js b/src/pages/popup/popup.js
index 1ac804d0..b2f2c299 100644
--- a/src/pages/popup/popup.js
+++ b/src/pages/popup/popup.js
@@ -9,7 +9,7 @@ let config,
 
 async function getConfig() {
 	return new Promise(resolve => {
-		fetch("/config/config.json")
+		fetch("/config.json")
 			.then(response => response.text())
 			.then(data => {
 				config = JSON.parse(data)