about summary refs log tree commit diff stats
path: root/src/pages/options/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages/options/index.html')
-rw-r--r--src/pages/options/index.html1326
1 files changed, 407 insertions, 919 deletions
diff --git a/src/pages/options/index.html b/src/pages/options/index.html
index 8908c9bf..df6bec2a 100644
--- a/src/pages/options/index.html
+++ b/src/pages/options/index.html
@@ -8,50 +8,29 @@
   <title>General</title>
   <script type="module" src="./init.js"></script>
 </head>
-
   <body class="option" dir="auto">
   <section class="links" id="links">
   <div class="title"><img src="../../../assets/images/general-icon.svg"><a href="#general" data-localise="__MSG_general__">General</a></div>
-  
-  <div class="title"><img src="../../../assets/images/youtube-icon.png"><a href="#youtube" data-localise="__MSG_youtube__">youtube</a></div>
-  
-  <div class="title"><img src="../../../assets/images/youtubeMusic-icon.png"><a href="#youtubeMusic" data-localise="__MSG_youtubeMusic__">youtubeMusic</a></div>
-  
-  <div class="title"><img src="../../../assets/images/twitter-icon.png"><a href="#twitter" data-localise="__MSG_twitter__">twitter</a></div>
-  
-  <div class="title"><img src="../../../assets/images/instagram-icon.png"><a href="#instagram" data-localise="__MSG_instagram__">instagram</a></div>
-  
-  <div class="title"><img src="../../../assets/images/tiktok-icon.png"><a href="#tiktok" data-localise="__MSG_tiktok__">tiktok</a></div>
-  
-  <div class="title"><img src="../../../assets/images/reddit-icon.png"><a href="#reddit" data-localise="__MSG_reddit__">reddit</a></div>
-  
-  <div class="title"><img src="../../../assets/images/imgur-icon.png"><a href="#imgur" data-localise="__MSG_imgur__">imgur</a></div>
-  
-  <div class="title"><img src="../../../assets/images/wikipedia-icon.svg"><a href="#wikipedia" data-localise="__MSG_wikipedia__">wikipedia</a></div>
-  
-  <div class="title"><img src="../../../assets/images/medium-icon.svg"><a href="#medium" data-localise="__MSG_medium__">medium</a></div>
-  
-  <div class="title"><img src="../../../assets/images/quora-icon.png"><a href="#quora" data-localise="__MSG_quora__">quora</a></div>
-  
-  <div class="title"><img src="../../../assets/images/imdb-icon.svg"><a href="#imdb" data-localise="__MSG_imdb__">imdb</a></div>
-  
-  <div class="title"><img src="../../../assets/images/reuters-icon.svg"><a href="#reuters" data-localise="__MSG_reuters__">reuters</a></div>
-  
-  <div class="title"><img src="../../../assets/images/peertube-icon.svg"><a href="#peertube" data-localise="__MSG_peertube__">peertube</a></div>
-  
-  <div class="title"><img src="../../../assets/images/lbry-icon.png"><a href="#lbry" data-localise="__MSG_lbry__">lbry</a></div>
-  
-  <div class="title"><img src="../../../assets/images/search-icon.svg"><a href="#search" data-localise="__MSG_search__">search</a></div>
-  
-  <div class="title"><img src="../../../assets/images/translate-icon.svg"><a href="#translate" data-localise="__MSG_translate__">translate</a></div>
-  
-  <div class="title"><img src="../../../assets/images/maps-icon.svg"><a href="#maps" data-localise="__MSG_maps__">maps</a></div>
-  
-  <div class="title"><img src="../../../assets/images/sendTargets-icon.svg"><a href="#sendTargets" data-localise="__MSG_sendTargets__">sendTargets</a></div>
-  
-  <div class="title"><img src="../../../assets/images/about-icon.svg"><a href="#about" data-localise="__MSG_about__">About</a></div>
+    <div class="title"><img src="../../../assets/images/youtube-icon.png"><a href="#youtube" data-localise="__MSG_youtube__">youtube</a></div>
+    <div class="title"><img src="../../../assets/images/youtubeMusic-icon.png"><a href="#youtubeMusic" data-localise="__MSG_youtubeMusic__">youtubeMusic</a></div>
+    <div class="title"><img src="../../../assets/images/twitter-icon.png"><a href="#twitter" data-localise="__MSG_twitter__">twitter</a></div>
+    <div class="title"><img src="../../../assets/images/instagram-icon.png"><a href="#instagram" data-localise="__MSG_instagram__">instagram</a></div>
+    <div class="title"><img src="../../../assets/images/tiktok-icon.png"><a href="#tiktok" data-localise="__MSG_tiktok__">tiktok</a></div>
+    <div class="title"><img src="../../../assets/images/reddit-icon.png"><a href="#reddit" data-localise="__MSG_reddit__">reddit</a></div>
+    <div class="title"><img src="../../../assets/images/imgur-icon.png"><a href="#imgur" data-localise="__MSG_imgur__">imgur</a></div>
+    <div class="title"><img src="../../../assets/images/wikipedia-icon.svg"><a href="#wikipedia" data-localise="__MSG_wikipedia__">wikipedia</a></div>
+    <div class="title"><img src="../../../assets/images/medium-icon.svg"><a href="#medium" data-localise="__MSG_medium__">medium</a></div>
+    <div class="title"><img src="../../../assets/images/quora-icon.png"><a href="#quora" data-localise="__MSG_quora__">quora</a></div>
+    <div class="title"><img src="../../../assets/images/imdb-icon.svg"><a href="#imdb" data-localise="__MSG_imdb__">imdb</a></div>
+    <div class="title"><img src="../../../assets/images/reuters-icon.svg"><a href="#reuters" data-localise="__MSG_reuters__">reuters</a></div>
+    <div class="title"><img src="../../../assets/images/peertube-icon.svg"><a href="#peertube" data-localise="__MSG_peertube__">peertube</a></div>
+    <div class="title"><img src="../../../assets/images/lbry-icon.png"><a href="#lbry" data-localise="__MSG_lbry__">lbry</a></div>
+    <div class="title"><img src="../../../assets/images/search-icon.svg"><a href="#search" data-localise="__MSG_search__">search</a></div>
+    <div class="title"><img src="../../../assets/images/translate-icon.svg"><a href="#translate" data-localise="__MSG_translate__">translate</a></div>
+    <div class="title"><img src="../../../assets/images/maps-icon.svg"><a href="#maps" data-localise="__MSG_maps__">maps</a></div>
+    <div class="title"><img src="../../../assets/images/sendTargets-icon.svg"><a href="#sendTargets" data-localise="__MSG_sendTargets__">sendTargets</a></div>
+    <div class="title"><img src="../../../assets/images/about-icon.svg"><a href="#about" data-localise="__MSG_about__">About</a></div>
 </section>
