mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-06 19:54:39 +00:00
Seth Burkart
299 lines
14 KiB
HTML
299 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<!-- // This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with this program. If not, see <https://www.gnu.org/licenses/>. -->
|
|
<html>
|
|
|
|
<head>
|
|
<link rel="stylesheet" href="coloris.css" />
|
|
<script src="coloris.js"></script>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="info.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<style>
|
|
body {
|
|
width: 350px;
|
|
margin: 0;
|
|
background-color: #131313;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
|
|
<div class="logo-container"><img src="/icons/betterseqta-light-full.png"></div>
|
|
<div class="main-page" id="mainpage">
|
|
<div class="topmenu">
|
|
<div class="navitem activenav" id="miscsection">Settings</div>
|
|
<div class="navitem" id="shortcutsection">Shortcuts</div>
|
|
<div class="navitem" id="aboutsection">About</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="menu-page hiddenmenu" id="menupage">
|
|
<div class="selector-container" style="margin-bottom: 0;">
|
|
|
|
<div class="menu-item-selection">
|
|
|
|
<div class="aboutcontainer">
|
|
<div>
|
|
<h1 class="addonitem">About</h1>
|
|
<p class="item subitem">Created and developed and maintained by CK and AH</p>
|
|
<p class="item subitem">Better than BetterSEQTA is a revived or BetterSEQTA
|
|
which is no longer maintained.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="aboutcontainer">
|
|
<div>
|
|
<a class="aboutlinks"
|
|
href="https://chrome.google.com/webstore/detail/betterseqta/boikofabjaholheekefimfojfncpjfib"
|
|
target="_blank">
|
|
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
|
|
<path fill="currentColor"
|
|
d="M12,20L15.46,14H15.45C15.79,13.4 16,12.73 16,12C16,10.8 15.46,9.73 14.62,9H19.41C19.79,9.93 20,10.94 20,12A8,8 0 0,1 12,20M4,12C4,10.54 4.39,9.18 5.07,8L8.54,14H8.55C9.24,15.19 10.5,16 12,16C12.45,16 12.88,15.91 13.29,15.77L10.89,19.91C7,19.37 4,16.04 4,12M15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9A3,3 0 0,1 15,12M12,4C14.96,4 17.54,5.61 18.92,8H12C10.06,8 8.45,9.38 8.08,11.21L5.7,7.08C7.16,5.21 9.44,4 12,4M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" />
|
|
</svg>
|
|
Chrome Webstore
|
|
</a>
|
|
<a class="aboutlinks" href="https://addons.mozilla.org/en-US/firefox/addon/betterseqta/" target="_blank">
|
|
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
|
|
<path fill="currentColor"
|
|
d="M9.27 7.94C9.27 7.94 9.27 7.94 9.27 7.94M6.85 6.74C6.86 6.74 6.86 6.74 6.85 6.74M21.28 8.6C20.85 7.55 19.96 6.42 19.27 6.06C19.83 7.17 20.16 8.28 20.29 9.1L20.29 9.12C19.16 6.3 17.24 5.16 15.67 2.68C15.59 2.56 15.5 2.43 15.43 2.3C15.39 2.23 15.36 2.16 15.32 2.09C15.26 1.96 15.2 1.83 15.17 1.69C15.17 1.68 15.16 1.67 15.15 1.67H15.13L15.12 1.67L15.12 1.67L15.12 1.67C12.9 2.97 11.97 5.26 11.74 6.71C11.05 6.75 10.37 6.92 9.75 7.22C9.63 7.27 9.58 7.41 9.62 7.53C9.67 7.67 9.83 7.74 9.96 7.68C10.5 7.42 11.1 7.27 11.7 7.23L11.75 7.23C11.83 7.22 11.92 7.22 12 7.22C12.5 7.21 12.97 7.28 13.44 7.42L13.5 7.44C13.6 7.46 13.67 7.5 13.75 7.5C13.8 7.54 13.86 7.56 13.91 7.58L14.05 7.64C14.12 7.67 14.19 7.7 14.25 7.73C14.28 7.75 14.31 7.76 14.34 7.78C14.41 7.82 14.5 7.85 14.54 7.89C14.58 7.91 14.62 7.94 14.66 7.96C15.39 8.41 16 9.03 16.41 9.77C15.88 9.4 14.92 9.03 14 9.19C17.6 11 16.63 17.19 11.64 16.95C11.2 16.94 10.76 16.85 10.34 16.7C10.24 16.67 10.14 16.63 10.05 16.58C10 16.56 9.93 16.53 9.88 16.5C8.65 15.87 7.64 14.68 7.5 13.23C7.5 13.23 8 11.5 10.83 11.5C11.14 11.5 12 10.64 12.03 10.4C12.03 10.31 10.29 9.62 9.61 8.95C9.24 8.59 9.07 8.42 8.92 8.29C8.84 8.22 8.75 8.16 8.66 8.1C8.43 7.3 8.42 6.45 8.63 5.65C7.6 6.12 6.8 6.86 6.22 7.5H6.22C5.82 7 5.85 5.35 5.87 5C5.86 5 5.57 5.16 5.54 5.18C5.19 5.43 4.86 5.71 4.56 6C4.21 6.37 3.9 6.74 3.62 7.14C3 8.05 2.5 9.09 2.28 10.18C2.28 10.19 2.18 10.59 2.11 11.1L2.08 11.33C2.06 11.5 2.04 11.65 2 11.91L2 11.94L2 12.27L2 12.32C2 17.85 6.5 22.33 12 22.33C16.97 22.33 21.08 18.74 21.88 14C21.9 13.89 21.91 13.76 21.93 13.63C22.13 11.91 21.91 10.11 21.28 8.6Z" />
|
|
</svg>
|
|
Firefox Add-ons
|
|
</a>
|
|
</svg>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="aboutcontainer" style="color: rgb(155, 155, 155); font-size: 14px; margin-top: 7px;">
|
|
<p>Contact: cacakaca@outlook.com</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="menu-page hiddenmenu" id="shortcutpage">
|
|
<div class="selector-container" style="margin-bottom: 0; max-height: 17em; overflow-y:hidden;">
|
|
<div>
|
|
<div class="custom-shortcuts-button custom-shortcuts-buttons">Create Custom Shortcut</div>
|
|
<div class="custom-shortcuts-container">
|
|
<label for="shortcutname" class="custom-shortcuts-label">Shortcut Name:</label>
|
|
<input type="text" id="shortcutname" name="shortcutname" class="custom-shortcuts-field" placeholder="e.g. Google" maxlength="20">
|
|
<label for="shortcuturl" class="custom-shortcuts-label">URL:</label>
|
|
<input type="text" id="shortcuturl" name="shortcuturl" class="custom-shortcuts-field" placeholder="e.g. https://www.google.com">
|
|
<div class="custom-shortcuts-submit custom-shortcuts-buttons">Create</div>
|
|
</div>
|
|
</div>
|
|
<div class="menu-item-selection menushortcut">
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">YouTube</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="youtube">
|
|
<label for="youtube" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Outlook</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="outlook">
|
|
<label for="outlook" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Office</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="office">
|
|
<label for="office" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Spotify</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="spotify">
|
|
<label for="spotify" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Google</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="google">
|
|
<label for="google" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">DuckDuckGo</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="duckduckgo">
|
|
<label for="duckduckgo" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Cool Math Games</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="coolmathgames">
|
|
<label for="coolmathgames" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">SACE</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="sace">
|
|
<label for="sace" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Google Scholar</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="googlescholar">
|
|
<label for="googlescholar" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Gmail</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="gmail">
|
|
<label for="gmail" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Netflix</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="netflix">
|
|
<label for="netflix" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
<div class="item-container menushortcuts">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Education Perfect</h1>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification shortcutitem" type="checkbox"
|
|
id="netflix">
|
|
<label for="educationperfect" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="menu-page" id="miscpage">
|
|
<div class="selector-container" style="margin-bottom: 0;">
|
|
<div class="menu-item-selection">
|
|
|
|
<div class="item-container">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Notification Collector</h1>
|
|
<p class="item subitem">Shows the real number of notifications</p>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification" type="checkbox" id="notification">
|
|
<label for="notification" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item-container">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Lesson Alerts</h1>
|
|
<p class="item subitem">Sends a native browser notification ~5 minutes prior to lessons.</p>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification" type="checkbox" id="lessonalert">
|
|
<label for="lessonalert" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item-container">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Animated Background</h1>
|
|
<p class="item subitem">Adds an animated background to Better than BetterSEQTA.</p>
|
|
</div>
|
|
<div class="onoffswitch"><input class="onoffswitch-checkbox notification" type="checkbox" id="animatedbk">
|
|
<label for="animatedbk" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item-container">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">Custom Theme Colour</h1>
|
|
<p class="item subitem">Customise the overall theme colour of SEQTA Learn.</p>
|
|
</div>
|
|
<div class="clr-field" style="justify-content: end; display: flex; margin: 5px;">
|
|
<button aria-labelledby="clr-open-label"
|
|
style="width: 51px; right: 0px; border: 1px solid white; border-radius: 3px;"></button>
|
|
<input type="text" id="colorpicker" class="coloris"
|
|
style="width: 48px; border-radius: 3px; padding: 6px 0;" />
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="item-container" style="height: 2em; margin-top: 0px;">
|
|
<div class="text-container">
|
|
<h1 class="addonitem">BetterSEQTA</h1>
|
|
</div>
|
|
<div class="onoffswitch" style="margin-bottom: 0px;"><input class="onoffswitch-checkbox notification"
|
|
type="checkbox" id="onoff">
|
|
<label for="onoff" class="onoffswitch-label"></label>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="domain-container">Not working on your SEQTA?<div class="domain-container-button" id="domain-button">Add Permissions for Newer Domains</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="bottom-container">
|
|
<div class="applychanges" id="applychanges">
|
|
<div>
|
|
<h5>Unsaved Changes</h5>
|
|
<h6>Click to apply.</h6>
|
|
</div>
|
|
</div>
|
|
|
|
<div></div>
|
|
|
|
<div style="position: absolute; bottom: 15px; right: 50px; color: rgb(177, 177, 177); display: flex;">
|
|
<p style="margin: 0; margin-right: 5px; color: white;">Maintanied by RTC </p>
|
|
<p style="margin: 0; margin-right: 5px;" id="version"></p>
|
|
</div><img src="/popup/github.svg" alt="" id="github">
|
|
</div>
|
|
<script src="info.js"></script>
|
|
|
|
|
|
|
|
</html>
|