Format using prettier

.vscode/settings.json

@@ -3,9 +3,5 @@
   "editor.insertSpaces": true,
   "editor.formatOnSave": true,
   "editor.formatOnPaste": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
-  "files.autoSave": "afterDelay",
-  "files.autoSaveDelay": 0,
-  "css.lint.unknownAtRules": "ignore",
-  "editor.linkedEditing": true
 }

README.md

@@ -1,5 +1,3 @@
-
-
 # Nebula
 
 NebulaWeb is an official flagship of Nebula Services and Nebula Developer Labs. NebulaWeb is a stunning, sleek, and functional web-proxy with support for thousands of popular sites. With NebulaWeb, the sky is the limit.
@@ -8,32 +6,29 @@ NebulaWeb is an official flagship of Nebula Services and Nebula Developer Labs.
 
 ![chat](https://img.shields.io/badge/chat-1139%20online-brightgreen)
 
-
-
-
 ## Features
 
 - Stunning and highly functional UI with multiple themes
 - XOR/b64 encoding all traffic
 - Hides your IP from sites
 - [List of officially supported sites](https://github.com/NebulaServices/Nebula/blob/main/docs/officially-supported-sites.md)
-- *limited* mobile support
+- _limited_ mobile support
 - Stealth Mode (buffed `about:blank` cloaking)
 - **NEW** Clickoff cloaking
 - **NEW** Email OTP verification
 
-
 # Deployment
 
 Table of contents
+
 - Quick & easy deployment
 - Deployment configuration explaination
 - how to use email OTP Verification mode
 - Advanced Deployment
 - Filesystem
 
-
 ## Quick & Easy Deployment Options
+
 [![Deploy to Heroku](https://raw.githubusercontent.com/BinBashBanana/deploy-buttons/master/buttons/remade/heroku.svg)](https://heroku.com/deploy/?template=https://github.com/NebulaServices/Nebula)
 <br>
 [![Run on Replit](https://raw.githubusercontent.com/BinBashBanana/deploy-buttons/master/buttons/remade/replit.svg)](https://replit.com/github/NebulaServices/Nebula)
@@ -51,8 +46,11 @@ Table of contents
 [![Deploy To Koyeb](https://binbashbanana.github.io/deploy-buttons/buttons/remade/koyeb.svg)](https://app.koyeb.com/deploy?type=git&repository=github.com/NebulaServices/Nebula&branch=main&name=NebulaProxy)
 
 ---
+
 ## Deployment Configuration Guide
+
 (Example configuration with none-json notes)
+
 ```json
 {
   "sendgrid_verification": false,
@@ -80,40 +78,48 @@ Table of contents
 ```
 
 ## Email Verification OTP
+
 ### What is this?
+
 Email verification is a new and unique feature that we've implemented in the event that someone wants to keep their deployment of Nebula private and secure.
+
 ### What does it do
+
 When a user tries to access the website, before allowed access they will be asked for a One time password sent to an email set in the deployment configuration. Once verified, they will have 15 day access to the site.
 
 #### SendGrid Setup Instructions
-* Firstly, We need to enable verification within the deployment configuration
-	* change `"sendgrid_verification":false,` to `"sendgrid_verification":true,` above the SendGrid Section
 
-	* _Note: You have to reboot the node app for any changes to take place._
+- Firstly, We need to enable verification within the deployment configuration
-* Now, we need to use an api to send a message 
+
-	* Make an account at Sendgrid (https://app.sendgrid.com/)
+  - change `"sendgrid_verification":false,` to `"sendgrid_verification":true,` above the SendGrid Section
-	* _Note: It is likely that other versions of Nebula will use a different package to send emails._ 
+
-* Verify the email you want to recieve emails from (Create a sender identity)
+  - _Note: You have to reboot the node app for any changes to take place._
-	* Go to settings -> Sender authentication and click Verify a Single Sender
+
-* Now, We need to get the API key to connect to the API 
+- Now, we need to use an api to send a message
-	* Go to settings -> API Keys -> and make an API key. 
+  - Make an account at Sendgrid (https://app.sendgrid.com/)
-* Complete the information in the deployment config `deployment.config.json` under the `sendgrid_options` section such as: sendFromEmail, to_email and api_key 
+  - _Note: It is likely that other versions of Nebula will use a different package to send emails._
+- Verify the email you want to recieve emails from (Create a sender identity)
+  - Go to settings -> Sender authentication and click Verify a Single Sender
+- Now, We need to get the API key to connect to the API
+  - Go to settings -> API Keys -> and make an API key.
+- Complete the information in the deployment config `deployment.config.json` under the `sendgrid_options` section such as: sendFromEmail, to_email and api_key
 
 #### Discord Webhook Setup Instructions
-* Set discord_verification to true in the deployment configuration.
+
-* Create a channel in a discord server you have admin in.
+- Set discord_verification to true in the deployment configuration.
-* Click the Edit Channel button. 
+- Create a channel in a discord server you have admin in.
-* Click Integrations
+- Click the Edit Channel button.
-* Click create web hook and copy the URL.
+- Click Integrations
-* Paste it under the `webhook_url` section in the deployment configuration.
+- Click create web hook and copy the URL.
+- Paste it under the `webhook_url` section in the deployment configuration.
 
 #### SMTP Setup Instructions
-* Set `smtp_verification` to true.
-* Change `to_email` to the email address you want the codes to be sent to.
-* Change `sendFromEmail to the email address that is going to send the codes.
-* Get the host and port from your email provider's documentation.
-* Fill in your username and password under the `user` and `pass` section under auth.
 
+- Set `smtp_verification` to true.
+- Change `to_email` to the email address you want the codes to be sent to.
+- Change `sendFromEmail to the email address that is going to send the codes.
+- Get the host and port from your email provider's documentation.
+- Fill in your username and password under the `user` and `pass` section under auth.
 
 ## Advanced Deployment
 
@@ -121,35 +127,36 @@ When a user tries to access the website, before allowed access they will be aske
 
 credits to @ProgrammerIn-wonderland for writing this wonderful tutorial (which can also be found in the docs :)
 
-* Create an account at https://www.cloudflare.com/
+- Create an account at https://www.cloudflare.com/
-* Create an account at https://www.freenom.com/ (or any registrars) 
+- Create an account at https://www.freenom.com/ (or any registrars)
-* Find a free domain name at Freenom
+- Find a free domain name at Freenom
-* Click checkout 
+- Click checkout
-	* Select (12 Months @ FREE) 
+  - Select (12 Months @ FREE)
-	* Select "Use DNS"
+  - Select "Use DNS"
-		* Select Use your own DNS 
+    - Select Use your own DNS
-* Go to cloudflare, click add new site, and enter the free domain name
+- Go to cloudflare, click add new site, and enter the free domain name
-* Select "Free Plan"
+- Select "Free Plan"
-* Click continue, ignore DNS
+- Click continue, ignore DNS
-	* Copy the name servers cloudflare gives you
+  - Copy the name servers cloudflare gives you
-* Go back to your Freenom tab, enter in the name servers which cloudflare gave you
+- Go back to your Freenom tab, enter in the name servers which cloudflare gave you
-	* You can keep IP blank
+  - You can keep IP blank
-* Click continue
+- Click continue
-* Click complete order
+- Click complete order
-* Go back to cloudflare tab, click "Check Nameservers"
+- Go back to cloudflare tab, click "Check Nameservers"
-* Select DNS on your right bar
+- Select DNS on your right bar
-* Enter in the IP of the server which will be hosting Nebula
+- Enter in the IP of the server which will be hosting Nebula
-    * Target will be `@`
+  - Target will be `@`
-* Click Enable proxy (little gray cloud icon, if active its orange)
+- Click Enable proxy (little gray cloud icon, if active its orange)
-* Select SSL/TLS in your right bar
+- Select SSL/TLS in your right bar
-* Click "Flexible"
+- Click "Flexible"
 
 ---
 
 ### Server configuration
 
-* SSH into the server you'll be using, I'll assume its running Ubuntu 22.04 (though the commands are the same for debian 10+ versions, and Ubuntu versions 20.04+)
+- SSH into the server you'll be using, I'll assume its running Ubuntu 22.04 (though the commands are the same for debian 10+ versions, and Ubuntu versions 20.04+)
-* run 
+- run
+
 ```
 curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - \ &&
 sudo apt-get install -y nodejs npm
@@ -161,11 +168,12 @@ sudo nohup PORT=80 node . &
 ```
 
 **Make sure your firewall is configured to let through port 80 traffic!** \
-*Note: Server will need to run` cd Nebula && sudo nohup PORT=80 node . &` on reboot*
+_Note: Server will need to run` cd Nebula && sudo nohup PORT=80 node . &` on reboot_
 
 ## File Structure
+
 | **File**                         | Purpose                                                                                                  |     |
-|----------------------------------|----------------------------------------------------------------------------------------------------------|---|
+| -------------------------------- | -------------------------------------------------------------------------------------------------------- | --- |
 | `static/index.html`              | The main frontend visuals for NebulaWEB.                                                                 |     |
 | `static/unv.html`                | The verification-required frontend/visuals.                                                              |     |
 | `static/options/`                | The frontend for Nebula's options, settings, and preferences.                                            |     |
@@ -173,7 +181,6 @@ sudo nohup PORT=80 node . &
 | `static/resources/nebulamain.js` | All of the DOM/client code for NebulaWEB. Includes options, themeSystem, cloak, stealthengine, and more. |     |
 | `app.js`                         | The backend server for Nebula. Contains Nodestatic, Bare, HTTP, and more.                                |     |
 
-
 ## Tech Stack
 
 - HTML, JS, CSS
@@ -187,22 +194,20 @@ sudo nohup PORT=80 node . &
 
 For support, email chloe@nebula.bio or join our discord: discord.gg/unblocker
 
-
 ## Demo
 
 [Click here to see a demo of Nebula](https://nebulaproxy.io/)
 
-
 ## Acknowledgements
 
- - [UV (one of the back-end proxy we use)](https://github.com/titaniumnetwork-dev/Ultraviolet)
+- [UV (one of the back-end proxy we use)](https://github.com/titaniumnetwork-dev/Ultraviolet)
- - [Osana (one of the back-end proxy we use)](https://github.com/NebulaServices/Osana)
+- [Osana (one of the back-end proxy we use)](https://github.com/NebulaServices/Osana)
- - [Bare Server](https://github.com/tomphttp/bare-server-node)
+- [Bare Server](https://github.com/tomphttp/bare-server-node)
- - [Partical.JS (v4, 5, 6.1 &< only)](https://github.com/VincentGarreau/particles.js)
+- [Partical.JS (v4, 5, 6.1 &< only)](https://github.com/VincentGarreau/particles.js)
 
 ## License
+
 (Nebula's license is now GNU AGPL V3 as of v7.10)
 Copyright Nebula Services 2021 - Present
 <br>
 This project uses the AGLP GNU V3 license.
-

app.js

@@ -1,9 +1,9 @@
 import createBareServer from "@tomphttp/bare-server-node";
 import http from "http";
-import {createRequire} from "module";
+import { createRequire } from "module";
-import {dirname, join} from "path";
+import { dirname, join } from "path";
 import serveStatic from "serve-static";
-import {fileURLToPath} from "url";
+import { fileURLToPath } from "url";
 const require = createRequire(import.meta.url);
 const config = require("./deployment.config.json");
 import fs from "fs";
@@ -12,30 +12,30 @@ import sgTransport from "nodemailer-sendgrid-transport";
 import nodemailer from "nodemailer";
 import fetch from "node-fetch";
 const options = {
-  auth : {
+  auth: {
-    api_key : config.sendgrid_options.api_key,
+    api_key: config.sendgrid_options.api_key
-  },
+  }
 };
 const sendgridMailerAgent = nodemailer.createTransport(sgTransport(options));
 const smtpMailerAgent = nodemailer.createTransport(config.smtp_options);
 function sendVerificationEmail(UUID, OTP) {
   let email = {
-    to : "",
+    to: "",
-    from : "",
+    from: "",
-    subject : `NebulaWEB personal access code ${OTP}`,
+    subject: `NebulaWEB personal access code ${OTP}`,
-    text : `
+    text: `
  ####### ACCESS CODE (OTP) ${OTP} #######
  ####### DO NOT SHARE THIS CODE!  ####### 
   (this message is automated)`,
-    html : `
+    html: `
     ####### ACCESS CODE (OTP) ${OTP} #######
  ####### DO NOT SHARE THIS CODE!  ####### 
   (this message is automated)
-  `,
+  `
   };
   if (config.sendgrid_verification == true) {
-    email.to = config.sendgrid_options.to_email
+    email.to = config.sendgrid_options.to_email;
-    email.from = config.sendgrid_options.sendFromEmail
+    email.from = config.sendgrid_options.sendFromEmail;
     sendgridMailerAgent.sendMail(email, (err, res) => {
       if (err) {
         console.log(err);
@@ -44,8 +44,8 @@ function sendVerificationEmail(UUID, OTP) {
     });
   }
   if (config.smtp_verification == true) {
-    email.to = config.smtp_options.to_email
+    email.to = config.smtp_options.to_email;
-    email.from = config.smtp_options.sendFromEmail
+    email.from = config.smtp_options.sendFromEmail;
     smtpMailerAgent.sendMail(email, (err, res) => {
       if (err) {
         console.log(err);
@@ -55,13 +55,13 @@ function sendVerificationEmail(UUID, OTP) {
   }
   if (config.discord_verification == true) {
     fetch(config.webhook_url, {
-      method : "POST",
+      method: "POST",
-      headers : {
+      headers: {
-        "Content-Type" : "application/json",
+        "Content-Type": "application/json"
       },
-      body : JSON.stringify({
+      body: JSON.stringify({
-        content : `Your NebulaWEB access code is ${OTP}`,
+        content: `Your NebulaWEB access code is ${OTP}`
-      }),
+      })
     });
   }
 }
@@ -76,15 +76,17 @@ function getNewCode() {
 
 const PORT = process.env.PORT || 3000;
 const bareServer = createBareServer("/bare/", {
-  logErrors : false,
+  logErrors: false,
-  localAddress : undefined,
+  localAddress: undefined
 });
 
-const serve =
+const serve = serveStatic(
-    serveStatic(join(dirname(fileURLToPath(import.meta.url)), "static/"), {
+  join(dirname(fileURLToPath(import.meta.url)), "static/"),
-      fallthrough : false,
+  {
-      maxAge : 5 * 60 * 1000,
+    fallthrough: false,
-    });
+    maxAge: 5 * 60 * 1000
+  }
+);
 
 const server = http.createServer();
 
@@ -97,9 +99,8 @@ server.on("request", (request, response) => {
       const url = request.url;
       if (url.startsWith("/sendNewCode")) {
         const OTP = getNewCode();
-        fs.writeFile("./memory.txt", OTP, function(err) {
+        fs.writeFile("./memory.txt", OTP, function (err) {
-          if (err)
+          if (err) return console.log(err);
-            return console.log(err);
           console.log(`Wrote OTP code to temp file`);
         });
 
@@ -115,33 +116,35 @@ server.on("request", (request, response) => {
           base64data = buff.toString("base64");
           console.log("302");
           response.writeHead(302, {
-            location : "/unv.html?c=" + base64data,
+            location: "/unv.html?c=" + base64data
           });
           response.end();
         });
       } else if (url.startsWith("/verification")) {
         var body;
-        if (config.sendgrid_verification == true ||
+        if (
+          config.sendgrid_verification == true ||
           config.discord_verification == true ||
-            config.smtp_verificaton == true) {
+          config.smtp_verificaton == true
+        ) {
           const body = "true";
           response.writeHead(200, {
-            "Content-Length" : Buffer.byteLength(body),
+            "Content-Length": Buffer.byteLength(body),
-            "Content-Type" : "text/plain",
+            "Content-Type": "text/plain"
           });
           response.end(body);
         } else {
           const body = "false";
           response.writeHead(200, {
-            "Content-Length" : Buffer.byteLength(body),
+            "Content-Length": Buffer.byteLength(body),
-            "Content-Type" : "text/plain",
+            "Content-Type": "text/plain"
           });
           response.end(body);
         }
       } else {
         serve(request, response, (err) => {
           response.writeHead(err?.statusCode || 500, null, {
-            "Content-Type" : "text/plain",
+            "Content-Type": "text/plain"
           });
           response.end(err?.stack);
         });
@@ -149,7 +152,7 @@ server.on("request", (request, response) => {
     }
   } catch (e) {
     response.writeHead(500, "Internal Server Error", {
-      "Content-Type" : "text/plain",
+      "Content-Type": "text/plain"
     });
     response.end(e.stack);
   }

docker-compose.yml

@@ -1,4 +1,4 @@
-version: '3'
+version: "3"
 services:
   nebula:
     image: nebula:latest

ecosystem.config.js

@@ -1,6 +1,8 @@
 module.exports = {
-    apps: [{
+  apps: [
+    {
       name: "Site",
       script: "proxysocks node app.js"
-    }]
+    }
-}
+  ]
+};

static/options/index.html

@@ -59,9 +59,9 @@
             <div style='color:black;'>
                Acknowledgements are resources Nebula is using/has used. 
                <ul style='color:black;'>
-                  <li><a style='color:black;' href="https://github.com/titaniumnetwork-dev/Ultraviolet">UV (one of the back-end proxy we use)</a></li>
+                  <li><a style='color:black;' href="https://github.com/titaniumnetwork-dev/Ultraviolet">Ultraviolet (one of the proxies we use)</a></li>
-                  <li><a style='color:black;' href="https://github.com/NebulaServices/Osana">Osana (one of the back-end proxy we use)</a></li>
+                  <li><a style='color:black;' href="https://github.com/NebulaServices/Osana">Osana (one of the proxies we use)</a></li>
-                  <li><a style='color:black;' href="https://github.com/tomphttp/bare-server-node">Bare Server</a></li>
+                  <li><a style='color:black;' href="https://github.com/tomphttp/bare-server-node">Bare Server Node</a></li>
                   <br>
                   <li><a style='color:black;' href="https://github.com/VincentGarreau/particles.js">Partical.JS (v4, 5, 6.1 &amp;&lt; only)</a></li>
                </ul>

static/privacy/index.html

@@ -4,49 +4,103 @@
 <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
 <!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
 <html>
-
+  <head>
-<head>
+    <meta charset="utf-8" />
-    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title></title>
-    <meta name="description" content="">
+    <meta name="description" content="" />
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="">
+    <link rel="stylesheet" href="" />
-</head>
+  </head>
 
-<body>
+  <body>
     <h2>Privacy Policy</h2>
-    <p>Your privacy is important to us. It is Nebula Services&#39; policy to respect your privacy and comply with any applicable law and regulation regarding any personal information we may collect about you, including across our website, <a href="https://nebula.bio">https://nebula.bio</a>,
+    <p>
-        and other sites we own and operate. </p>
+      Your privacy is important to us. It is Nebula Services&#39; policy to
-    <p>This policy is effective as of 8 June 2022 and was last updated on 8 June 2022. </p>
+      respect your privacy and comply with any applicable law and regulation
+      regarding any personal information we may collect about you, including
+      across our website, <a href="https://nebula.bio">https://nebula.bio</a>,
+      and other sites we own and operate.
+    </p>
+    <p>
+      This policy is effective as of 8 June 2022 and was last updated on 8 June
+      2022.
+    </p>
     <h3>Information We Collect</h3>
-    <p>Information we collect includes both information you knowingly and actively provide us when using or participating in any of our services and promotions, and any information automatically sent by your devices in the course of accessing our products
+    <p>
-        and services. </p>
+      Information we collect includes both information you knowingly and
+      actively provide us when using or participating in any of our services and
+      promotions, and any information automatically sent by your devices in the
+      course of accessing our products and services.
+    </p>
     <h4>Log Data</h4>
-    <p>When you visit our website, our servers may automatically log the standard data provided by your web browser. It may include your device’s Internet Protocol (IP) address, your browser type and version, the pages you visit, the time and date of your
+    <p>
-        visit, the time spent on each page, other details about your visit, and technical details that occur in conjunction with any errors you may encounter. </p>
+      When you visit our website, our servers may automatically log the standard
-    <p>Please be aware that while this information may not be personally identifying by itself, it may be possible to combine it with other data to personally identify individual persons. </p>
+      data provided by your web browser. It may include your device’s Internet
+      Protocol (IP) address, your browser type and version, the pages you visit,
+      the time and date of your visit, the time spent on each page, other
+      details about your visit, and technical details that occur in conjunction
+      with any errors you may encounter.
+    </p>
+    <p>
+      Please be aware that while this information may not be personally
+      identifying by itself, it may be possible to combine it with other data to
+      personally identify individual persons.
+    </p>
     <h4>Collection and Use of Information</h4>
-    <p>We may collect personal information from you when you do any of the following on our website: </p>
+    <p>
+      We may collect personal information from you when you do any of the
+      following on our website:
+    </p>
     <ul>
       <li>Use a mobile device or web browser to access our content</li>
-        <li>Contact us via email, social media, or on any similar technologies</li>
+      <li>
+        Contact us via email, social media, or on any similar technologies
+      </li>
       <li>When you mention us on social media</li>
     </ul>
     <h3>Children’s Privacy</h3>
-    <p>We do not aim any of our products or services directly at children under the age of 13, and we do not knowingly collect personal information about children under 13. </p>
+    <p>
+      We do not aim any of our products or services directly at children under
+      the age of 13, and we do not knowingly collect personal information about
+      children under 13.
+    </p>
     <h3>Use of Cookies</h3>
-    <p>We use &ldquo;cookies&rdquo; to collect information about you and your activity across our site. A cookie is a small piece of data that our website stores on your computer, and accesses each time you visit, so we can understand how you use our site.
+    <p>
-        This helps us serve you content based on preferences you have specified. </p>
+      We use &ldquo;cookies&rdquo; to collect information about you and your
+      activity across our site. A cookie is a small piece of data that our
+      website stores on your computer, and accesses each time you visit, so we
+      can understand how you use our site. This helps us serve you content based
+      on preferences you have specified.
+    </p>
     <h3>Limits of Our Policy</h3>
-    <p>Our website may link to external sites that are not operated by us. Please be aware that we have no control over the content and policies of those sites, and cannot accept responsibility or liability for their respective privacy practices. </p>
+    <p>
+      Our website may link to external sites that are not operated by us. Please
+      be aware that we have no control over the content and policies of those
+      sites, and cannot accept responsibility or liability for their respective
+      privacy practices.
+    </p>
     <h3>Changes to This Policy</h3>
-    <p>At our discretion, we may change our privacy policy to reflect updates to our business processes, current acceptable practices, or legislative or regulatory changes. If we decide to change this privacy policy, we will post the changes here at the
+    <p>
-        same link by which you are accessing this privacy policy. </p>
+      At our discretion, we may change our privacy policy to reflect updates to
-    <p>If required by law, we will get your permission or give you the opportunity to opt in to or opt out of, as applicable, any new uses of your personal information. </p>
+      our business processes, current acceptable practices, or legislative or
+      regulatory changes. If we decide to change this privacy policy, we will
+      post the changes here at the same link by which you are accessing this
+      privacy policy.
+    </p>
+    <p>
+      If required by law, we will get your permission or give you the
+      opportunity to opt in to or opt out of, as applicable, any new uses of
+      your personal information.
+    </p>
     <h3>Contact Us</h3>
-    <p>For any questions or concerns regarding your privacy, you may contact us using the following details: </p>
+    <p>
-    <p>Chloe B<br /> chloe@nebula.bio </p>
+      For any questions or concerns regarding your privacy, you may contact us
-</body>
+      using the following details:
-
+    </p>
+    <p>
+      Chloe B<br />
+      chloe@nebula.bio
+    </p>
+  </body>
 </html>

static/resources/options.js

@@ -1,161 +1,161 @@
 // OPTIONS
 
-const storedSetTheme = localStorage.getItem('theme')
+const storedSetTheme = localStorage.getItem("theme");
 
-function switchProxy () {
+function switchProxy() {
-  var selecter = document.getElementById('proxySwitcher')
+  var selecter = document.getElementById("proxySwitcher");
-  var selectedOption = selecter.value
+  var selectedOption = selecter.value;
 
-  localStorage.setItem('proxy', selectedOption)
+  localStorage.setItem("proxy", selectedOption);
-  var storedChoice = localStorage.getItem('proxy')
+  var storedChoice = localStorage.getItem("proxy");
-  console.log(selectedOption)
+  console.log(selectedOption);
 }
-function switchTheme () {
+function switchTheme() {
-  var selecter = document.getElementById('themeSwitcher')
+  var selecter = document.getElementById("themeSwitcher");
-  var selectedOption = selecter.value
+  var selectedOption = selecter.value;
-  if (selectedOption == 'dark') {
+  if (selectedOption == "dark") {
-    changeCSS('--background-primary', '#191724', true)
+    changeCSS("--background-primary", "#191724", true);
-    changeCSS('--navbar-color', '#26233a', true)
+    changeCSS("--navbar-color", "#26233a", true);
-    changeCSS('--navbar-height', '60px', true)
+    changeCSS("--navbar-height", "60px", true);
-    changeCSS('--navbar-text-color', '#7967dd', true)
+    changeCSS("--navbar-text-color", "#7967dd", true);
-    changeCSS('--input-text-color', '#e0def4', true)
+    changeCSS("--input-text-color", "#e0def4", true);
-    changeCSS('--input-placeholder-color', '#6e6a86', true)
+    changeCSS("--input-placeholder-color", "#6e6a86", true);
-    changeCSS('--input-background-color', '#1f1d2e', true)
+    changeCSS("--input-background-color", "#1f1d2e", true);
-    changeCSS('--input-placeholder-color', 'white', true)
+    changeCSS("--input-placeholder-color", "white", true);
-    changeCSS('--input-border-color', '#eb6f92', true)
+    changeCSS("--input-border-color", "#eb6f92", true);
-    changeCSS('--input-border-size', '1.3px', true)
+    changeCSS("--input-border-size", "1.3px", true);
-    changeCSS('--navbar-link-color', '#e0def4', true)
+    changeCSS("--navbar-link-color", "#e0def4", true);
-    changeCSS('--navbar-font', '"Roboto"', true)
+    changeCSS("--navbar-font", '"Roboto"', true);
-    changeCSS('--navbar-logo-filter', 'invert(0%)', true)
+    changeCSS("--navbar-logo-filter", "invert(0%)", true);
-    changeCSS('--text-color-primary', '#e0def4', true)
+    changeCSS("--text-color-primary", "#e0def4", true);
-    localStorage.setItem('theme', 'dark')
+    localStorage.setItem("theme", "dark");
   }
-  if (selectedOption == 'light') {
+  if (selectedOption == "light") {
-    changeCSS('--background-primary', '#d8d8d8', true)
+    changeCSS("--background-primary", "#d8d8d8", true);
-    changeCSS('--navbar-color', '#a2a2a2', true)
+    changeCSS("--navbar-color", "#a2a2a2", true);
-    changeCSS('--navbar-height', '4em', true)
+    changeCSS("--navbar-height", "4em", true);
-    changeCSS('--navbar-text-color', '#000000', true)
+    changeCSS("--navbar-text-color", "#000000", true);
-    changeCSS('--input-text-color', '#e0def4', true)
+    changeCSS("--input-text-color", "#e0def4", true);
-    changeCSS('--input-placeholder-color', 'white', true)
+    changeCSS("--input-placeholder-color", "white", true);
-    changeCSS('--input-background-color', 'black', true)
+    changeCSS("--input-background-color", "black", true);
-    changeCSS('--input-border-color', '#eb6f92', true)
+    changeCSS("--input-border-color", "#eb6f92", true);
-    changeCSS('--input-border-size', '1.3px', true)
+    changeCSS("--input-border-size", "1.3px", true);
-    changeCSS('--navbar-link-color', '#000000', true)
+    changeCSS("--navbar-link-color", "#000000", true);
-    changeCSS('--navbar-font', '"Roboto"', true)
+    changeCSS("--navbar-font", '"Roboto"', true);
-    changeCSS('--navbar-logo-filter', 'invert(30%)', true)
+    changeCSS("--navbar-logo-filter", "invert(30%)", true);
-    changeCSS('--text-color-primary', '#303030', true)
+    changeCSS("--text-color-primary", "#303030", true);
-    localStorage.setItem('theme', 'light')
+    localStorage.setItem("theme", "light");
   }
-  if (selectedOption == 'custom') {
+  if (selectedOption == "custom") {
-    let response = prompt('Please enter the code for a custom theme:', '')
+    let response = prompt("Please enter the code for a custom theme:", "");
-    alert('This feature is not ready yet. Please try again later.')
+    alert("This feature is not ready yet. Please try again later.");
   }
 }
 
 // onload event
 window.onload = function () {
-  let background = localStorage.getItem('--background-primary')
+  let background = localStorage.getItem("--background-primary");
-  let navbar = localStorage.getItem('--navbar-color')
+  let navbar = localStorage.getItem("--navbar-color");
-  let navbarHeight = localStorage.getItem('--navbar-height')
+  let navbarHeight = localStorage.getItem("--navbar-height");
-  let navbarText = localStorage.getItem('--navbar-text-color')
+  let navbarText = localStorage.getItem("--navbar-text-color");
-  let inputText = localStorage.getItem('--input-text-color')
+  let inputText = localStorage.getItem("--input-text-color");
-  let inputPlaceholder = localStorage.getItem('--input-placeholder-color')
+  let inputPlaceholder = localStorage.getItem("--input-placeholder-color");
-  let inputBackground = localStorage.getItem('--input-background-color')
+  let inputBackground = localStorage.getItem("--input-background-color");
-  let inputBorder = localStorage.getItem('--input-border-color')
+  let inputBorder = localStorage.getItem("--input-border-color");
-  let inputBorderSize = localStorage.getItem('--input-border-size')
+  let inputBorderSize = localStorage.getItem("--input-border-size");
-  let navbarFont = localStorage.getItem('--navbar-font')
+  let navbarFont = localStorage.getItem("--navbar-font");
-  let navbarLink = localStorage.getItem('--navbar-link-color')
+  let navbarLink = localStorage.getItem("--navbar-link-color");
-  let navbarLogoFilter = localStorage.getItem('--navbar-logo-filter')
+  let navbarLogoFilter = localStorage.getItem("--navbar-logo-filter");
-  let textColorPrimary = localStorage.getItem('--text-color-primary')
+  let textColorPrimary = localStorage.getItem("--text-color-primary");
-  changeCSS('--background-primary', background)
+  changeCSS("--background-primary", background);
-  changeCSS('--navbar-color', navbar)
+  changeCSS("--navbar-color", navbar);
-  changeCSS('--navbar-height', navbarHeight)
+  changeCSS("--navbar-height", navbarHeight);
-  changeCSS('--navbar-text-color', navbarText)
+  changeCSS("--navbar-text-color", navbarText);
-  changeCSS('--input-text-color', inputText)
+  changeCSS("--input-text-color", inputText);
-  changeCSS('--input-placeholder-color', inputPlaceholder)
+  changeCSS("--input-placeholder-color", inputPlaceholder);
-  changeCSS('--input-background-color', inputBackground)
+  changeCSS("--input-background-color", inputBackground);
-  changeCSS('--input-border-color', inputBorder)
+  changeCSS("--input-border-color", inputBorder);
-  changeCSS('--input-border-size', inputBorderSize)
+  changeCSS("--input-border-size", inputBorderSize);
-  changeCSS('--navbar-link-color', navbarLink)
+  changeCSS("--navbar-link-color", navbarLink);
-  changeCSS('--navbar-font', navbarFont)
+  changeCSS("--navbar-font", navbarFont);
-  changeCSS('--navbar-logo-filter', navbarLogoFilter)
+  changeCSS("--navbar-logo-filter", navbarLogoFilter);
-  changeCSS('--text-color-primary', textColorPrimary)
+  changeCSS("--text-color-primary", textColorPrimary);
-}
+};
 
-function changeCSS (variable, value, saveBool) {
+function changeCSS(variable, value, saveBool) {
-  document.documentElement.style.setProperty(variable, value)
+  document.documentElement.style.setProperty(variable, value);
 
   if (saveBool === true) {
-    saveCSS(variable, value)
+    saveCSS(variable, value);
   }
 }
 
-function saveCSS (variable, value) {
+function saveCSS(variable, value) {
-  localStorage.setItem(variable, value)
+  localStorage.setItem(variable, value);
 }
 
-function resetViews () {
+function resetViews() {
-  changeCSS('--background-primary', '#191724', true)
+  changeCSS("--background-primary", "#191724", true);
-  changeCSS('--navbar-color', '#26233a', true)
+  changeCSS("--navbar-color", "#26233a", true);
-  changeCSS('--navbar-height', '60px', true)
+  changeCSS("--navbar-height", "60px", true);
-  changeCSS('--navbar-text-color', 'rgb(121 103 221)', true)
+  changeCSS("--navbar-text-color", "rgb(121 103 221)", true);
-  changeCSS('--navbar-link-color', '#e0def4', true)
+  changeCSS("--navbar-link-color", "#e0def4", true);
-  changeCSS('--navbar-font', '"Roboto"', true)
+  changeCSS("--navbar-font", '"Roboto"', true);
-  changeCSS('--input-text-color', '#e0def4', true)
+  changeCSS("--input-text-color", "#e0def4", true);
-  changeCSS('--input-placeholder-color', '#6e6a86', true)
+  changeCSS("--input-placeholder-color", "#6e6a86", true);
-  changeCSS('--input-background-color', '#1f1d2e', true)
+  changeCSS("--input-background-color", "#1f1d2e", true);
-  changeCSS('--input-placeholder-color', 'white', true)
+  changeCSS("--input-placeholder-color", "white", true);
-  changeCSS('--input-border-color', '#eb6f92', true)
+  changeCSS("--input-border-color", "#eb6f92", true);
-  changeCSS('--input-border-size', '1.3px', true)
+  changeCSS("--input-border-size", "1.3px", true);
-  return 'All views reset'
+  return "All views reset";
 }
-function saveIc () {
+function saveIc() {
-  console.log('Checked')
+  console.log("Checked");
   var notification = `
               <div class="notification-container" id="notification-container">
               <div class="notification notification-success">
                   <strong>Success!</strong> Your settings have been saved!
               </div>
           </div>
-          `
+          `;
-  document.getElementById('notifhere').innerHTML = notification
+  document.getElementById("notifhere").innerHTML = notification;
   setTimeout(() => {
-    var NotificationOBJ = document.getElementById('notifhere')
+    var NotificationOBJ = document.getElementById("notifhere");
-  }, 2000)
+  }, 2000);
 }
 
-function unsavedChanges () {
+function unsavedChanges() {
   var notification = `
       <div class="notification-container" id="notification-container">
       <div class="notification notification-danger" id="notification-container">
       <strong>Danger!</strong> You have unsaved changes!
   </div>
   </div>
-          `
+          `;
-  document.getElementById('notifhere').innerHTML = notification
+  document.getElementById("notifhere").innerHTML = notification;
   setTimeout(() => {
-    var NotificationOBJ = document.getElementById('notifhere')
+    var NotificationOBJ = document.getElementById("notifhere");
-  }, 2000)
+  }, 2000);
 }
 
-var option = localStorage.getItem('nogg')
+var option = localStorage.getItem("nogg");
 
-function toggleNoGG () {
+function toggleNoGG() {
-  if (option === 'on') {
+  if (option === "on") {
-    option = 'off'
+    option = "off";
-    localStorage.setItem('nogg', 'off')
+    localStorage.setItem("nogg", "off");
   } else {
-    option = 'on'
+    option = "on";
-    localStorage.setItem('nogg', 'on')
+    localStorage.setItem("nogg", "on");
   }
 }
-var option2 = localStorage.getItem('ADVcloak')
+var option2 = localStorage.getItem("ADVcloak");
-function toggleClickoff () {
+function toggleClickoff() {
-  if (option2 === 'on') {
+  if (option2 === "on") {
-    option2 = 'off'
+    option2 = "off";
-    localStorage.setItem('ADVcloak', 'off')
+    localStorage.setItem("ADVcloak", "off");
   } else {
-    option2 = 'on'
+    option2 = "on";
-    localStorage.setItem('ADVcloak', 'on')
+    localStorage.setItem("ADVcloak", "on");
   }
 }

static/style/main.css

@@ -1,5 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap");
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,100&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,100&display=swap");
 
 :root {
   --background-primary: #191724;
@@ -18,7 +18,7 @@
 
 ::-webkit-input-placeholder {
   text-align: center;
-	font-family: 'Roboto';
+  font-family: "Roboto";
 }
 
 :-moz-placeholder {
@@ -78,7 +78,7 @@
 @media only screen and (max-width: 690px) {
   /* funny number */
 
-	#navbar>ul>li {
+  #navbar > ul > li {
     display: none;
   }
 
@@ -92,7 +92,7 @@
     height: var(--navbar-height);
   }
 
-	.sidenav-btn>svg {
+  .sidenav-btn > svg {
     width: 50px;
     height: 50px;
   }
@@ -101,7 +101,7 @@
     display: none;
   }
 
-	#navbar>ul>li>a>svg {
+  #navbar > ul > li > a > svg {
     min-width: 24px;
   }
 }
@@ -109,7 +109,7 @@
 a {
   color: var(--navbar-link-color);
   text-decoration: none !important;
-	font-family: 'Roboto';
+  font-family: "Roboto";
 }
 
 a:hover {
@@ -121,7 +121,7 @@ a:hover {
 .down {
   background-color: rgb(90, 24, 154);
   left: inherit !important;
-	font-family: 'Helvetica';
+  font-family: "Helvetica";
   background-color: var(--navbar-color);
   /* box-shadow: 2px 2px rgb(0 0 0 / 20%); */
   color: white;
@@ -136,7 +136,7 @@ a:hover {
 }
 
 #navbar ul:not(.down) {
-	font-family: 'Helvetica';
+  font-family: "Helvetica";
   /* box-shadow: 2px 2px rgb(0 0 0 / 20%); */
   color: white;
   margin-left: auto;
@@ -157,11 +157,11 @@ a:hover {
 }
 
 ::placeholder,
-input[type='text'] {
+input[type="text"] {
   color: var(--input-placeholder-color);
   font-size: 20px;
   text-align: center;
-	font-family: 'Roboto';
+  font-family: "Roboto";
 }
 
 #navbar ul p,
@@ -197,7 +197,7 @@ ul li ul:hover {
 
 #navbar ul li p {
   color: white;
-	font-family: 'Calibri';
+  font-family: "Calibri";
   z-index: 3 !important;
 }
 
@@ -213,7 +213,7 @@ ul li ul:hover {
   height: 98%;
   color: white;
   flex-direction: column;
-	font-family: 'Roboto';
+  font-family: "Roboto";
 }
 
 #content h1 {
@@ -223,14 +223,14 @@ ul li ul:hover {
 }
 
 #content img {
-	padding-left: .5em;
+  padding-left: 0.5em;
   filter: brightness(0) invert(1);
 }
 
 #content input {
   font-size: 20px;
   text-align: center;
-	font-family: 'Calibri';
+  font-family: "Calibri";
   border-style: solid !important;
   border: var(--input-border-size) solid var(--input-border-color);
   border-width: 1px;
@@ -242,8 +242,7 @@ ul li ul:hover {
   box-shadow: none !important;
   outline: none;
   text-align: center;
-	font-family: 'Roboto';
+  font-family: "Roboto";
-
 }
 
 #content input:focus {
@@ -270,7 +269,7 @@ ul li ul:hover {
   justify-content: center;
   align-items: center;
   flex-direction: row;
-	transition: .1s;
+  transition: 0.1s;
 }
 
 svg path,
@@ -303,8 +302,7 @@ svg rect {
   align-content: center;
   flex-wrap: nowrap;
   flex-direction: row;
-	margin-left: .5%;
+  margin-left: 0.5%;
-
 }
 
 html,
@@ -349,7 +347,7 @@ input:focus::placeholder {
   text-align: right;
   position: fixed;
   bottom: 0;
-	font-family: 'Montserrat', sans-serif;
+  font-family: "Montserrat", sans-serif;
   font-style: italic;
   font-weight: lighter;
   color: whitesmoke;
@@ -359,14 +357,13 @@ input:focus::placeholder {
   padding-left: 5px;
   padding-bottom: 1px;
   cursor: default;
-
 }
 
 .stamp:hover {
   text-align: right;
   position: fixed;
   bottom: 0;
-	font-family: 'Montserrat', sans-serif;
+  font-family: "Montserrat", sans-serif;
   font-style: italic;
   font-weight: lighter;
   color: whitesmoke;
@@ -411,8 +408,7 @@ input:focus::placeholder {
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s;
-	font-family: 'Montserrat', sans-serif;
+  font-family: "Montserrat", sans-serif;
-	;
 }
 
 .modal-window:target {
@@ -421,7 +417,7 @@ input:focus::placeholder {
   pointer-events: auto;
 }
 
-.modal-window>div {
+.modal-window > div {
   width: 400px;
   position: absolute;
   top: 50%;
@@ -456,8 +452,7 @@ input:focus::placeholder {
   color: black;
 }
 
-
+.modal-window > div {
-.modal-window>div {
   border-radius: 1rem;
 }
 
@@ -494,13 +489,12 @@ small {
 .clockColon {
   opacity: 100%;
 
-	animation: blink .5s step-end infinite alternate;
+  animation: blink 0.5s step-end infinite alternate;
   transition: 0.2s;
-
 }
 
 @keyframes blink {
   50% {
-		opacity: 0%
+    opacity: 0%;
   }
 }

static/sw.js

@@ -1,10 +1,12 @@
-importScripts('./uv/uv.sw.js');
+importScripts("./uv/uv.sw.js");
-importScripts('./osana/osana.worker.js');
+importScripts("./osana/osana.worker.js");
 
 const UV = new UVServiceWorker();
 const Osana = new OsanaServiceWorker();
 
-self.addEventListener('fetch', (event) => {
+self.addEventListener("fetch", (event) => {
-  if (event.request.url.startsWith(location.origin + '/service/go/')) event.respondWith(UV.fetch(event));
+  if (event.request.url.startsWith(location.origin + "/service/go/"))
-  if (event.request.url.startsWith(location.origin + '/service/~osana/')) event.respondWith(Osana.fetch(event));
+    event.respondWith(UV.fetch(event));
+  if (event.request.url.startsWith(location.origin + "/service/~osana/"))
+    event.respondWith(Osana.fetch(event));
 });

static/unv.html

@@ -1,18 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-      <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
-      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-      <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
+    <link
-      <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,700&display=swap" rel="stylesheet">
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,700&display=swap"
+      rel="stylesheet"
+    />
   </head>
-   <body style="background: #26233a;">
+  <body style="background: #26233a">
-      <div style="display: flex;
+    <div
+      style="
+        display: flex;
         align-items: center;
         justify-content: center;
         flex-wrap: nowrap;
-         flex-direction: row;">
+        flex-direction: row;
-         <button id='send-code'  style="
+      "
+    >
+      <button
+        id="send-code"
+        style="
           background: #eb6f92;
           border-radius: 3px;
           border: transparent;
@@ -21,15 +33,31 @@
           height: 69px;
           cursor: pointer;
           font-family: 'Roboto', sans-serif;
-            " > Send Verification Code </button>
+        "
-         <svg style="
+      >
-            color: white;
+        Send Verification Code
-            font-size: 10px;
+      </button>
-            width: 53px;
+      <svg
-            " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        style="color: white; font-size: 10px; width: 53px"
-            <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75" />
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        class="w-6 h-6"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"
+        />
       </svg>
-         <input id='codeBox' type="text" placeholder='Enter the code sent to your email' style="width: 268px;
+      <input
+        id="codeBox"
+        type="text"
+        placeholder="Enter the code sent to your email"
+        style="
+          width: 268px;
           font-size: 18px;
           height: 69px;
           background: #1f1d2e;
@@ -38,14 +66,27 @@
           color: white;
           font-style: italic;
           border-radius: 6px;
-               text-align: center;">
+          text-align: center;
-         <svg style="
+        "
-            color: white;
+      />
-            font-size: 10px;
+      <svg
-            width: 53px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        style="color: white; font-size: 10px; width: 53px"
-            <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75" />
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        class="w-6 h-6"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"
+        />
       </svg>
-         <button id="checkCode" style="
+      <button
+        id="checkCode"
+        style="
           background: #eb6f92;
           border-radius: 3px;
           border: transparent;
@@ -54,10 +95,14 @@
           height: 69px;
           cursor: pointer;
           font-family: 'Roboto', sans-serif;
-            "> Submit </button>
+        "
+      >
+        Submit
+      </button>
     </div>
-      <br>
+    <br />
-      <div style="
+    <div
+      style="
         display: flex;
         align-items: center;
         justify-content: center;
@@ -66,11 +111,13 @@
         flex-direction: row;
         color: white;
         font-family: 'Roboto', sans-serif;
-         ">
+      "
-         <p id='checked'></p>
+    >
+      <p id="checked"></p>
     </div>
-      <hr>
+    <hr />
-      <div style="
+    <div
+      style="
         display: flex;
         align-items: center;
         justify-content: center;
@@ -79,8 +126,12 @@
         flex-direction: row;
         color: white;
         font-family: 'Roboto', sans-serif;
-         ">
+      "
-         <p id='checked'>You are seeing this screen because the owner of this website has set this site to require email one time password upon entry.</p>
+    >
+      <p id="checked">
+        You are seeing this screen because the owner of this website has set
+        this site to require email one time password upon entry.
+      </p>
     </div>
     <script src="resources/v.js"></script>
   </body>

version.json

@@ -1 +1 @@
-{"version":"7.11.6"}
+{ "version": "7.11.6" }