-
     <div id="pages">
       <section class="option-block" id="general_page">
   <div class="some-block option-block">
@@ -69,16 +48,12 @@
   <div class="some-block option-block">
     <h4 data-localise="__MSG_protocol__"></h4>
     <select id="protocol">
-      
       <option value="clearnet">Clearnet</option>
-      
       <option value="tor">Tor</option>
-      
       <option value="i2p">I2P</option>
-      
       <option value="loki">Lokinet</option>
       
-    </select>
+</select>
   </div>
   <div id="protocol-fallback">
     <div class="some-block option-block">
@@ -145,126 +120,108 @@
     <h4 data-localise="__MSG_customPopup__">Customize Popup</h4>
   </div>
   <div class="checklist-popup" id="popup-frontends-checklist">
-    
     <div>
       <div><img src="../../../assets/images/youtube-icon.png">
         <x data-localise="__MSG_youtube__">youtube</x>
       </div>
       <input id="youtube" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/youtubeMusic-icon.png">
         <x data-localise="__MSG_youtubeMusic__">youtubeMusic</x>
       </div>
       <input id="youtubeMusic" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/twitter-icon.png">
         <x data-localise="__MSG_twitter__">twitter</x>
       </div>
       <input id="twitter" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/instagram-icon.png">
         <x data-localise="__MSG_instagram__">instagram</x>
       </div>
       <input id="instagram" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/tiktok-icon.png">
         <x data-localise="__MSG_tiktok__">tiktok</x>
       </div>
       <input id="tiktok" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/reddit-icon.png">
         <x data-localise="__MSG_reddit__">reddit</x>
       </div>
       <input id="reddit" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/imgur-icon.png">
         <x data-localise="__MSG_imgur__">imgur</x>
       </div>
       <input id="imgur" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/wikipedia-icon.svg">
         <x data-localise="__MSG_wikipedia__">wikipedia</x>
       </div>
       <input id="wikipedia" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/medium-icon.svg">
         <x data-localise="__MSG_medium__">medium</x>
       </div>
       <input id="medium" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/quora-icon.png">
         <x data-localise="__MSG_quora__">quora</x>
       </div>
       <input id="quora" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/imdb-icon.svg">
         <x data-localise="__MSG_imdb__">imdb</x>
       </div>
       <input id="imdb" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/reuters-icon.svg">
         <x data-localise="__MSG_reuters__">reuters</x>
       </div>
       <input id="reuters" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/peertube-icon.svg">
         <x data-localise="__MSG_peertube__">peertube</x>
       </div>
       <input id="peertube" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/lbry-icon.png">
         <x data-localise="__MSG_lbry__">lbry</x>
       </div>
       <input id="lbry" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/search-icon.svg">
         <x data-localise="__MSG_search__">search</x>
       </div>
       <input id="search" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/translate-icon.svg">
         <x data-localise="__MSG_translate__">translate</x>
       </div>
       <input id="translate" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/maps-icon.svg">
         <x data-localise="__MSG_maps__">maps</x>
       </div>
       <input id="maps" type="checkbox">
     </div>
