settings.html

<head><link rel="manifest" href="/manifest.json"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7487249208457563"
     crossorigin="anonymous"></script>
  <link rel="stylesheet" href="assets/css/navbar.css">
  <link rel="stylesheet" href="assets/css/footer.css">
  <link rel="stylesheet" href="assets/css/settings.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://kit.fontawesome.com/204c1cf7c6.js" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <title>My Drive - Google Drive</title>
  <link rel="icon" type="image/x-icon" href="assets/img/favicons/google-drive.png">
</head>
<body>
    <!-- Start Navbar Code-->
    <nav class="navbar">
        <div class="navbar-container">
            <input type="checkbox" name="" id="">
            <div class="hamburger-lines">
                <span class="line line1"></span>
                <span class="line line2"></span>
                <span class="line line3"></span>
            </div>
            <ul class="menu-items">
                <li><a href="home.html">Home</a></li>
                <li class="dropdown">
                    <span class="nav-title">Games <i class="fa-solid fa-angle-down arrow"></i></span>
                    <ul class="dropdown-menu">
                        <li><a href="games.html">Online Games</a></li>
                        <li><a href="flash-games.html">Flash Games</a></li>
                    </ul>
                </li>
                
                <li><a href="flash-player.html">Flash Player</a></li>
                <li><a href="links.html">Other Links</a></li>
                <li><a href="settings.html"><i class="fa-solid fa-gear fa-lg"></i></a></li>
            </ul>
            <img src="assets/img/logo-text/420x32/logo_text_long_white.png" width="420" height="32" alt="logo small">
        </div>
    </nav>
    <!-- End Navbar Code -->
<div class="page-container">
<div class="content-wrapper">
  <div class="row">
      <div class="box tab-cloaker">
          <h2>Tab Cloaker</h2>
          <div class="buttons">
              <select name="Readymade Cloaks" id="premadecloaks" title="Cloaks">
                  <option value="search">Google</option>
                  <option value="drive">Google Drive</option>
                  <option value="classroom">Google Classroom</option>
                  <option value="gmail">Gmail</option>
                  <option value="word">Word</option>
                  <option value="powerpoint">Powerpoint</option>
                  <option value="youtube">YouTube</option>
                  <option value="calendar">Google Calendar</option>
                  <option value="meets">Google Meet</option>
                  <option value="classroom">Google Classroom</option>
                  <option value="canvas">Canvas</option>
                  <option value="zoom">Zoom</option>
                  <option value="khan">Khan Academy</option>
                  <div class="select-buttons">
                  </div>
                </select>
              <div class="buttons-row">
                  <button class="button button2" onclick="setCloak()">Set</button>
                  <button class="button button2" onclick="resetTab()">Reset</button>
              </div>
          </div>
          <p class="section-text">Custom Cloaks</p>
          <div class="input">
              <input id="title" class="input" placeholder="Title" onkeyup="setTitle(this.value)" />
              <input id="icon" class="input" placeholder="Favicon URL" onkeyup="setFavicon(this.value.trim())" />
          </div>
          <br>
      </div>
      <div class="box panic-button">
          <h2>Panic Button</h2>
          <p>Setup a panic button to hide this website when pressed.</p>
          <div class="input">
              <input id="key-input" type="text" placeholder="Key" value="]">
              <input id="website-input" type="text" placeholder="Website" value="https://classroom.gooogle.com">
          </div>
      </div>
      <div class="box about-blank">
          <h2>About:Blank</h2>
          <p>Open this website as an about:blank tab/window to hide it from your search history.</p>
          <div class="buttons">
              <button onclick="openNewTab()">About:Blank Tab</button>
              <button onclick="openNewWindow()">About:Blank Window</button>
          </div>
      </div>
      <div class="box theme">
          <h2>Theme</h2>
          <p>Customise the theme of certain buttons, boxes, menu items etc...</p>
          <div class="buttons">
              <select id="themeSelector">
                  <option value="dark">Dark</option>
                  <option value="light">Light</option>
              </select>
          </div>
      </div>
  </div>
<!-- Footer Start -->
<footer class="footer-sticky">
    <div class="logo-container">
        <a>BCHS Unblocked Games</a>
    </div>
    <nav class="footer-nav">
        <a href="iframe.html" onclick="setIframeType('settings');localStorage.setItem('shownameandimg', 'false');localStorage.setItem('storedURL', 'https://forms.gle/it3WqC7rxXLx9ePc8');" class="footer-link">Request Games</a>
        <a href="iframe.html" onclick="setIframeType('settings');localStorage.setItem('shownameandimg', 'false');localStorage.setItem('storedURL', 'https://forms.gle/jgaXfQ6SYuetojyc8');" class="footer-link">Report a Problem</a>
        <a href="https://github.com/tw31122007/BCHS-Unblocked-Games" target="_blank" class="footer-link">Github</a>
        <a href="credits.html" class="footer-link">Credits</a>
    </nav>
</footer>
<!-- Footer End -->
</div>
  <script src="assets/js/panic.js"></script>
  <script src="assets/js/aboutblank.js"></script>
  <script src="assets/js/settings/index.js"></script>
  <script src="assets/js/settings.js"></script>
  <script src="assets/js/touchscreen.js"></script>
  <script>
    function setIframeType(type) {
        localStorage.setItem('iframe-type', type);
    }
</script>
</body>