Crazypersonalph 9d010a7743 help
2023-12-04 13:33:43 +08:00
2023-12-03 12:08:37 +11:00
2023-09-19 20:50:04 +10:00
2023-12-04 12:23:05 +08:00
2023-12-04 12:25:56 +08:00
2023-12-03 14:45:31 +11:00
2023-12-04 13:33:43 +08:00
2023-09-25 14:58:08 +10:00
2023-08-30 14:46:23 +10:00
2023-08-30 16:42:57 +10:00
2023-08-30 15:42:24 +10:00
2023-08-30 14:46:23 +10:00
2023-08-13 14:43:02 +10:00
2023-12-04 13:06:59 +08:00
2023-09-12 07:06:56 +10:00
2023-12-04 13:06:59 +08:00
2023-12-03 15:42:47 +11:00
2023-11-08 11:50:01 +11:00
2023-12-04 13:06:59 +08:00
2023-12-04 13:06:59 +08:00

Logo Logo

A beautiful 🤩 Chrome Extension that adds additional features and gives an overall better experience for SEQTA Learn. Currently looking for contributors 🔥

ChromeDownload

Table of contents

Release Videos

Features

  • Dark mode
    • Custom Background
  • Improved Styling/CSS
    • Improved look for SEQTA Learn
  • Custom Home Page including:
    • Daily Lessons
    • Shortcuts
    • Easier Access Notices
  • Options to remove certain items from the side menu
  • Notification for next lesson (sent 5 minutes prior to lesson end)
  • Browser Support
    • Chrome Supported
    • Edge Supported
    • Brave Supported
    • Opera Supported
    • Vivaldi Supported
    • Firefox (currently not supported, plans for it in future though [manifest v3 problems])
    • Safari (Experimental - only available via compilation)

Getting started

  1. Clone the repository
git clone https://github.com/SethBurkart123/EvenBetterSEQTA

Windows

Open the install.bat file located inside the scripts folder. Then after that is finished, open the dev.bat file.

Mac & Linux

  1. cd into the seqta folder
cd EvenBetterSEQTA/scripts
  1. Make the scripts in the folder executable
chmod a+x *
  1. Run the install and dev scripts
sh install.sh
  1. Open a new terminal session to let the new command activate, then run
sh dev.sh

Manual

  1. Install dependencies
npm install
  1. Install webpack
npm install -g webpack
  1. Run the dev script (it updates as you save files)
npm run dev
  1. Install and run the dev script for the interface at the same time (all custom react components are a separate sub-repository)
cd interface

npm install
npm run dev

Folder Structure

The folder structure is as follows:

  • The public folder contains files that are not compiled, but only copied across to the build directory

  • The src folder contains source files that are compiled to the build directory, these can use import statements so that we can do code splitting.

  • The interface folder contains source React files that are required for the UI/UX of the Settings page. It is compiled into the build directory alongside files within src/.

  • The build folder is where the compiled code ends up, this is the folder what you need to load into chrome as an unpacked extension for development.

  • The safari folder is an Xcode project, building it for MacOS does work, IOS needs a few modifications to the manifest to work, but I have managed to get it working (but because of the styling not being designed for phone, its basically useless for now).

Credits

This extension was initially developed by Nulkem, was ported to manifest V3 by MEGA-Dawg68 and is currently under active development by SethBurkart123 and Crazypersonalph

Languages
TypeScript 44.2%
HTML 32.7%
Svelte 12%
CSS 5.6%
SCSS 4.3%
Other 1.2%