-    
     <div>
       <div><img src="../../../assets/images/sendTargets-icon.svg">
         <x data-localise="__MSG_sendTargets__">sendTargets</x>
@@ -272,74 +229,52 @@
       <input id="sendTargets" type="checkbox">
     </div>
     
-  </div>
+</div>
   <script type="module" src="./widgets/general.js"></script>
 </section>
-
-      
-<section class="option-block" id="youtube_page">
+      <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-enable" type="checkbox">
+    <input id="youtube-enabled" 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">pipedMaterial</option>
-    
-    <option value="cloudtube">cloudtube</option>
-    
-    
-    <option value="freetube">freetube</option>
-    
-    <option value="yatte">yatte</option>
-    
-  </select>
+    <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 id="youtube-embedded_frontend">
+    <div id="youtube-embedFrontend">
     <div class="some-block option-block">
       <h4 data-localise="__MSG_embed_frontend__">Embed Frontend</h4>
       <select id="youtube-embed_frontend">
-        
-        <option value="invidious">invidious</option>
-        
-        <option value="piped">piped</option>
-        
-        <option value="pipedMaterial">pipedMaterial</option>
-        
-        <option value="cloudtube">cloudtube</option>
-        
+                        <option value="invidious">invidious</option>
+                                <option value="piped">piped</option>
+                                                                                
       </select>
     </div>
   </div>
-  
-  
-  <div class="some-block option-block">
+        <div class="some-block option-block">
     <h4 data-localise="__MSG_redirectType__">Redirect Type</h4>
-    <select id="youtube-redirect_type">
+    <select id="youtube-redirectType">
       <option value="both" data-localise="__MSG_both__">both</option>
-      <option value="onlyEmbedded" data-localise="__MSG_onlyEmbedded__">Only Embedded</option>
-      <option value="onlyNotEmbedded" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</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">
+    <hr>
+      <div id="invidious">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -359,8 +294,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-invidious-label" for="latency-invidious"> 
           <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>
@@ -369,10 +303,8 @@
         </label>
         <input class="button button-inline" id="latency-invidious" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -392,10 +324,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -415,10 +345,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -438,14 +366,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
-  <div id="piped">
-    
-    <div class="clearnet">
+        <div id="piped">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -465,8 +390,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-piped-label" for="latency-piped"> 
           <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>
