mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-06 11:44:40 +00:00
Compare commits
35 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 SethBurkart123
|
5f561f516c | ||
|
SethBurkart123
|
395ec3291e | ||
|
SethBurkart123
|
96b17c7eeb | ||
|
SethBurkart123
|
fad50e6eba | ||
|
Alphons Joseph
|
f74ad97c0a | ||
|
Alphons Joseph
|
7f4e6cf5ec | ||
|
SethBurkart123
|
677f17c418 | ||
|
Alphons Joseph
|
e58584a55a | ||
|
Alphons Joseph
|
59444dc904 | ||
|
SethBurkart123
|
178c4fdef4 | ||
|
SethBurkart123
|
cdaaceade7 | ||
|
SethBurkart123
|
d65bfa8c46 | ||
|
SethBurkart123
|
694d11477d | ||
|
SethBurkart123
|
61e1bcdae9 | ||
|
SethBurkart123
|
23a09004d8 | ||
|
SethBurkart123
|
3ce075cd47 | ||
|
SethBurkart123
|
92a51daf36 | ||
|
SethBurkart123
|
479b2878a9 | ||
|
SethBurkart123
|
18ffa1b47d | ||
|
Alphons Joseph
|
6098cf9608 | ||
|
Alphons Joseph
|
5fde2a3660 | ||
|
SethBurkart123
|
e4d5f7fd3f | ||
|
Alphons Joseph
|
31b069056d | ||
|
SethBurkart123
|
3e5ebe8ef4 | ||
|
SethBurkart123
|
338292ac15 | ||
|
SethBurkart123
|
187c484901 | ||
|
SethBurkart123
|
24d0616110 | ||
|
SethBurkart123
|
260ac4aaea | ||
|
SethBurkart123
|
4311a8fe76 | ||
|
SethBurkart123
|
251e09941b | ||
|
Seth Burkart
|
bb1541ab2d | ||
|
Andrew R
|
1c6ec3ee91 | ||
|
SethBurkart123
|
0ef0078fb7 | ||
|
SethBurkart123
|
834b8b41af | ||
|
SethBurkart123
|
f1512ba6e1 |
+2
-3
@@ -6,11 +6,10 @@ Below here is the supported versions of BetterSEQTA+. Anything older than this i
|
||||
|
||||
| Version | Supported |
|
||||
| ------- | ------------------ |
|
||||
| 3.4.0 | :white_check_mark: |
|
||||
| <= 3.3 | :x: |
|
||||
| 3.4.3 | ✅ |
|
||||
| < 3.4.3 | :x: |
|
||||
|
||||
`*` May not work on other devices.
|
||||
|
||||
## Reporting a Vulnerability
|
||||
|
||||
If you find vulnerabilities, REPORT IT IMMEDIATELY. Make an issue and use the template provided for vulnerabilities.
|
||||
|
||||
-244
@@ -1,244 +0,0 @@
|
||||
<html class="reveal-full-page"><head>
|
||||
<script>
|
||||
(function() {
|
||||
const originalConsole = window.console;
|
||||
window.console = {
|
||||
log: (...args) => {
|
||||
originalConsole.log(...args);
|
||||
window.parent.postMessage({ type: 'console', message: args.join(' ') }, '*');
|
||||
},
|
||||
error: (...args) => {
|
||||
originalConsole.error(...args);
|
||||
window.parent.postMessage({ type: 'console', message: 'Error: ' + args.join(' ') }, '*');
|
||||
},
|
||||
warn: (...args) => {
|
||||
originalConsole.warn(...args);
|
||||
window.parent.postMessage({ type: 'console', message: 'Warning: ' + args.join(' ') }, '*');
|
||||
}
|
||||
};
|
||||
|
||||
window.addEventListener('error', (event) => {
|
||||
window.parent.postMessage({ type: 'console', message: 'Uncaught Error: ' + event.message }, '*');
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.3.1/reveal.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.3.1/theme/night.min.css">
|
||||
<link rel="stylesheet" href="https://sethburkart123.github.io/sf-pro-fonts/fonts.css" />
|
||||
<style>
|
||||
* {
|
||||
font-family: 'SF Pro Display', sans-serif !important;
|
||||
}
|
||||
.reveal section img {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.custom-fragment {
|
||||
opacity: 0;
|
||||
transition: opacity 0.8s ease;
|
||||
}
|
||||
.visible {
|
||||
opacity: 1;
|
||||
}
|
||||
.reveal .slides section {
|
||||
text-align: left;
|
||||
}
|
||||
.reveal h1, .reveal h2 {
|
||||
color: #58a6ff;
|
||||
font-weight: 800;
|
||||
}
|
||||
.reveal h3 {
|
||||
color: #79c0ff;
|
||||
}
|
||||
.reveal .highlight {
|
||||
color: #7ee787;
|
||||
}
|
||||
.reveal .container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.reveal .box {
|
||||
background: rgba(255,255,255,0.1);
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
.reveal code {
|
||||
background: #1f2937;
|
||||
padding: 3px 5px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="reveal-viewport" style="--slide-width: 960px; --slide-height: 700px;">
|
||||
<div class="reveal slide center focused has-vertical-slides has-horizontal-slides" role="application" data-transition-speed="default" data-background-transition="fade" style="">
|
||||
<div class="slides no-transition" style="width: 960px; height: 700px; inset: 50% auto auto 50%; transform: translate(-50%, -50%) scale(0.527);">
|
||||
<!-- Title Slide -->
|
||||
<section style="top: 0px; display: block;" class="present">
|
||||
<h1>SHA-256: The Digital Fingerprint Maker</h1>
|
||||
<h3>A Journey into Modern Cryptographic Security</h3>
|
||||
<p>An interactive exploration of how SHA-256 keeps our digital world secure</p>
|
||||
</section>
|
||||
|
||||
<!-- What is SHA-256? -->
|
||||
<section style="top: 0px; display: block;" hidden="" aria-hidden="true" class="stack future">
|
||||
<section style="top: 97.5px; display: block;">
|
||||
<h2>What is SHA-256?</h2>
|
||||
<p>Think of SHA-256 as a magical fingerprint machine for digital data:</p>
|
||||
<ul>
|
||||
<li class="fragment" data-fragment-index="0">Takes <em>any</em> digital input (like a message or file)</li>
|
||||
<li class="fragment" data-fragment-index="1">Always produces a unique 256-bit (64 character) fingerprint</li>
|
||||
<li class="fragment" data-fragment-index="2">Even a tiny change creates a completely different fingerprint!</li>
|
||||
</ul>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- How it Works -->
|
||||
<section style="top: 0px; display: block;" hidden="" aria-hidden="true" class="stack future">
|
||||
<section style="top: 62px; display: block;">
|
||||
<h2>How SHA-256 Works 🔨</h2>
|
||||
<p>Imagine a complex assembly line that processes your data:</p>
|
||||
<div class="container">
|
||||
<div class="box fragment" data-fragment-index="0">
|
||||
<h3>1. Preparation</h3>
|
||||
<p>Data is padded like fitting puzzle pieces into fixed 512-bit blocks</p>
|
||||
</div>
|
||||
<div class="box fragment" data-fragment-index="1">
|
||||
<h3>2. Processing</h3>
|
||||
<p>64 rounds of mathematical "mixing" operations</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="future" aria-hidden="true" style="top: 350px; display: none;">
|
||||
<h3>The SHA-256 Process Visualized</h3>
|
||||
<div style="text-align: center;">
|
||||
<svg viewBox="0 0 800 300" style="max-width: 800px;">
|
||||
<!-- Input -->
|
||||
<rect x="50" y="50" width="150" height="60" fill="#58a6ff" opacity="0.8"></rect>
|
||||
<text x="125" y="85" text-anchor="middle" fill="white">Input Data</text>
|
||||
|
||||
<!-- Arrow 1 -->
|
||||
<path d="M200 80 L300 80" stroke="white" stroke-width="2" marker-end="url(#arrowhead)"></path>
|
||||
|
||||
<!-- Processing -->
|
||||
<rect x="300" y="40" width="200" height="80" fill="#7ee787" opacity="0.8"></rect>
|
||||
<text x="400" y="85" text-anchor="middle" fill="white">SHA-256 Processing</text>
|
||||
|
||||
<!-- Arrow 2 -->
|
||||
<path d="M500 80 L600 80" stroke="white" stroke-width="2" marker-end="url(#arrowhead)"></path>
|
||||
|
||||
<!-- Output -->
|
||||
<rect x="600" y="50" width="150" height="60" fill="#ff7b72" opacity="0.8"></rect>
|
||||
<text x="675" y="85" text-anchor="middle" fill="white">256-bit Hash</text>
|
||||
|
||||
<!-- Arrow Marker -->
|
||||
<defs>
|
||||
<marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
|
||||
<polygon points="0 0, 10 3.5, 0 7" fill="white"></polygon>
|
||||
</marker>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- Real-world Applications -->
|
||||
<section style="top: 350px; display: none;" hidden="" aria-hidden="true" class="stack future">
|
||||
<section style="top: 350px; display: none;">
|
||||
<h2>Where is SHA-256 Used?</h2>
|
||||
<div class="container">
|
||||
<div class="box fragment" data-fragment-index="0">
|
||||
<h3>Password Storage</h3>
|
||||
<p>Websites store password fingerprints, not actual passwords</p>
|
||||
</div>
|
||||
<div class="box fragment" data-fragment-index="1">
|
||||
<h3>⛓️ Blockchain</h3>
|
||||
<p>Powers cryptocurrency mining and verification</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="future" aria-hidden="true" style="top: 350px; display: none;">
|
||||
<h3>More Applications</h3>
|
||||
<div class="container">
|
||||
<div class="box fragment" data-fragment-index="0">
|
||||
<h3>Digital Signatures</h3>
|
||||
<p>Verify document authenticity</p>
|
||||
</div>
|
||||
<div class="box fragment" data-fragment-index="1">
|
||||
<h3>File Integrity</h3>
|
||||
<p>Ensure downloads aren't tampered with</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- Strengths -->
|
||||
<section style="top: 350px; display: none;" hidden="" aria-hidden="true" class="future">
|
||||
<h2>Why SHA-256 is Strong 💪</h2>
|
||||
<ul>
|
||||
<li class="fragment" data-fragment-index="0">Collision Resistance: Like finding two people with identical fingerprints</li>
|
||||
<li class="fragment" data-fragment-index="1">One-way Function: Can't reconstruct original data from hash</li>
|
||||
<li class="fragment" data-fragment-index="2">Avalanche Effect: Tiny changes cause completely different outputs</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Interactive Demo -->
|
||||
<section style="top: 350px; display: none;" hidden="" aria-hidden="true" class="future">
|
||||
<h2>The Avalanche Effect 🌊</h2>
|
||||
<div class="box">
|
||||
<p>Original message: "Hello, World!"</p>
|
||||
<code>a591a6d40bf420404a011733cfb7b190d62c65bf0bcda32b57b277d9ad9f146e</code>
|
||||
</div>
|
||||
<div class="box fragment" data-fragment-index="0">
|
||||
<p>Changed to: "Hello, World?"</p>
|
||||
<code>7d1a54127b222502f5b79b5fb0803061152a44f92b37e23c6527baf665d4da9a</code>
|
||||
</div>
|
||||
<p class="fragment" data-fragment-index="1">Notice how one character change creates a completely different hash!</p>
|
||||
</section>
|
||||
|
||||
<!-- Limitations -->
|
||||
<section style="top: 350px; display: none;" hidden="" aria-hidden="true" class="future">
|
||||
<h2>Challenges & Future 🔮</h2>
|
||||
<ul>
|
||||
<li class="fragment" data-fragment-index="0">Requires more computing power than older algorithms</li>
|
||||
<li class="fragment" data-fragment-index="1">Theoretical vulnerability to quantum computers (but not yet practical)</li>
|
||||
<li class="fragment" data-fragment-index="2">Still considered very secure for current and near-future use</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Summary -->
|
||||
<section style="top: 350px; display: none;" hidden="" aria-hidden="true" class="future">
|
||||
<h2>Key Takeaways 🎯</h2>
|
||||
<ul>
|
||||
<li class="fragment" data-fragment-index="0">SHA-256 creates unique digital fingerprints</li>
|
||||
<li class="fragment" data-fragment-index="1">Powers modern security in passwords, blockchain, and more</li>
|
||||
<li class="fragment" data-fragment-index="2">Extremely secure against current technology</li>
|
||||
<li class="fragment" data-fragment-index="3">Essential part of our digital infrastructure</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
<div class="backgrounds"><div class="slide-background present" data-loaded="true" style="display: block;"><div class="slide-background-content"></div></div><div class="slide-background stack future" data-loaded="true" style="display: block;"><div class="slide-background-content"></div><div class="slide-background present" data-loaded="true" style="display: block;"><div class="slide-background-content"></div></div></div><div class="slide-background stack future" data-loaded="true" style="display: block;"><div class="slide-background-content"></div><div class="slide-background present" data-loaded="true" style="display: block;"><div class="slide-background-content"></div></div><div class="slide-background present" style="display: none;"><div class="slide-background-content"></div></div></div><div class="slide-background stack future" style="display: none;"><div class="slide-background-content"></div><div class="slide-background present" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background present" style="display: none;"><div class="slide-background-content"></div></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div><div class="slide-background future" style="display: none;"><div class="slide-background-content"></div></div></div><div class="slide-number" style="display: block;"><a href="#/">
|
||||
<span class="slide-number-a">1</span>
|
||||
</a></div><aside class="controls" data-controls-layout="bottom-right" data-controls-back-arrows="faded" style="display: block;"><button class="navigate-left" aria-label="previous slide" disabled="disabled"><div class="controls-arrow"></div></button>
|
||||
<button class="navigate-right enabled highlight" aria-label="next slide"><div class="controls-arrow"></div></button>
|
||||
<button class="navigate-up" aria-label="above slide" disabled="disabled"><div class="controls-arrow"></div></button>
|
||||
<button class="navigate-down" aria-label="below slide" disabled="disabled"><div class="controls-arrow"></div></button></aside><div class="progress" style="display: block;"><span style="transform: scaleX(0);"></span></div><div class="speaker-notes" data-prevent-swipe="" tabindex="0"></div><div class="pause-overlay"><button class="resume-button">Resume presentation</button></div><div class="aria-status" aria-live="polite" aria-atomic="true" style="position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);">SHA-256: The Digital Fingerprint Maker 🔐 A Journey into Modern Cryptographic Security An interactive exploration of how SHA-256 keeps our digital world secure </div></div>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.3.1/reveal.js"></script>
|
||||
<script>
|
||||
Reveal.initialize({
|
||||
hash: true,
|
||||
slideNumber: true,
|
||||
transition: 'slide',
|
||||
controls: true,
|
||||
progress: true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,25 @@
|
||||
// ref: https://stackoverflow.com/a/76920975
|
||||
import type { Plugin } from 'vite';
|
||||
|
||||
export default function ClosePlugin(): Plugin {
|
||||
return {
|
||||
name: 'ClosePlugin', // required, will show up in warnings and errors
|
||||
|
||||
// use this to catch errors when building
|
||||
buildEnd(error) {
|
||||
if(error) {
|
||||
console.error('Error bundling')
|
||||
console.error(error)
|
||||
process.exit(1)
|
||||
} else {
|
||||
console.log('Build ended')
|
||||
}
|
||||
},
|
||||
|
||||
// use this to catch the end of a build without errors
|
||||
closeBundle() {
|
||||
console.log('Bundle closed')
|
||||
process.exit(0)
|
||||
},
|
||||
}
|
||||
}
|
||||
+16
-1
@@ -25,17 +25,32 @@ export function updateManifestPlugin(): PluginOption {
|
||||
console.log('** updated **');
|
||||
}
|
||||
|
||||
// Implement retry mechanism for file watching
|
||||
const watchWithRetry = () => {
|
||||
if (!fs.existsSync(manifestPath)) {
|
||||
console.log('Manifest not found, retrying in 1 second...');
|
||||
setTimeout(watchWithRetry, 1000);
|
||||
return;
|
||||
}
|
||||
|
||||
fs.watchFile(manifestPath, () => {
|
||||
console.log('** watchFile **');
|
||||
try {
|
||||
const manifestContents = JSON.parse(fs.readFileSync(manifestPath, 'utf8'));
|
||||
if (manifestContents.web_accessible_resources.some((resource: any) => resource.use_dynamic_url)) {
|
||||
if (manifestContents.web_accessible_resources?.some((resource: any) => resource.use_dynamic_url)) {
|
||||
const updated = forceDisableUseDynamicUrl();
|
||||
if (updated) {
|
||||
server.ws.send({ type: 'full-reload' });
|
||||
console.log('** updated **');
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('Error reading manifest, will retry on next change:', error.message);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
watchWithRetry();
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
+19
-25
@@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "betterseqtaplus",
|
||||
"version": "3.4.2",
|
||||
"version": "3.4.4",
|
||||
"type": "module",
|
||||
"description": "Enhance SEQTA Learn's usability and aesthetics! A fork of BetterSEQTA to continue development, while incorporating a plethora of new and improved features!",
|
||||
"description": "Enhance SEQTA Learn's usability and aesthetics! A fork of BetterSEQTA to continue development add add heaps more features!",
|
||||
"browserslist": "> 0.5%, last 2 versions, not dead",
|
||||
"scripts": {
|
||||
"dev": "cross-env MODE=chrome vite dev",
|
||||
@@ -32,45 +32,41 @@
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"@babel/plugin-transform-runtime": "^7.25.9",
|
||||
"@babel/runtime": "^7.26.0",
|
||||
"@babel/runtime": "^7.26.7",
|
||||
"@bedframe/cli": "^0.0.85",
|
||||
"@crxjs/vite-plugin": "2.0.0-beta.25",
|
||||
"@types/mime-types": "^2.1.4",
|
||||
"@vitejs/plugin-react-swc": "^3.7.0",
|
||||
"@vitejs/plugin-react-swc": "^3.7.2",
|
||||
"cross-env": "^7.0.3",
|
||||
"eslint": "^8.57.0",
|
||||
"glob": "^11.0.0",
|
||||
"eslint": "^8.57.1",
|
||||
"glob": "^11.0.1",
|
||||
"mime-types": "^2.1.35",
|
||||
"prettier": "^3.3.3",
|
||||
"prettier": "^3.4.2",
|
||||
"process": "^0.11.10",
|
||||
"sass": "^1.78.0",
|
||||
"sass": "^1.83.4",
|
||||
"sass-loader": "^13.3.3",
|
||||
"semver": "^7.6.3",
|
||||
"semver": "^7.7.1",
|
||||
"url": "^0.11.4"
|
||||
},
|
||||
"dependencies": {
|
||||
"@bedframe/cli": "^0.0.85",
|
||||
"@codemirror/lang-css": "^6.3.0",
|
||||
"@codemirror/lang-less": "^6.0.2",
|
||||
"@codemirror/theme-one-dark": "^6.1.2",
|
||||
"@sveltejs/vite-plugin-svelte": "^4.0.0",
|
||||
"@tailwindcss/forms": "^0.5.9",
|
||||
"@tsconfig/svelte": "^5.0.4",
|
||||
"@types/chrome": "^0.0.270",
|
||||
"@types/color": "^3.0.6",
|
||||
"@types/dompurify": "^3.0.5",
|
||||
"@types/lodash": "^4.17.7",
|
||||
"@types/node": "^20.16.5",
|
||||
"@types/react": "17",
|
||||
"@types/react-dom": "17",
|
||||
"@types/dompurify": "^3.2.0",
|
||||
"@types/lodash": "^4.17.15",
|
||||
"@types/node": "^20.17.17",
|
||||
"@types/react": "^17.0.83",
|
||||
"@types/react-dom": "^17.0.26",
|
||||
"@types/sortablejs": "^1.15.8",
|
||||
"@types/uuid": "^9.0.8",
|
||||
"@types/webextension-polyfill": "^0.10.7",
|
||||
"@uiw/codemirror-extensions-color": "^4.23.3",
|
||||
"@uiw/codemirror-theme-github": "^4.23.3",
|
||||
"@vitejs/plugin-react": "^4.3.1",
|
||||
"@uiw/codemirror-extensions-color": "^4.23.8",
|
||||
"@uiw/codemirror-theme-github": "^4.23.8",
|
||||
"@vitejs/plugin-react": "^4.3.4",
|
||||
"autoprefixer": "^10.4.20",
|
||||
"caniuse-lite": "^1.0.30001684",
|
||||
"classnames": "^2.5.1",
|
||||
"codemirror": "^6.0.1",
|
||||
"color": "^4.2.3",
|
||||
"dompurify": "^3.1.6",
|
||||
@@ -78,13 +74,11 @@
|
||||
"embla-carousel-svelte": "^8.3.1",
|
||||
"fuse.js": "^7.0.0",
|
||||
"idb": "^8.0.0",
|
||||
"kolorist": "^1.8.0",
|
||||
"localforage": "^1.10.0",
|
||||
"lodash": "^4.17.21",
|
||||
"million": "^3.1.11",
|
||||
"motion": "^11.12.0",
|
||||
"postcss": "^8.4.45",
|
||||
"publish-browser-extension": "^2.2.1",
|
||||
"react": "17",
|
||||
"react-best-gradient-color-picker": "^3.0.10",
|
||||
"react-dom": "17",
|
||||
@@ -93,7 +87,7 @@
|
||||
"tailwindcss": "^3.4.11",
|
||||
"typescript": "^5.6.2",
|
||||
"uuid": "^9.0.1",
|
||||
"vite": "^5.4.4",
|
||||
"vite": "^5.4.14",
|
||||
"webextension-polyfill": "^0.10.0"
|
||||
}
|
||||
}
|
||||
|
||||
+220
-25
@@ -165,6 +165,23 @@ export function OpenWhatsNewPopup() {
|
||||
/* html */ `
|
||||
<div class="whatsnewTextContainer" style="height: 50%;overflow-y: scroll;">
|
||||
|
||||
<h1>3.4.4 - Bug Fixes and Improvements</h1>
|
||||
<li>Added vertical zoom to the timetable</li>
|
||||
<li>Removed broken gradients on the backgrounds of certain buttons</li>
|
||||
<li>Fixed timetable quickbar arrow receiving the wrong colour</li>
|
||||
<li>Auto-applied selected theme after saving in theme creator</li>
|
||||
<li>Fixed a bug where timetable was clipped at certain times</li>
|
||||
<li>Fixed custom sidebar layouts not applying on page load</li>
|
||||
<li>Improved spacing of the message editor buttons</li>
|
||||
<li>Added HEX colour input to the theme creator</li>
|
||||
<li>Fixed theme application in the creator</li>
|
||||
<li>Performance improvements</li>
|
||||
<li>Other minor bug fixes</li>
|
||||
|
||||
<h1>3.4.3 - Minor Bug Fixes</h1>
|
||||
<li>Fixed a bug where timetable colours couldn't be changed</li>
|
||||
<li>Other minor bug fixes</li>
|
||||
|
||||
<h1>3.4.2 - Minor Bug Fixes</h1>
|
||||
<li>Fixed a bug where Assessment Average wasn't enabled by default</li>
|
||||
<li>Fixed floating menus would sometimes be placed behind other elements</li>
|
||||
@@ -385,6 +402,30 @@ export function OpenWhatsNewPopup() {
|
||||
})
|
||||
}
|
||||
|
||||
export function hideSideBar() {
|
||||
|
||||
|
||||
|
||||
const sidebar = document.getElementById('menu') // The sidebar element to be closed
|
||||
const main = document.getElementById('main') // The main content element that must be resized to fill the page
|
||||
|
||||
const currentMenuWidth = window.getComputedStyle(sidebar!).width // Get the styles of the different elements
|
||||
const currentContentPosition = window.getComputedStyle(main!).position
|
||||
|
||||
if (currentMenuWidth != "0") { // Actually modify it to collapse the sidebar
|
||||
sidebar!.style.width = "0";
|
||||
} else {
|
||||
sidebar!.style.width = "100%";
|
||||
}
|
||||
|
||||
if (currentContentPosition != "relative") {
|
||||
main!.style.position = 'relative';
|
||||
} else {
|
||||
main!.style.position = 'absolute';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export function OpenAboutPage() {
|
||||
const background = document.createElement('div')
|
||||
background.id = 'whatsnewbk'
|
||||
@@ -738,6 +779,7 @@ async function LoadPageElements(): Promise<void> {
|
||||
className: 'notice',
|
||||
}, handleNotices);
|
||||
|
||||
|
||||
if (settingsState.assessmentsAverage) {
|
||||
eventManager.register('assessmentsAdded', {
|
||||
elementType: 'div',
|
||||
@@ -748,6 +790,120 @@ async function LoadPageElements(): Promise<void> {
|
||||
await handleSublink(sublink);
|
||||
}
|
||||
|
||||
function handleTimetableZoom(): void {
|
||||
console.log('Initializing timetable zoom controls');
|
||||
|
||||
// Lazy initialize state variables only when function is first called
|
||||
let timetableZoomLevel = 1;
|
||||
let baseContainerHeight: number | null = null;
|
||||
const originalEntryPositions = new Map<Element, { topRatio: number; heightRatio: number }>();
|
||||
|
||||
// Create zoom controls
|
||||
const zoomControls = document.createElement('div');
|
||||
zoomControls.className = 'timetable-zoom-controls';
|
||||
|
||||
const zoomIn = document.createElement('button');
|
||||
zoomIn.className = 'uiButton timetable-zoom iconFamily';
|
||||
zoomIn.innerHTML = ''; // Using unicode for zoom in icon
|
||||
|
||||
const zoomOut = document.createElement('button');
|
||||
zoomOut.className = 'uiButton timetable-zoom iconFamily';
|
||||
zoomOut.innerHTML = ''; // Using unicode for zoom out icon
|
||||
|
||||
|
||||
zoomControls.appendChild(zoomOut);
|
||||
zoomControls.appendChild(zoomIn);
|
||||
|
||||
const toolbar = document.getElementById('toolbar');
|
||||
toolbar?.appendChild(zoomControls);
|
||||
|
||||
const initializePositions = () => {
|
||||
// Get the base container height from the first TD
|
||||
const firstDayColumn = document.querySelector('.dailycal .content .days td') as HTMLElement;
|
||||
if (!firstDayColumn) return false;
|
||||
|
||||
baseContainerHeight = parseInt(firstDayColumn.style.height) || firstDayColumn.offsetHeight;
|
||||
|
||||
// Store original ratios
|
||||
const entries = document.querySelectorAll('.entriesWrapper .entry');
|
||||
entries.forEach((entry: Element) => {
|
||||
const entryEl = entry as HTMLElement;
|
||||
|
||||
// Calculate ratios relative to detected base height
|
||||
if (baseContainerHeight === null) return;
|
||||
const topRatio = parseInt(entryEl.style.top) / baseContainerHeight;
|
||||
const heightRatio = parseInt(entryEl.style.height) / baseContainerHeight;
|
||||
|
||||
originalEntryPositions.set(entry, { topRatio, heightRatio });
|
||||
});
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
const updateZoom = () => {
|
||||
// Initialize positions if not already done
|
||||
if (baseContainerHeight === null && !initializePositions()) {
|
||||
console.error('Failed to initialize positions');
|
||||
return;
|
||||
}
|
||||
|
||||
console.debug(`Updating zoom level to: ${timetableZoomLevel}`);
|
||||
|
||||
// Calculate new container height
|
||||
if (baseContainerHeight === null) return;
|
||||
const newContainerHeight = baseContainerHeight * timetableZoomLevel;
|
||||
|
||||
// Update all day columns (TDs)
|
||||
const dayColumns = document.querySelectorAll('.dailycal .content .days td');
|
||||
dayColumns.forEach((td: Element) => {
|
||||
(td as HTMLElement).style.height = `${newContainerHeight}px`;
|
||||
});
|
||||
|
||||
// Update all entries using stored ratios
|
||||
const entries = document.querySelectorAll('.entriesWrapper .entry');
|
||||
entries.forEach((entry: Element) => {
|
||||
const entryEl = entry as HTMLElement;
|
||||
const originalRatios = originalEntryPositions.get(entry);
|
||||
|
||||
if (originalRatios) {
|
||||
// Calculate new positions from original ratios
|
||||
const newTop = originalRatios.topRatio * newContainerHeight;
|
||||
const newHeight = originalRatios.heightRatio * newContainerHeight;
|
||||
|
||||
// Apply new values
|
||||
entryEl.style.top = `${Math.round(newTop)}px`;
|
||||
entryEl.style.height = `${Math.round(newHeight)}px`;
|
||||
}
|
||||
});
|
||||
|
||||
// Update time column to match
|
||||
const timeColumn = document.querySelector('.times');
|
||||
if (timeColumn) {
|
||||
const times = timeColumn.querySelectorAll('.time');
|
||||
const timeHeight = newContainerHeight / times.length;
|
||||
times.forEach((time: Element) => {
|
||||
(time as HTMLElement).style.height = `${timeHeight}px`;
|
||||
});
|
||||
}
|
||||
|
||||
entries[Math.round((entries.length - 1) / 2)].scrollIntoView({ behavior: 'instant', block: 'center' });
|
||||
};
|
||||
|
||||
zoomIn.addEventListener('click', () => {
|
||||
if (timetableZoomLevel < 2) {
|
||||
timetableZoomLevel += 0.2;
|
||||
updateZoom();
|
||||
}
|
||||
});
|
||||
|
||||
zoomOut.addEventListener('click', () => {
|
||||
if (timetableZoomLevel > 0.6) {
|
||||
timetableZoomLevel -= 0.2;
|
||||
updateZoom();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
async function handleNotices(node: Element): Promise<void> {
|
||||
if (!(node instanceof HTMLElement)) return;
|
||||
if (!settingsState.animations) return;
|
||||
@@ -798,15 +954,25 @@ async function handleSublink(sublink: string | undefined): Promise<void> {
|
||||
}
|
||||
|
||||
async function handleTimetable(): Promise<void> {
|
||||
await waitForElm('.time', true, 10)
|
||||
await waitForElm('.time', true, 10);
|
||||
|
||||
// Store original heights when timetable loads
|
||||
const lessons = document.querySelectorAll('.dailycal .lesson');
|
||||
lessons.forEach((lesson: Element) => {
|
||||
const lessonEl = lesson as HTMLElement;
|
||||
lessonEl.setAttribute('data-original-height', lessonEl.offsetHeight.toString());
|
||||
});
|
||||
|
||||
// Existing time format code
|
||||
if (settingsState.timeFormat == '12') {
|
||||
const times = document.querySelectorAll('.timetablepage .times .time')
|
||||
const times = document.querySelectorAll('.timetablepage .times .time');
|
||||
for (const time of times) {
|
||||
if (!time.textContent) continue
|
||||
time.textContent = convertTo12HourFormat(time.textContent, true)
|
||||
if (!time.textContent) continue;
|
||||
time.textContent = convertTo12HourFormat(time.textContent, true);
|
||||
}
|
||||
}
|
||||
|
||||
handleTimetableZoom();
|
||||
}
|
||||
|
||||
async function handleNewsPage(): Promise<void> {
|
||||
@@ -2197,10 +2363,10 @@ export async function loadHomePage() {
|
||||
|
||||
const skeletonStructure = stringToHTML(/* html */`
|
||||
<div class="home-container" id="home-container">
|
||||
<div class="shortcut-container border">
|
||||
<div class="shortcuts border" id="shortcuts"></div>
|
||||
<div class="border shortcut-container">
|
||||
<div class="border shortcuts" id="shortcuts"></div>
|
||||
</div>
|
||||
<div class="timetable-container border">
|
||||
<div class="border timetable-container">
|
||||
<div class="home-subtitle">
|
||||
<h2 id="home-lesson-subtitle">Today's Lessons</h2>
|
||||
<div class="timetable-arrows">
|
||||
@@ -2215,7 +2381,7 @@ export async function loadHomePage() {
|
||||
<div class="day-container loading" id="day-container">
|
||||
</div>
|
||||
</div>
|
||||
<div class="upcoming-container border">
|
||||
<div class="border upcoming-container">
|
||||
<div class="upcoming-title">
|
||||
<h2 class="home-subtitle">Upcoming Assessments</h2>
|
||||
<div class="upcoming-filters" id="upcoming-filters"></div>
|
||||
@@ -2223,7 +2389,7 @@ export async function loadHomePage() {
|
||||
<div class="upcoming-items loading" id="upcoming-items">
|
||||
</div>
|
||||
</div>
|
||||
<div class="notices-container border">
|
||||
<div class="border notices-container">
|
||||
<div style="display: flex; justify-content: space-between">
|
||||
<h2 class="home-subtitle">Notices</h2>
|
||||
<input type="date" />
|
||||
@@ -2268,7 +2434,6 @@ export async function loadHomePage() {
|
||||
assessmentsPromise,
|
||||
classesPromise,
|
||||
prefsPromise,
|
||||
noticesPromise
|
||||
] = [
|
||||
// Timetable data
|
||||
fetch(`${location.origin}/seqta/student/load/timetable?`, {
|
||||
@@ -2292,23 +2457,15 @@ export async function loadHomePage() {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ asArray: true, request: 'userPrefs' })
|
||||
}).then(res => res.json()),
|
||||
|
||||
// Notices data
|
||||
fetch(`${location.origin}/seqta/student/load/notices?`, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ date: TodayFormatted })
|
||||
}).then(res => res.json())
|
||||
]
|
||||
|
||||
// Process all data in parallel
|
||||
const [timetableData, assessments, classes, prefs, notices] = await Promise.all([
|
||||
const [timetableData, assessments, classes, prefs] = await Promise.all([
|
||||
timetablePromise,
|
||||
assessmentsPromise,
|
||||
classesPromise,
|
||||
prefsPromise,
|
||||
noticesPromise
|
||||
prefsPromise
|
||||
])
|
||||
|
||||
// Process timetable data
|
||||
@@ -2636,9 +2793,8 @@ export async function SendNewsPage() {
|
||||
|
||||
async function CheckForMenuList() {
|
||||
try {
|
||||
if (document.getElementById('menu')?.firstChild) {
|
||||
ObserveMenuItemPosition()
|
||||
}
|
||||
await waitForElm('#menu > ul');
|
||||
ObserveMenuItemPosition();
|
||||
} catch (error) {
|
||||
return;
|
||||
}
|
||||
@@ -2742,6 +2898,44 @@ async function handleAssessments(node: Element): Promise<void> {
|
||||
const assessmentsWrapper = await waitForElm('#main > .assessmentsWrapper .assessments .AssessmentItem__AssessmentItem___2EZ95', true, 50);
|
||||
if (!assessmentsWrapper) return;
|
||||
|
||||
// Grade conversion map for letter grades
|
||||
const letterGradeMap: Record<string, number> = {
|
||||
'A+': 100,
|
||||
'A': 95,
|
||||
'A-': 90,
|
||||
'B+': 85,
|
||||
'B': 80,
|
||||
'B-': 75,
|
||||
'C+': 70,
|
||||
'C': 65,
|
||||
'C-': 60,
|
||||
'D+': 55,
|
||||
'D': 50,
|
||||
'D-': 45,
|
||||
'E+': 40,
|
||||
'E': 35,
|
||||
'E-': 30,
|
||||
'F': 0
|
||||
};
|
||||
|
||||
// Function to parse grade text into a number
|
||||
function parseGrade(gradeText: string): number {
|
||||
// Remove any whitespace
|
||||
const trimmedGrade = gradeText.trim().toUpperCase();
|
||||
|
||||
// Check if it's a percentage
|
||||
if (trimmedGrade.includes('%')) {
|
||||
return parseFloat(trimmedGrade.replace('%', '')) || 0;
|
||||
}
|
||||
|
||||
// Check if it's a letter grade
|
||||
if (letterGradeMap.hasOwnProperty(trimmedGrade)) {
|
||||
return letterGradeMap[trimmedGrade];
|
||||
}
|
||||
|
||||
return 0;
|
||||
}
|
||||
|
||||
// Function to calculate average of grades
|
||||
function calculateAverageGrade(): number {
|
||||
const gradeElements = document.querySelectorAll('.Thermoscore__text___1NdvB');
|
||||
@@ -2749,8 +2943,9 @@ async function handleAssessments(node: Element): Promise<void> {
|
||||
let count = 0;
|
||||
|
||||
gradeElements.forEach(element => {
|
||||
const grade = parseFloat(element.textContent?.replace('%', '') || '0');
|
||||
if (!isNaN(grade)) {
|
||||
const gradeText = element.textContent || '';
|
||||
const grade = parseGrade(gradeText);
|
||||
if (grade > 0) {
|
||||
total += grade;
|
||||
count++;
|
||||
}
|
||||
|
||||
+105
-19
@@ -1,5 +1,4 @@
|
||||
@use "sass:meta";
|
||||
@charset "UTF-8";
|
||||
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600");
|
||||
|
||||
@include meta.load-css("injected/sidebar-animation.scss");
|
||||
@@ -12,10 +11,16 @@
|
||||
--auto-background: var(--better-pale, var(--background-secondary)) !important;
|
||||
font-family: Rubik, sans-serif !important;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
button.uiButton.timetable-zoom.iconFamily,
|
||||
.iconFamily {
|
||||
font-family: "IconFamily" !important;
|
||||
}
|
||||
|
||||
body,
|
||||
.legacy-root input,
|
||||
.legacy-root textarea,
|
||||
@@ -121,6 +126,7 @@ html {
|
||||
|
||||
.modaliser-container {
|
||||
backdrop-filter: none !important;
|
||||
pointer-events: none !important;
|
||||
}
|
||||
|
||||
.connectedNotificationsWrapper > div > button > svg > g {
|
||||
@@ -203,7 +209,13 @@ html {
|
||||
.cke_panel {
|
||||
border-radius: 16px !important;
|
||||
margin-top: 8px !important;
|
||||
background: unset;
|
||||
background: var(--background-primary) !important;
|
||||
border: var(--background-secondary) !important;
|
||||
overflow: clip;
|
||||
|
||||
iframe {
|
||||
background: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.legacy-root button:active,
|
||||
@@ -223,6 +235,10 @@ html {
|
||||
}
|
||||
}
|
||||
|
||||
.timetable-zoom {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
#main > .dashboard {
|
||||
grid-template-columns: repeat(autofit, minmax(200px, 400px)) !important;
|
||||
background: unset;
|
||||
@@ -244,8 +260,23 @@ html {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.ais-btnSearch .material-icons {
|
||||
.ais-btnSearch {
|
||||
transition: background 200ms, color 200ms, box-shadow 200ms;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, 0.2) !important;
|
||||
color: var(--text-primary) !important;
|
||||
box-shadow: unset !important;
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-size: 0px !important;
|
||||
font-family: Rubik, sans-serif !important;
|
||||
&::before {
|
||||
font-size: 18px !important;
|
||||
content: 'Search' !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -485,9 +516,24 @@ ol:has(.MessageList__avatar___2wxyb svg) {
|
||||
}
|
||||
.singleSelect {
|
||||
border-radius: 16px !important;
|
||||
padding: 4px !important;
|
||||
padding-left: 12px !important;
|
||||
|
||||
&[style*="absolute"] {
|
||||
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.2) !important;
|
||||
padding: 0 2px !important;
|
||||
outline: 2px solid rgba(0, 0, 0, 0.01) !important;
|
||||
}
|
||||
|
||||
> li {
|
||||
border-radius: 12px !important;
|
||||
transition: background 150ms;
|
||||
margin-bottom: 2px !important;
|
||||
margin-top: 2px !important;
|
||||
border-bottom: unset !important;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.quickbar .actions a > svg {
|
||||
scale: 0.95;
|
||||
@@ -540,30 +586,43 @@ ol:has(.MessageList__avatar___2wxyb svg) {
|
||||
clip-path: polygon(50% 40%, 0 100%, 100% 100%);
|
||||
border-bottom-color: transparent !important;
|
||||
}
|
||||
#main > .timetablepage > .quickbar.below::before {
|
||||
#main > .timetablepage > .quickbar {
|
||||
&.below::before {
|
||||
top: -23px;
|
||||
background-color: inherit;
|
||||
clip-path: polygon(50% 40%, 0 100%, 100% 100%);
|
||||
border-bottom-color: transparent !important;
|
||||
}
|
||||
#main > .timetablepage > .quickbar.above::after {
|
||||
|
||||
&.above[data-yiq="light"]::after {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
&.above[data-yiq="dark"]::after {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
&.above::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -23px;
|
||||
z-index: 2;
|
||||
bottom: -24px;
|
||||
z-index: 0;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -12px;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
clip-path: polygon(50% 40%, 0 0, 100% 0);
|
||||
border: 12px solid rgba(255, 255, 255, 0);
|
||||
border-top-color: transparent;
|
||||
}
|
||||
#main > .timetablepage > .quickbar.above::before {
|
||||
|
||||
&.above::before {
|
||||
border-bottom-color: transparent !important;
|
||||
bottom: -23px !important;
|
||||
border-top-color: transparent !important;
|
||||
bottom: -24px !important;
|
||||
z-index: -1 !important;
|
||||
background-color: inherit;
|
||||
clip-path: polygon(50% 40%, 0 0, 100% 0);
|
||||
}
|
||||
}
|
||||
#main .timetablepage .actions a,
|
||||
#main .timetablepage .actions button {
|
||||
background-color: transparent;
|
||||
@@ -625,9 +684,17 @@ td.colourBar {
|
||||
#container #content .uiButton {
|
||||
border-radius: 16px;
|
||||
}
|
||||
.dark {
|
||||
#toolbar button.toggled,
|
||||
#toolbar button.depressed {
|
||||
background: var(--better-main);
|
||||
background: #333333;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
#toolbar button.toggled,
|
||||
#toolbar button.depressed {
|
||||
background: #f3f3f3;
|
||||
color: black;
|
||||
}
|
||||
ul.buttonChecklist {
|
||||
border-radius: 16px;
|
||||
@@ -649,14 +716,19 @@ ul.buttonChecklist {
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
|
||||
&:has(.item.checked) button:nth-child(2) {
|
||||
&:has(.item.checked) button:nth-child(1) {
|
||||
background: var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
&:has(.item.unchecked) button:nth-child(1) {
|
||||
&:has(.item.unchecked) button:nth-child(2) {
|
||||
background: var(--background-secondary) !important;
|
||||
}
|
||||
}
|
||||
.dark ul.buttonChecklist {
|
||||
li.item.checked {
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="white" viewBox="0 0 24 24"><path d="M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z"/></svg>');
|
||||
}
|
||||
}
|
||||
#toolbar > span:has(input) {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
@@ -1757,7 +1829,6 @@ ul {
|
||||
}
|
||||
.content > .wrapper .days tbody tr > td {
|
||||
overflow: hidden;
|
||||
height: 1440px !important;
|
||||
}
|
||||
.title {
|
||||
color: var(--text-primary) !important;
|
||||
@@ -1967,6 +2038,11 @@ div.bar.flat {
|
||||
background: unset !important;
|
||||
gap: 0 8px;
|
||||
}
|
||||
.cke_toolbar:has(.cke_toolgroup) {
|
||||
.cke_combo {
|
||||
margin-right: 8px !important;
|
||||
}
|
||||
}
|
||||
.cke_toolbox > .cke_toolbar > .cke_toolgroup {
|
||||
margin: 0 !important;
|
||||
}
|
||||
@@ -1983,7 +2059,13 @@ div.bar.flat {
|
||||
}
|
||||
.cke_toolbox > .cke_toolbar .cke_combo_on > .cke_combo_button,
|
||||
.cke_toolbox > .cke_toolbar .cke_button_on {
|
||||
background-color: #797979 !important;
|
||||
background-color: #d5d5d6 !important;
|
||||
&::after {
|
||||
background: black !important;
|
||||
}
|
||||
}
|
||||
.quicktable {
|
||||
border-radius: 12px;
|
||||
}
|
||||
.dark {
|
||||
.cke_toolbox > .cke_toolbar .cke_combo_on > .cke_combo_button,
|
||||
@@ -2649,11 +2731,15 @@ li.MessageList__unread___3imtO {
|
||||
}
|
||||
|
||||
.calendar {
|
||||
background: var(--better-main) !important;
|
||||
color: var(--text-color) !important;
|
||||
background: var(--background-primary) !important;
|
||||
color: var(--text-primary) !important;
|
||||
border-radius: 16px !important;
|
||||
margin-top: 4px;
|
||||
|
||||
&.container {
|
||||
box-shadow: -2px 2px 30px 0px rgba(0,0,0,0.3) !important;
|
||||
}
|
||||
|
||||
table {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
Vendored
+1
@@ -3,6 +3,7 @@ declare module '*.woff';
|
||||
declare module '*.scss';
|
||||
declare module '*.png';
|
||||
declare module '*.html';
|
||||
declare module '*.svelte';
|
||||
|
||||
declare module "*.png?base64" {
|
||||
const value: string;
|
||||
|
||||
@@ -93,7 +93,7 @@ export default function Picker({
|
||||
<ColorPicker
|
||||
disableDarkMode={true}
|
||||
presets={presets}
|
||||
hideInputs={true}
|
||||
hideInputs={false}
|
||||
value={customThemeColor ?? ""}
|
||||
onChange={(color: string) => {
|
||||
if (customOnChange) {
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
<script lang="ts">
|
||||
import type { Theme } from '@/interface/types/Theme'
|
||||
|
||||
let { theme, onClick } = $props<{ theme: Theme; onClick: () => void }>();
|
||||
|
||||
import { fade } from 'svelte/transition';
|
||||
@@ -6,12 +8,12 @@
|
||||
|
||||
<div class="w-full cursor-pointer" role="button" tabindex="-1" onkeydown={onClick} onclick={onClick}>
|
||||
<div class="bg-gray-50 w-full transition-all hover:scale-105 duration-500 relative group flex flex-col hover:shadow-2xl dark:hover:shadow-white/[0.1] hover:shadow-white/[0.8] dark:bg-zinc-800 dark:border-white/[0.1] h-auto rounded-xl overflow-clip border" transition:fade>
|
||||
<div class="absolute z-10 mb-1 text-xl font-bold text-white bottom-1 left-3">
|
||||
<div class="absolute bottom-1 left-3 z-10 mb-1 text-xl font-bold text-white">
|
||||
{theme.name}
|
||||
</div>
|
||||
<div class='absolute bottom-0 z-0 w-full h-3/4 bg-gradient-to-t from-black/80 to-transparent'></div>
|
||||
<div class='absolute bottom-0 z-0 w-full h-3/4 bg-gradient-to-t to-transparent from-black/80'></div>
|
||||
<div class='w-full'>
|
||||
<img src={theme.coverImage} alt="Theme Preview" class="object-cover w-full h-48 rounded-md" />
|
||||
<img src={theme.marqueeImage} alt="Theme Preview" class="object-cover w-full h-48 rounded-md" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -54,7 +54,7 @@
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="fixed inset-0 z-50 flex items-end justify-center bg-black bg-opacity-70"
|
||||
class="flex fixed inset-0 z-50 justify-center items-end bg-black bg-opacity-70"
|
||||
onclick={(e) => {
|
||||
if (e.target === e.currentTarget) hideModal();
|
||||
}}
|
||||
@@ -79,12 +79,12 @@
|
||||
<h2 class="mb-4 text-2xl font-bold">
|
||||
{theme.name}
|
||||
</h2>
|
||||
<img src={theme.marqueeImage} alt="Theme Cover" class="object-cover w-full mb-4 rounded-md" />
|
||||
<img src={theme.marqueeImage} alt="Theme Cover" class="object-cover mb-4 w-full rounded-md" />
|
||||
<p class="mb-4 text-gray-700 dark:text-gray-300">
|
||||
{theme.description}
|
||||
</p>
|
||||
{#if currentThemes.includes(theme.id)}
|
||||
<button onclick={async () => {installing = true; await onRemove(theme.id); installing = false}} class="relative flex items-center justify-center w-32 px-4 py-2 mt-4 ml-auto text-black rounded-full dark:text-white bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600/50 hover:bg-zinc-200">
|
||||
<button onclick={async () => {installing = true; await onRemove(theme.id); installing = false}} class="flex relative justify-center items-center px-4 py-2 mt-4 ml-auto w-32 text-black rounded-full dark:text-white bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600/50 hover:bg-zinc-200">
|
||||
{#if installing}
|
||||
<svg class="absolute w-4 h-4 { installing ? 'opacity-100' : 'opacity-0' }" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="currentColor" fill="currentColor" class="origin-center animate-spin-fast" d="M2,12A11.2,11.2,0,0,1,13,1.05C12.67,1,12.34,1,12,1a11,11,0,0,0,0,22c.34,0,.67,0,1-.05C6,23,2,17.74,2,12Z"/>
|
||||
@@ -93,7 +93,7 @@
|
||||
<span class="{ installing ? 'opacity-0' : 'opacity-100' }">Remove</span>
|
||||
</button>
|
||||
{:else}
|
||||
<button onclick={async () => {installing = true; await onInstall(theme.id); installing = false}} class="relative flex items-center justify-center w-32 px-4 py-2 mt-4 ml-auto text-black rounded-full dark:text-white bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600/50 hover:bg-zinc-200">
|
||||
<button onclick={async () => {installing = true; await onInstall(theme.id); installing = false}} class="flex relative justify-center items-center px-4 py-2 mt-4 ml-auto w-32 text-black rounded-full dark:text-white bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600/50 hover:bg-zinc-200">
|
||||
{#if installing}
|
||||
<svg class="absolute w-4 h-4 { installing ? 'opacity-100' : 'opacity-0' }" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke="currentColor" fill="currentColor" class="origin-center animate-spin-fast" d="M2,12A11.2,11.2,0,0,1,13,1.05C12.67,1,12.34,1,12,1a11,11,0,0,0,0,22c.34,0,.67,0,1-.05C6,23,2,17.74,2,12Z"/>
|
||||
@@ -112,11 +112,11 @@
|
||||
{#each getRelatedThemes() as relatedTheme (relatedTheme.id)}
|
||||
<button onclick={() => { hideModal(relatedTheme) }} class="w-full cursor-pointer">
|
||||
<div class="bg-gray-50 w-full transition-all hover:scale-105 duration-500 relative group group/card flex flex-col hover:shadow-2xl dark:hover:shadow-white/[0.1] hover:shadow-white/[0.8] dark:bg-zinc-800 dark:border-white/[0.1] h-auto rounded-xl overflow-clip border">
|
||||
<div class="absolute z-10 mb-1 text-xl font-bold text-white transition-all duration-500 group-hover:-translate-y-0.5 bottom-1 left-3">
|
||||
<div class="absolute bottom-1 left-3 z-10 mb-1 text-xl font-bold text-white transition-all duration-500 group-hover:-translate-y-0.5">
|
||||
{relatedTheme.name}
|
||||
</div>
|
||||
<div class="absolute bottom-0 z-0 w-full h-3/4 bg-gradient-to-t from-black/80 to-transparent"></div>
|
||||
<img src={relatedTheme.coverImage} alt="Theme Preview" class="object-cover w-full h-48" />
|
||||
<div class="absolute bottom-0 z-0 w-full h-3/4 bg-gradient-to-t to-transparent from-black/80"></div>
|
||||
<img src={relatedTheme.marqueeImage} alt="Theme Preview" class="object-cover w-full h-48" />
|
||||
</div>
|
||||
</button>
|
||||
{/each}
|
||||
|
||||
@@ -27,6 +27,7 @@
|
||||
import { CloseThemeCreator } from '@/seqta/ui/ThemeCreator'
|
||||
import { themeUpdates } from '../hooks/ThemeUpdates'
|
||||
import { disableTheme } from '@/seqta/ui/themes/disableTheme'
|
||||
import { setTheme } from '@/seqta/ui/themes/setTheme'
|
||||
|
||||
const { themeID } = $props<{ themeID: string }>()
|
||||
let theme = $state<LoadedCustomTheme>({
|
||||
@@ -55,7 +56,7 @@
|
||||
}
|
||||
|
||||
onMount(async () => {
|
||||
disableTheme();
|
||||
await disableTheme();
|
||||
|
||||
if (themeID) {
|
||||
const tempTheme = await getTheme(themeID)
|
||||
@@ -111,6 +112,7 @@
|
||||
|
||||
ClearThemePreview();
|
||||
saveTheme(themeClone);
|
||||
setTheme(themeClone.id);
|
||||
themeUpdates.triggerUpdate();
|
||||
CloseThemeCreator();
|
||||
}
|
||||
@@ -166,7 +168,7 @@
|
||||
</div>
|
||||
|
||||
{#if item.direction === 'vertical'}
|
||||
<div class="flex items-center justify-center h-full text-xl font-light text-zinc-500 dark:text-zinc-300">
|
||||
<div class="flex justify-center items-center h-full text-xl font-light text-zinc-500 dark:text-zinc-300">
|
||||
<span class='font-IconFamily transition-transform duration-300 {closedAccordions.includes(item.title) ? 'rotate-180' : ''}'>{'\ue9e6'}</span>
|
||||
</div>
|
||||
{/if}
|
||||
@@ -190,7 +192,7 @@
|
||||
{/key}
|
||||
{:else if item.type === 'imageUpload'}
|
||||
{#each theme.CustomImages as image (image.id)}
|
||||
<div class="flex items-center h-16 gap-2 px-2 py-2 mb-4 bg-white rounded-lg shadow-lg dark:bg-zinc-700">
|
||||
<div class="flex gap-2 items-center px-2 py-2 mb-4 h-16 bg-white rounded-lg shadow-lg dark:bg-zinc-700">
|
||||
<div class="h-full">
|
||||
<img src={image.url} alt={image.variableName} class="object-contain h-full rounded" />
|
||||
</div>
|
||||
@@ -207,14 +209,14 @@
|
||||
</div>
|
||||
{/each}
|
||||
|
||||
<div class="relative flex justify-center w-full h-8 gap-1 overflow-hidden transition rounded-lg place-items-center bg-zinc-200 dark:bg-zinc-700">
|
||||
<div class="flex overflow-hidden relative gap-1 justify-center place-items-center w-full h-8 rounded-lg transition bg-zinc-200 dark:bg-zinc-700">
|
||||
<span class='font-IconFamily'>{'\uec60'}</span>
|
||||
<span class='dark:text-white'>Add image</span>
|
||||
<input type="file" accept='image/*' onchange={onImageUpload} class="absolute inset-0 w-full h-full opacity-0 cursor-pointer" />
|
||||
</div>
|
||||
{:else if item.type === 'lightDarkToggle'}
|
||||
<button
|
||||
class="relative px-4 py-1 overflow-hidden text-xl font-medium transition rounded-lg bg-zinc-200 dark:bg-zinc-700 hover:bg-zinc-300 dark:hover:bg-zinc-600 font-IconFamily"
|
||||
class="overflow-hidden relative px-4 py-1 text-xl font-medium rounded-lg transition bg-zinc-200 dark:bg-zinc-700 hover:bg-zinc-300 dark:hover:bg-zinc-600 font-IconFamily"
|
||||
onclick={() => (item.props as LightDarkToggleProps).onChange(!(item.props as LightDarkToggleProps).state)}
|
||||
>
|
||||
{#key (item.props as LightDarkToggleProps).state}
|
||||
@@ -236,10 +238,10 @@
|
||||
{/snippet}
|
||||
|
||||
<div class='h-screen overflow-y-scroll {$settingsState.DarkMode && "dark"} no-scrollbar'>
|
||||
<div class='flex flex-col w-full min-h-screen p-2 bg-zinc-100 dark:bg-zinc-800 dark:text-white'>
|
||||
<div class='flex flex-col p-2 w-full min-h-screen bg-zinc-100 dark:bg-zinc-800 dark:text-white'>
|
||||
<h1 class='text-xl font-semibold'>Theme Creator</h1>
|
||||
<a href='https://betterseqta.gitbook.io/betterseqta-docs' target='_blank' class='text-sm font-light text-zinc-500 dark:text-zinc-400'>
|
||||
<span class='no-underline font-IconFamily pr-0.5'>{'\ueb44'}</span>
|
||||
<span class='pr-0.5 no-underline font-IconFamily'>{'\ueb44'}</span>
|
||||
<span class='underline'>
|
||||
Need help? Check out the docs!
|
||||
</span>
|
||||
@@ -254,7 +256,7 @@
|
||||
type='text'
|
||||
placeholder='What is your theme called?'
|
||||
bind:value={theme.name}
|
||||
class='w-full p-2 mb-4 transition border-0 rounded-lg dark:placeholder-zinc-300 bg-zinc-200 dark:bg-zinc-700 focus:bg-zinc-300/50 dark:focus:bg-zinc-600' />
|
||||
class='p-2 mb-4 w-full rounded-lg border-0 transition dark:placeholder-zinc-300 bg-zinc-200 dark:bg-zinc-700 focus:bg-zinc-300/50 dark:focus:bg-zinc-600' />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
@@ -263,23 +265,23 @@
|
||||
id='themeDescription'
|
||||
placeholder="Don't worry, this one's optional!"
|
||||
bind:value={theme.description}
|
||||
class='w-full p-2 transition border-0 rounded-lg dark:placeholder-zinc-300 bg-zinc-200 dark:bg-zinc-700 focus:outline-none focus:ring-1 focus:ring-zinc-100 dark:focus:ring-zinc-700 focus:bg-zinc-300/50 dark:focus:bg-zinc-600'></textarea>
|
||||
class='p-2 w-full rounded-lg border-0 transition dark:placeholder-zinc-300 bg-zinc-200 dark:bg-zinc-700 focus:outline-none focus:ring-1 focus:ring-zinc-100 dark:focus:ring-zinc-700 focus:bg-zinc-300/50 dark:focus:bg-zinc-600'></textarea>
|
||||
</div>
|
||||
|
||||
<Divider />
|
||||
|
||||
<div class="relative flex justify-center w-full gap-1 overflow-hidden transition rounded-lg aspect-theme group place-items-center bg-zinc-200 dark:bg-zinc-700">
|
||||
<div class="flex overflow-hidden relative gap-1 justify-center place-items-center w-full rounded-lg transition aspect-theme group bg-zinc-200 dark:bg-zinc-700">
|
||||
<div class={`transition pointer-events-none z-30 font-IconFamily ${ theme.coverImage ? 'opacity-0 group-hover:opacity-100' : ''}`}>
|
||||
{'\uec60'}
|
||||
</div>
|
||||
<span class={`dark:text-white pointer-events-none z-30 transition ${ theme.coverImage ? 'opacity-0 group-hover:opacity-100' : ''}`}>{theme.coverImage ? 'Change' : 'Add'} cover image</span>
|
||||
<input type="file" accept='image/*' onchange={onCoverImageUpload} class="absolute inset-0 z-10 w-full h-full opacity-0 cursor-pointer" />
|
||||
{#if !theme.hideThemeName && theme.coverImage}
|
||||
<div class="absolute z-30 transition-opacity opacity-100 pointer-events-none group-hover:opacity-0">{theme.name}</div>
|
||||
<div class="absolute z-30 opacity-100 transition-opacity pointer-events-none group-hover:opacity-0">{theme.name}</div>
|
||||
{/if}
|
||||
{#if theme.coverImage}
|
||||
<div class="absolute z-20 w-full h-full transition-opacity opacity-0 pointer-events-none group-hover:opacity-100 bg-black/20"></div>
|
||||
<img src={theme.coverImageUrl} alt='Cover' class="absolute z-0 object-cover w-full h-full rounded" />
|
||||
<div class="absolute z-20 w-full h-full opacity-0 transition-opacity pointer-events-none group-hover:opacity-100 bg-black/20"></div>
|
||||
<img src={theme.coverImageUrl} alt='Cover' class="object-cover absolute z-0 w-full h-full rounded" />
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,4 +1,9 @@
|
||||
import { createManifest } from '../../lib/createManifest'
|
||||
import baseManifest from './manifest.json'
|
||||
import pkg from '../../package.json'
|
||||
|
||||
export const brave = createManifest(baseManifest, 'brave')
|
||||
export const brave = createManifest({
|
||||
...baseManifest,
|
||||
version: pkg.version,
|
||||
description: pkg.description,
|
||||
}, 'brave')
|
||||
|
||||
@@ -1,4 +1,9 @@
|
||||
import { createManifest } from '../../lib/createManifest'
|
||||
import baseManifest from './manifest.json'
|
||||
import pkg from '../../package.json'
|
||||
|
||||
export const chrome = createManifest(baseManifest, 'chrome')
|
||||
export const chrome = createManifest({
|
||||
...baseManifest,
|
||||
version: pkg.version,
|
||||
description: pkg.description,
|
||||
}, 'chrome')
|
||||
|
||||
@@ -1,4 +1,9 @@
|
||||
import { createManifest } from '../../lib/createManifest'
|
||||
import baseManifest from './manifest.json'
|
||||
import pkg from '../../package.json'
|
||||
|
||||
export const edge = createManifest(baseManifest, 'edge')
|
||||
export const edge = createManifest({
|
||||
...baseManifest,
|
||||
version: pkg.version,
|
||||
description: pkg.description,
|
||||
}, 'edge')
|
||||
|
||||
@@ -4,6 +4,8 @@ import pkg from '../../package.json'
|
||||
|
||||
const updatedFirefoxManifest = {
|
||||
...baseManifest,
|
||||
version: pkg.version,
|
||||
description: pkg.description,
|
||||
background: {
|
||||
scripts: [baseManifest.background.service_worker],
|
||||
},
|
||||
|
||||
@@ -1,8 +1,6 @@
|
||||
{
|
||||
"manifest_version": 3,
|
||||
"name": "BetterSEQTA+",
|
||||
"version": "3.4.2",
|
||||
"description": "Enhance SEQTA Learn's usability and aesthetics! A fork of BetterSEQTA to continue development add add heaps more features!",
|
||||
"icons": {
|
||||
"32": "resources/icons/icon-32.png",
|
||||
"48": "resources/icons/icon-48.png",
|
||||
|
||||
@@ -1,4 +1,9 @@
|
||||
import { createManifest } from '../../lib/createManifest'
|
||||
import baseManifest from './manifest.json'
|
||||
import pkg from '../../package.json'
|
||||
|
||||
export const opera = createManifest(baseManifest, 'opera')
|
||||
export const opera = createManifest({
|
||||
...baseManifest,
|
||||
version: pkg.version,
|
||||
description: pkg.description,
|
||||
}, 'opera')
|
||||
|
||||
@@ -1,8 +1,11 @@
|
||||
import { createManifest } from '../../lib/createManifest'
|
||||
import baseManifest from './manifest.json'
|
||||
import pkg from '../../package.json'
|
||||
|
||||
const updatedSafariManifest = {
|
||||
...baseManifest,
|
||||
version: pkg.version,
|
||||
description: pkg.description,
|
||||
browser_specific_settings: {
|
||||
safari: {
|
||||
strict_min_version: '15.4',
|
||||
|
||||
@@ -136,11 +136,10 @@ class EventManager {
|
||||
}
|
||||
|
||||
private async checkElement(element: Element): Promise<void> {
|
||||
if (element.classList.contains('code')) console.log('Code Detected!');
|
||||
for (const [event, listeners] of this.listeners.entries()) {
|
||||
for (const { id, options, callback } of listeners) {
|
||||
if (this.matchesOptions(element, options)) {
|
||||
await callback(element);
|
||||
callback(element);
|
||||
if (options.once) {
|
||||
this.unregisterById(event, id);
|
||||
}
|
||||
|
||||
@@ -1,402 +0,0 @@
|
||||
https://sethburkart123.github.io/sf-pro-https://sethburkart123.github.io/sf-pro-fonts/fonts/
|
||||
|
||||
/* -------------------------------------------------------------------------
|
||||
* SF Pro Display
|
||||
* ------------------------------------------------------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-ultralight.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-ultralight.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-ultralight.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-thin.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-thin.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-thin.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-light.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-light.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-light.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-regular.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-regular.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-regular.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-medium.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-medium.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-medium.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-semibold.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-semibold.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-semibold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-bold.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-bold.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-bold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-heavy.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-heavy.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-heavy.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-black.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-black.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-black.ttf') format('truetype');
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------
|
||||
* SF Pro Display Italic
|
||||
* ------------------------------------------------------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-ultralightitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-ultralightitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-ultralightitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: italic;
|
||||
font-weight: 200;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-thinitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-thinitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-thinitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-lightitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-lightitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-lightitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-regularitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-regularitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-regularitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-mediumitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-mediumitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-mediumitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-semibolditalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-semibolditalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-semibolditalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-bolditalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-bolditalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-bolditalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-heavyitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-heavyitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-heavyitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Display';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-blackitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-blackitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-display-blackitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------
|
||||
* SF Pro Text
|
||||
* ------------------------------------------------------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: regular;
|
||||
font-weight: 300;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-light.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-light.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-light.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: regular;
|
||||
font-weight: 400;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-regular.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-regular.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-regular.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: regular;
|
||||
font-weight: 500;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-medium.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-medium.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-medium.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: regular;
|
||||
font-weight: 600;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-semibold.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-semibold.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-semibold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: regular;
|
||||
font-weight: 700;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-bold.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-bold.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-bold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: regular;
|
||||
font-weight: 800;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-heavy.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-heavy.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-heavy.ttf') format('truetype');
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------
|
||||
* SF Pro Text Italic
|
||||
* ------------------------------------------------------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-lightitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-lightitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-lightitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-regularitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-regularitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-regularitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-mediumitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-mediumitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-mediumitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-semibolditalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-semibolditalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-semibolditalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-bolditalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-bolditalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-bolditalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Pro Text';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-heavyitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-heavyitalic.woff') format('woff'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sf-pro-text-heavyitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------
|
||||
* SF Mono
|
||||
* ------------------------------------------------------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: regular;
|
||||
font-weight: 300;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-light.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-light.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: regular;
|
||||
font-weight: 400;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-regular.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-regular.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: regular;
|
||||
font-weight: 500;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-medium.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-medium.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: regular;
|
||||
font-weight: 600;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-semibold.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-semibold.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: regular;
|
||||
font-weight: 700;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-bold.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-bold.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: regular;
|
||||
font-weight: 800;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-heavy.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-heavy.woff') format('woff');
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------
|
||||
* SF Pro Text Italic
|
||||
* ------------------------------------------------------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-lightitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-lightitalic.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-regularitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-regularitalic.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-mediumitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-mediumitalic.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-semibolditalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-semibolditalic.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-bolditalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-bolditalic.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF Mono';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
src: url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-heavyitalic.woff2') format('woff2'),
|
||||
url('https://sethburkart123.github.io/sf-pro-fonts/fonts/sfmono-heavyitalic.woff') format('woff');
|
||||
}
|
||||
+8
-3
@@ -4,6 +4,7 @@ import { join, resolve } from 'path';
|
||||
import { updateManifestPlugin } from './lib/patchPackage';
|
||||
import { base64Loader } from './lib/base64loader';
|
||||
import type { BuildTarget } from './lib/types';
|
||||
import ClosePlugin from './lib/closePlugin';
|
||||
|
||||
import react from '@vitejs/plugin-react';
|
||||
import million from "million/compiler";
|
||||
@@ -25,7 +26,7 @@ const targets: BuildTarget[] = [
|
||||
|
||||
const mode = process.env.MODE || 'chrome';
|
||||
|
||||
export default defineConfig({
|
||||
export default defineConfig(({ command }) => ({
|
||||
plugins: [
|
||||
base64Loader,
|
||||
react(),
|
||||
@@ -38,7 +39,8 @@ export default defineConfig({
|
||||
manifest: targets.find(t => t.browser === mode.toLowerCase())?.manifest ?? chrome.manifest,
|
||||
browser: mode.toLowerCase() === "firefox" ? "firefox" : "chrome"
|
||||
}),
|
||||
updateManifestPlugin()
|
||||
updateManifestPlugin(),
|
||||
...(command === 'build' ? [ClosePlugin()] : [])
|
||||
],
|
||||
root: resolve(__dirname, './src'),
|
||||
resolve: {
|
||||
@@ -64,6 +66,9 @@ export default defineConfig({
|
||||
optimizeDeps: {
|
||||
include: ['@babel/runtime/helpers/extends', '@babel/runtime/helpers/interopRequireDefault'],
|
||||
},
|
||||
legacy: {
|
||||
skipWebSocketTokenCheck: true,
|
||||
},
|
||||
build: {
|
||||
outDir: resolve(__dirname, 'dist', mode),
|
||||
emptyOutDir: false,
|
||||
@@ -75,4 +80,4 @@ export default defineConfig({
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}));
|
||||
Reference in New Issue
Block a user