mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-13 15:14:40 +00:00
Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 SethBurkart123
|
13fc077686 | ||
|
SethBurkart123
|
7cf765121c | ||
|
SethBurkart123
|
4e393f14bb | ||
|
Seth Burkart
|
98347e038d | ||
|
Andrew R
|
f2bdb22ea8 | ||
|
SethBurkart123
|
4afab2c52a | ||
|
SethBurkart123
|
4c6b43d7c7 |
@@ -43,6 +43,7 @@
|
|||||||
- Easier Access Notices
|
- Easier Access Notices
|
||||||
- Assessments
|
- Assessments
|
||||||
- Options to remove certain items from the side menu
|
- Options to remove certain items from the side menu
|
||||||
|
- Grades calculator
|
||||||
- Fully customisable themes and an offical theme store
|
- Fully customisable themes and an offical theme store
|
||||||
- Notification for next lesson (sent 5 minutes before end of the lesson)
|
- Notification for next lesson (sent 5 minutes before end of the lesson)
|
||||||
- Browser Support
|
- Browser Support
|
||||||
|
|||||||
+244
@@ -0,0 +1,244 @@
|
|||||||
|
<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>
|
||||||
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "betterseqtaplus",
|
"name": "betterseqtaplus",
|
||||||
"version": "3.4.1",
|
"version": "3.4.2",
|
||||||
"type": "module",
|
"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, while incorporating a plethora of new and improved features!",
|
||||||
"browserslist": "> 0.5%, last 2 versions, not dead",
|
"browserslist": "> 0.5%, last 2 versions, not dead",
|
||||||
|
|||||||
@@ -76,6 +76,10 @@ async function init() {
|
|||||||
if (settingsState.onoff) {
|
if (settingsState.onoff) {
|
||||||
enableCurrentTheme()
|
enableCurrentTheme()
|
||||||
|
|
||||||
|
if (typeof settingsState.assessmentsAverage == 'undefined') {
|
||||||
|
settingsState.assessmentsAverage = true
|
||||||
|
}
|
||||||
|
|
||||||
// TEMP FIX for bug! -> this is a hack to get the injected.css file to have HMR in development mode as this import system is currently broken with crxjs
|
// TEMP FIX for bug! -> this is a hack to get the injected.css file to have HMR in development mode as this import system is currently broken with crxjs
|
||||||
if (import.meta.env.MODE === 'development') {
|
if (import.meta.env.MODE === 'development') {
|
||||||
import('./css/injected.scss')
|
import('./css/injected.scss')
|
||||||
@@ -161,6 +165,10 @@ export function OpenWhatsNewPopup() {
|
|||||||
/* html */ `
|
/* html */ `
|
||||||
<div class="whatsnewTextContainer" style="height: 50%;overflow-y: scroll;">
|
<div class="whatsnewTextContainer" style="height: 50%;overflow-y: scroll;">
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
<h1>3.4.1 - Bug Fixes and Performance Improvements</h1>
|
<h1>3.4.1 - Bug Fixes and Performance Improvements</h1>
|
||||||
<li>Added a new "Subject Average" section to the assessments page</li>
|
<li>Added a new "Subject Average" section to the assessments page</li>
|
||||||
<li>Fixed a bug where animations wouldn't play correctly</li>
|
<li>Fixed a bug where animations wouldn't play correctly</li>
|
||||||
|
|||||||
@@ -167,6 +167,7 @@ const DefaultValues: SettingsState = {
|
|||||||
originalSelectedColor: '',
|
originalSelectedColor: '',
|
||||||
DarkMode: true,
|
DarkMode: true,
|
||||||
animations: true,
|
animations: true,
|
||||||
|
assessmentsAverage: true,
|
||||||
defaultPage: 'home',
|
defaultPage: 'home',
|
||||||
shortcuts: [
|
shortcuts: [
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -1933,6 +1933,7 @@ div.bar.flat {
|
|||||||
transition: background-color 0.5s ease-in-out;
|
transition: background-color 0.5s ease-in-out;
|
||||||
background-color: rgba(0, 0, 0, 0);
|
background-color: rgba(0, 0, 0, 0);
|
||||||
transition-duration: 500ms !important;
|
transition-duration: 500ms !important;
|
||||||
|
z-index: 22 !important;
|
||||||
}
|
}
|
||||||
.uiSlidePane.shown > .pane {
|
.uiSlidePane.shown > .pane {
|
||||||
transform: translatey(0%) !important;
|
transform: translatey(0%) !important;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"manifest_version": 3,
|
"manifest_version": 3,
|
||||||
"name": "BetterSEQTA+",
|
"name": "BetterSEQTA+",
|
||||||
"version": "3.4.1",
|
"version": "3.4.2",
|
||||||
"description": "Enhance SEQTA Learn's usability and aesthetics! A fork of BetterSEQTA to continue development add add heaps more features!",
|
"description": "Enhance SEQTA Learn's usability and aesthetics! A fork of BetterSEQTA to continue development add add heaps more features!",
|
||||||
"icons": {
|
"icons": {
|
||||||
"32": "resources/icons/icon-32.png",
|
"32": "resources/icons/icon-32.png",
|
||||||
|
|||||||
@@ -6,21 +6,59 @@ import { settingsState } from "@/seqta/utils/listeners/SettingsState";
|
|||||||
import { updateAllColors } from "./colors/Manager";
|
import { updateAllColors } from "./colors/Manager";
|
||||||
import { delay } from "@/seqta/utils/delay";
|
import { delay } from "@/seqta/utils/delay";
|
||||||
|
|
||||||
|
let cachedUserInfo: any = null;
|
||||||
|
|
||||||
|
async function getUserInfo() {
|
||||||
|
if (cachedUserInfo) return cachedUserInfo;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch(`${location.origin}/seqta/student/login`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json; charset=utf-8',
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
mode: 'normal',
|
||||||
|
query: null,
|
||||||
|
redirect_url: location.origin,
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
|
||||||
|
const responseData = await response.json();
|
||||||
|
cachedUserInfo = responseData.payload;
|
||||||
|
return cachedUserInfo;
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error fetching user info:', error);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export async function AddBetterSEQTAElements() {
|
export async function AddBetterSEQTAElements() {
|
||||||
if (settingsState.onoff) {
|
if (settingsState.onoff) {
|
||||||
initializeSettings();
|
initializeSettings();
|
||||||
if (settingsState.DarkMode) {
|
if (settingsState.DarkMode) {
|
||||||
document.documentElement.classList.add('dark');
|
document.documentElement.classList.add('dark');
|
||||||
}
|
}
|
||||||
createHomeButton();
|
|
||||||
|
const fragment = document.createDocumentFragment();
|
||||||
|
const menu = document.getElementById('menu')!;
|
||||||
|
const menuList = menu.firstChild as HTMLElement;
|
||||||
|
|
||||||
|
createHomeButton(fragment, menuList);
|
||||||
|
createNewsButton(fragment, menu);
|
||||||
|
|
||||||
|
menuList.insertBefore(fragment, menuList.firstChild);
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await appendBackgroundToUI();
|
await Promise.all([
|
||||||
|
appendBackgroundToUI(),
|
||||||
|
handleUserInfo(),
|
||||||
|
handleStudentData()
|
||||||
|
]);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('Error appending background to UI:', error);
|
console.error('Error initializing UI elements:', error);
|
||||||
}
|
}
|
||||||
await handleUserInfo();
|
|
||||||
handleStudentData();
|
|
||||||
createNewsButton();
|
|
||||||
setupEventListeners();
|
setupEventListeners();
|
||||||
await addDarkLightToggle();
|
await addDarkLightToggle();
|
||||||
customizeMenuToggle();
|
customizeMenuToggle();
|
||||||
@@ -28,7 +66,6 @@ export async function AddBetterSEQTAElements() {
|
|||||||
|
|
||||||
addExtensionSettings();
|
addExtensionSettings();
|
||||||
await createSettingsButton();
|
await createSettingsButton();
|
||||||
|
|
||||||
setupSettingsButton();
|
setupSettingsButton();
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -37,18 +74,15 @@ function initializeSettings() {
|
|||||||
updateBgDurations();
|
updateBgDurations();
|
||||||
}
|
}
|
||||||
|
|
||||||
function createHomeButton() {
|
function createHomeButton(fragment: DocumentFragment, menuList: HTMLElement) {
|
||||||
const container = document.getElementById('content')!;
|
const container = document.getElementById('content')!;
|
||||||
const div = document.createElement('div');
|
const div = document.createElement('div');
|
||||||
div.classList.add('titlebar');
|
div.classList.add('titlebar');
|
||||||
container.append(div);
|
container.append(div);
|
||||||
|
|
||||||
const NewButton = stringToHTML('<li class="item" data-key="home" id="homebutton" data-path="/home" data-betterseqta="true"><label><svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" /></svg><span>Home</span></label></li>');
|
const NewButton = stringToHTML('<li class="item" data-key="home" id="homebutton" data-path="/home" data-betterseqta="true"><label><svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" /></svg><span>Home</span></label></li>');
|
||||||
const menu = document.getElementById('menu')!;
|
|
||||||
const List = menu.firstChild! as HTMLElement;
|
|
||||||
|
|
||||||
if (NewButton.firstChild) {
|
if (NewButton.firstChild) {
|
||||||
List.insertBefore(NewButton.firstChild, List.firstChild);
|
fragment.appendChild(NewButton.firstChild);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -125,28 +159,6 @@ async function handleStudentData() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function getUserInfo() {
|
|
||||||
try {
|
|
||||||
const response = await fetch(`${location.origin}/seqta/student/login`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json; charset=utf-8',
|
|
||||||
},
|
|
||||||
body: JSON.stringify({
|
|
||||||
mode: 'normal',
|
|
||||||
query: null,
|
|
||||||
redirect_url: location.origin,
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
|
|
||||||
const responseData = await response.json();
|
|
||||||
return responseData.payload;
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error fetching user info:', error);
|
|
||||||
throw error; // Rethrow the error after logging it
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function updateStudentInfo(students: any) {
|
async function updateStudentInfo(students: any) {
|
||||||
const info = await getUserInfo();
|
const info = await getUserInfo();
|
||||||
var index = students.findIndex(function (person: any) {
|
var index = students.findIndex(function (person: any) {
|
||||||
@@ -179,41 +191,42 @@ async function updateStudentInfo(students: any) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function createNewsButton() {
|
function createNewsButton(fragment: DocumentFragment, menu: HTMLElement) {
|
||||||
const NewsButtonStr = '<li class="item" data-key="news" id="newsbutton" data-path="/news" data-betterseqta="true"><label><svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M5 7H10V13H5V7M19 17H5V15H19V17M19 13H12V11H19V13M19 9H12V7H19V9Z" /></svg><span>News</span></label></li>';
|
const NewsButtonStr = '<li class="item" data-key="news" id="newsbutton" data-path="/news" data-betterseqta="true"><label><svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M5 7H10V13H5V7M19 17H5V15H19V17M19 13H12V11H19V13M19 9H12V7H19V9Z" /></svg><span>News</span></label></li>';
|
||||||
const NewsButton = stringToHTML(NewsButtonStr);
|
const NewsButton = stringToHTML(NewsButtonStr);
|
||||||
const menu = document.getElementById('menu')!;
|
|
||||||
const List = menu.firstChild! as HTMLElement;
|
|
||||||
|
|
||||||
List!.appendChild(NewsButton.firstChild!);
|
if (NewsButton.firstChild) {
|
||||||
|
fragment.appendChild(NewsButton.firstChild);
|
||||||
|
}
|
||||||
|
|
||||||
let a = document.createElement('div');
|
let iconCover = document.createElement('div');
|
||||||
a.classList.add('icon-cover');
|
iconCover.classList.add('icon-cover');
|
||||||
a.id = 'icon-cover';
|
iconCover.id = 'icon-cover';
|
||||||
menu!.appendChild(a);
|
menu.appendChild(iconCover);
|
||||||
}
|
}
|
||||||
|
|
||||||
function setupEventListeners() {
|
function setupEventListeners() {
|
||||||
const menuCover = document.querySelector('#icon-cover');
|
const menuCover = document.querySelector('#icon-cover');
|
||||||
menuCover!.addEventListener('click', function () {
|
|
||||||
location.href = '../#?page=/home';
|
|
||||||
loadHomePage();
|
|
||||||
(document!.getElementById('menu')!.firstChild! as HTMLElement).classList.remove('noscroll');
|
|
||||||
});
|
|
||||||
|
|
||||||
const homebutton = document.getElementById('homebutton');
|
const homebutton = document.getElementById('homebutton');
|
||||||
homebutton!.addEventListener('click', function () {
|
const newsbutton = document.getElementById('newsbutton');
|
||||||
if (!homebutton?.classList.contains('draggable') && !homebutton?.classList.contains('active')) {
|
|
||||||
|
homebutton?.addEventListener('click', function() {
|
||||||
|
if (!homebutton.classList.contains('draggable') && !homebutton.classList.contains('active')) {
|
||||||
loadHomePage();
|
loadHomePage();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const newsbutton = document.getElementById('newsbutton');
|
newsbutton?.addEventListener('click', function() {
|
||||||
newsbutton!.addEventListener('click', function () {
|
if (!newsbutton.classList.contains('draggable') && !newsbutton.classList.contains('active')) {
|
||||||
if (!newsbutton?.classList.contains('draggable') && !newsbutton?.classList.contains('active')) {
|
|
||||||
SendNewsPage();
|
SendNewsPage();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
menuCover?.addEventListener('click', function() {
|
||||||
|
location.href = '../#?page=/home';
|
||||||
|
loadHomePage();
|
||||||
|
(document.getElementById('menu')!.firstChild! as HTMLElement).classList.remove('noscroll');
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
async function createSettingsButton() {
|
async function createSettingsButton() {
|
||||||
|
|||||||
@@ -0,0 +1,402 @@
|
|||||||
|
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');
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user