@@ -475,10 +399,8 @@
         </label>
         <input class="button button-inline" id="latency-piped" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -498,10 +420,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -521,10 +441,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -544,14 +462,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
-  <div id="pipedMaterial">
-    
-    <div class="clearnet">
+        <div id="pipedMaterial">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -571,8 +486,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-pipedMaterial-label" for="latency-pipedMaterial"> 
           <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>
@@ -581,10 +495,8 @@
         </label>
         <input class="button button-inline" id="latency-pipedMaterial" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -604,10 +516,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -627,10 +537,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -650,14 +558,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
-  <div id="cloudtube">
-    
-    <div class="clearnet">
+        <div id="cloudtube">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -677,8 +582,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-cloudtube-label" for="latency-cloudtube"> 
           <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>
@@ -687,10 +591,8 @@
         </label>
         <input class="button button-inline" id="latency-cloudtube" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -710,10 +612,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -733,10 +633,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -756,13 +654,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+            
 </section>
-
 <section class="option-block" id="youtubeMusic_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_youtubeMusic__">YT Music</h1>
@@ -770,28 +666,20 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="youtubeMusic-enable" type="checkbox">
+    <input id="youtubeMusic-enabled" 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>
+    <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">
+        <hr>
+      <div id="beatbump">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -811,8 +699,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-beatbump-label" for="latency-beatbump"> 
           <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>
@@ -821,10 +708,8 @@
         </label>
         <input class="button button-inline" id="latency-beatbump" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -844,10 +729,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -867,10 +750,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -890,14 +771,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
-  <div id="hyperpipe">
-    
-    <div class="clearnet">
+        <div id="hyperpipe">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -917,8 +795,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-hyperpipe-label" for="latency-hyperpipe"> 
           <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>
@@ -927,10 +804,8 @@
         </label>
         <input class="button button-inline" id="latency-hyperpipe" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -950,10 +825,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -973,10 +846,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -996,13 +867,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="twitter_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_twitter__">Twitter</h1>
@@ -1010,25 +879,19 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="twitter-enable" type="checkbox">
+    <input id="twitter-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <div class="some-block option-block">
+      <div class="some-block option-block">
     <h4 data-localise="__MSG_redirectType__">Redirect Type</h4>
-    <select id="twitter-redirect_type">
+    <select id="twitter-redirectType">
       <option value="both" data-localise="__MSG_both__">both</option>
-      <option value="onlyEmbedded" data-localise="__MSG_onlyEmbedded__">Only Embedded</option>
-      <option value="onlyNotEmbedded" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</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">
+    <hr>
+      <div id="nitter">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1048,8 +911,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-nitter-label" for="latency-nitter"> 
           <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>
@@ -1058,10 +920,8 @@
         </label>
         <input class="button button-inline" id="latency-nitter" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1081,10 +941,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1104,10 +962,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1127,13 +983,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="instagram_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_instagram__">Instagram</h1>
@@ -1141,121 +995,11 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="instagram-enable" type="checkbox">
+    <input id="instagram-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="bibliogram">
-    
-    <div class="clearnet">
-      <div class="some-block option-block">
-        <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
-      </div>
-      <div class="checklist"></div>
-      <hr>
-      <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://bibliogram.org" 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 class="buttons buttons-inline">
-        <label class="button button-inline" id="latency-bibliogram-label" for="latency-bibliogram"> 
-          <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_testInstancesLatency__">Test Instances Latency</x>
-        </label>
-        <input class="button button-inline" id="latency-bibliogram" style="display:none;">
-      </div>
-      
-    </div>
-    
-    <div class="tor">
-      <div class="some-block option-block">
-        <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
-      </div>
-      <div class="checklist"></div>
-      <hr>
-      <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://bibliogram.onion" 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 class="i2p">
-      <div class="some-block option-block">
-        <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
-      </div>
-      <div class="checklist"></div>
-      <hr>
-      <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://bibliogram.i2p" 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 class="loki">
-      <div class="some-block option-block">
-        <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
-      </div>
-      <div class="checklist"></div>
       <hr>
-      <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://bibliogram.loki" 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>
-  
 </section>
-
 <section class="option-block" id="tiktok_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_tiktok__">TikTok</h1>
@@ -1263,16 +1007,11 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="tiktok-enable" type="checkbox">
+    <input id="tiktok-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="proxiTok">
-    
-    <div class="clearnet">
+      <hr>
+      <div id="proxiTok">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1292,8 +1031,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-proxiTok-label" for="latency-proxiTok"> 
           <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>
@@ -1302,10 +1040,8 @@
         </label>
         <input class="button button-inline" id="latency-proxiTok" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1325,10 +1061,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1348,10 +1082,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1371,13 +1103,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="reddit_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_reddit__">Reddit</h1>
@@ -1385,28 +1115,20 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="reddit-enable" type="checkbox">
+    <input id="reddit-enabled" 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>
+    <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">
+        <hr>
+      <div id="libreddit">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1426,8 +1148,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-libreddit-label" for="latency-libreddit"> 
           <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>
@@ -1436,10 +1157,8 @@
         </label>
         <input class="button button-inline" id="latency-libreddit" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1459,10 +1178,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1482,10 +1199,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1505,14 +1220,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
-  <div id="teddit">
-    
-    <div class="clearnet">
+        <div id="teddit">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1532,8 +1244,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-teddit-label" for="latency-teddit"> 
           <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>
@@ -1542,10 +1253,8 @@
         </label>
         <input class="button button-inline" id="latency-teddit" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1565,10 +1274,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1588,10 +1295,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1611,13 +1316,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="imgur_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_imgur__">Imgur</h1>
@@ -1625,16 +1328,11 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="imgur-enable" type="checkbox">
+    <input id="imgur-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="rimgo">
-    
-    <div class="clearnet">
+      <hr>
+      <div id="rimgo">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1654,8 +1352,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-rimgo-label" for="latency-rimgo"> 
           <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>
@@ -1664,10 +1361,8 @@
         </label>
         <input class="button button-inline" id="latency-rimgo" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1687,10 +1382,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1710,10 +1403,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1733,13 +1424,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="wikipedia_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_wikipedia__">Wikipedia</h1>
@@ -1747,16 +1436,11 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="wikipedia-enable" type="checkbox">
+    <input id="wikipedia-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="wikiless">
-    
-    <div class="clearnet">
+      <hr>
+      <div id="wikiless">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1776,8 +1460,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-wikiless-label" for="latency-wikiless"> 
           <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>
@@ -1786,10 +1469,8 @@
         </label>
         <input class="button button-inline" id="latency-wikiless" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1809,10 +1490,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1832,10 +1511,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1855,13 +1532,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="medium_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_medium__">Medium</h1>
@@ -1869,16 +1544,11 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="medium-enable" type="checkbox">
+    <input id="medium-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="scribe">
-    
-    <div class="clearnet">
+      <hr>
+      <div id="scribe">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1898,8 +1568,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-scribe-label" for="latency-scribe"> 
           <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>
@@ -1908,10 +1577,8 @@
         </label>
         <input class="button button-inline" id="latency-scribe" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1931,10 +1598,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1954,10 +1619,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -1977,13 +1640,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="quora_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_quora__">Quora</h1>
@@ -1991,16 +1652,11 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="quora-enable" type="checkbox">
+    <input id="quora-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="quetre">
-    
-    <div class="clearnet">
+      <hr>
+      <div id="quetre">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2020,8 +1676,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-quetre-label" for="latency-quetre"> 
           <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>
@@ -2030,10 +1685,8 @@
         </label>
         <input class="button button-inline" id="latency-quetre" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2053,10 +1706,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2076,10 +1727,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2099,13 +1748,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="imdb_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_imdb__">IMDb</h1>
@@ -2113,16 +1760,11 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="imdb-enable" type="checkbox">
+    <input id="imdb-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="libremdb">
-    
-    <div class="clearnet">
+      <hr>
+      <div id="libremdb">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2142,8 +1784,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-libremdb-label" for="latency-libremdb"> 
           <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>
@@ -2152,10 +1793,8 @@
         </label>
         <input class="button button-inline" id="latency-libremdb" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2175,10 +1814,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2198,10 +1835,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2221,13 +1856,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="reuters_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_reuters__">Reuters</h1>
@@ -2235,16 +1868,11 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="reuters-enable" type="checkbox">
+    <input id="reuters-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="neuters">
-    
-    <div class="clearnet">
+      <hr>
+      <div id="neuters">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2264,8 +1892,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-neuters-label" for="latency-neuters"> 
           <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>
@@ -2274,10 +1901,8 @@
         </label>
         <input class="button button-inline" id="latency-neuters" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2297,10 +1922,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2320,10 +1943,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2343,13 +1964,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="peertube_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_peertube__">PeerTube</h1>
@@ -2357,16 +1976,11 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="peertube-enable" type="checkbox">
+    <input id="peertube-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="simpleertube">
-    
-    <div class="clearnet">
+      <hr>
+      <div id="simpleertube">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2386,8 +2000,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-simpleertube-label" for="latency-simpleertube"> 
           <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>
@@ -2396,10 +2009,8 @@
         </label>
         <input class="button button-inline" id="latency-simpleertube" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2419,10 +2030,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2442,10 +2051,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2465,13 +2072,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="lbry_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_lbry__">LBRY</h1>
@@ -2479,37 +2084,37 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="lbry-enable" type="checkbox">
+    <input id="lbry-enabled" 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">lbryDesktop</option>
-    
-  </select>
+    <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">
+    <div id="lbry-embedFrontend">
+    <div class="some-block option-block">
+      <h4 data-localise="__MSG_embed_frontend__">Embed Frontend</h4>
+      <select id="lbry-embed_frontend">
+                        <option value="librarian">librarian</option>
+                                
+      </select>
+    </div>
+  </div>
+        <div class="some-block option-block">
     <h4 data-localise="__MSG_redirectType__">Redirect Type</h4>
-    <select id="lbry-redirect_type">
+    <select id="lbry-redirectType">
       <option value="both" data-localise="__MSG_both__">both</option>
-      <option value="onlyEmbedded" data-localise="__MSG_onlyEmbedded__">Only Embedded</option>
-      <option value="onlyNotEmbedded" data-localise="__MSG_onlyNotEmbedded__">Only Not Embedded</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">
+    <hr>
+      <div id="librarian">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2529,8 +2134,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-librarian-label" for="latency-librarian"> 
           <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>
@@ -2539,10 +2143,8 @@
         </label>
         <input class="button button-inline" id="latency-librarian" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2562,10 +2164,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2585,10 +2185,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2608,13 +2206,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+        
 </section>
-
 <section class="option-block" id="search_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_search__">Search</h1>
@@ -2622,32 +2218,22 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="search-enable" type="checkbox">
+    <input id="search-enabled" 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>
+    <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">
+        <hr>
+      <div id="searx">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2667,8 +2253,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-searx-label" for="latency-searx"> 
           <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>
@@ -2677,10 +2262,8 @@
         </label>
         <input class="button button-inline" id="latency-searx" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2700,10 +2283,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2723,10 +2304,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2746,14 +2325,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
-  <div id="searxng">
-    
-    <div class="clearnet">
+        <div id="searxng">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2773,8 +2349,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-searxng-label" for="latency-searxng"> 
           <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>
@@ -2783,10 +2358,8 @@
         </label>
         <input class="button button-inline" id="latency-searxng" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2806,10 +2379,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2829,10 +2400,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2852,14 +2421,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
-  <div id="whoogle">
-    
-    <div class="clearnet">
+        <div id="whoogle">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2879,8 +2445,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-whoogle-label" for="latency-whoogle"> 
           <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>
@@ -2889,10 +2454,8 @@
         </label>
         <input class="button button-inline" id="latency-whoogle" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2912,10 +2475,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2935,10 +2496,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2958,14 +2517,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
-  <div id="librex">
-    
-    <div class="clearnet">
+        <div id="librex">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -2985,8 +2541,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-librex-label" for="latency-librex"> 
           <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>
@@ -2995,10 +2550,8 @@
         </label>
         <input class="button button-inline" id="latency-librex" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3018,10 +2571,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3041,10 +2592,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3064,13 +2613,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="translate_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_translate__">Translate</h1>
@@ -3078,28 +2625,20 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="translate-enable" type="checkbox">
+    <input id="translate-enabled" 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</option>
-    
-    
-  </select>
+    <h4 data-localise="__MSG_frontend__">Frontend</h4>
+    <select id="translate-frontend">
+            <option value="simplyTranslate">SimplyTranslate</option>
+            <option value="lingva">Lingva</option>
+      
+    </select>
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="simplyTranslate">
-    
-    <div class="clearnet">
+        <hr>
+      <div id="simplyTranslate">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3119,8 +2658,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-simplyTranslate-label" for="latency-simplyTranslate"> 
           <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>
@@ -3129,10 +2667,8 @@
         </label>
         <input class="button button-inline" id="latency-simplyTranslate" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3152,10 +2688,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3175,10 +2709,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3198,14 +2730,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
-  <div id="lingva">
-    
-    <div class="clearnet">
+        <div id="lingva">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3225,8 +2754,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-lingva-label" for="latency-lingva"> 
           <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>
@@ -3235,10 +2763,8 @@
         </label>
         <input class="button button-inline" id="latency-lingva" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3258,10 +2784,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3281,10 +2805,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3304,13 +2826,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
-
 <section class="option-block" id="maps_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_maps__">Maps</h1>
@@ -3318,28 +2838,20 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="maps-enable" type="checkbox">
+    <input id="maps-enabled" type="checkbox">
   </div>
   
   <div class="some-block option-block">
-  <h4 data-localise="__MSG_frontend__">Frontend</h4>
-  <select id="maps-frontend">
-    
-    <option value="facil">facil</option>
-    
-    
-    <option value="osm">osm</option>
-    
-  </select>
+    <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">
+        <hr>
+      <div id="facil">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3359,8 +2871,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-facil-label" for="latency-facil"> 
           <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>
@@ -3369,10 +2880,8 @@
         </label>
         <input class="button button-inline" id="latency-facil" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3392,10 +2901,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3415,10 +2922,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3438,13 +2943,11 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+        
 </section>
-
 <section class="option-block" id="sendTargets_page">
   <div class="some-block option-block">
     <h1 data-localise="__MSG_sendTargets__">Send Files</h1>
@@ -3452,16 +2955,11 @@
   <hr>
   <div class="some-block option-block">
     <h4 data-localise="__MSG_enable__">Enable</h4>
-    <input id="sendTargets-enable" type="checkbox">
+    <input id="sendTargets-enabled" type="checkbox">
   </div>
-  
-  
-  
-  <hr>
-  
-  <div id="send">
-    
-    <div class="clearnet">
+      <hr>
+      <div id="send">
+        <div class="clearnet">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3481,8 +2979,7 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-      <div class="buttons buttons-inline">
+            <div class="buttons buttons-inline">
         <label class="button button-inline" id="latency-send-label" for="latency-send"> 
           <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>
@@ -3491,10 +2988,8 @@
         </label>
         <input class="button button-inline" id="latency-send" style="display:none;">
       </div>
-      
-    </div>
-    
-    <div class="tor">
+          </div>
+        <div class="tor">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3514,10 +3009,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="i2p">
+          </div>
+        <div class="i2p">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3537,10 +3030,8 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
-    
-    <div class="loki">
+          </div>
+        <div class="loki">
       <div class="some-block option-block">
         <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
       </div>
@@ -3560,15 +3051,13 @@
         </div>
       </form>
       <div class="checklist custom-checklist"></div>
-      
-    </div>
+          </div>
     
   </div>
-  
+    
 </section>
 
 <script type="module" src="./widgets/services.js"></script>
-
       <section class="option-block" id="about_page"> 
 <div class="some-block option-block">
   <h1 data-localise="__MSG_about__">About</h1>
@@ -3593,7 +3082,6 @@
   </div>
 </div>
 </section>
-
     </div>
   </body>
   <script type="module" src="./index.js"></script>