diff --git a/ActuallyBetterCanvasV0.2.zip b/ActuallyBetterCanvasV0.2.zip new file mode 100644 index 0000000..ee5b3bb Binary files /dev/null and b/ActuallyBetterCanvasV0.2.zip differ diff --git a/README.md b/README.md index cd97529..4e408c8 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,10 @@ ![Better Canvas](/icon/NEWtitle.png) -# Betterer Canvas - -name idea: even better canvas or Actually Better Canvas (ABC) +# Actually Better Canvas I don't like the direction bettercanvas (bettercampus) is heading so I forked it -They tried to change license but forgot to wipe the codebase for thier MIT licensed version, so this is a fully legal fork. - -Enhancements to Canvas AND bettercanvas like dark mode, better todo list, GPA calculator, and more! +They tried to change license but forgot to rebase so this is based on the MIT licensed version and fully legal 🙃 @@ -20,8 +16,6 @@ Enhancements to Canvas AND bettercanvas like dark mode, better todo list, GPA ca To contact me, please email sandlerguy5@gmail.com, or you can open an issue within the "Issues" tab on GitHub. -If you are ksucpea and want to take this down, you can't, and I have [proof of legality](#proof-of-legality) - ## Table of Contents - [Features](#features) @@ -54,15 +48,17 @@ Better Canvas introduces improvements to the Canvas user interface: - Preview assignments and announcements from the dashboard ## Newly added features + +Actually Better Canvas adds more with more to come! + - GPA presets -- Scheduled Reminder Popups (broken) - backend stuff: - Searching themes (the original didn't actually impliment that) - made the dark mode into a css file instead of a reallllllly long string - Card Styles (image size, card roundness, card spacing, width, height, theme compatible) - Custom Background (by URL, theme compatible) - Popup UI revamp -- NEW Better todo list (todo: hover preview, cutoff) +- NEW Better todo list ## Planned Features (by priority) - widgets (music, timer) @@ -87,6 +83,7 @@ Better Canvas introduces improvements to the Canvas user interface: - transcribe lecture (if there is demand for it) - flashcards - goals +- Scheduled Reminder Popups ## Community suggestions (maybe will be done at some point) - when opening assignments it will show you "if you get a 0 on this your grade will be _" @@ -113,9 +110,9 @@ To install, run, and build with this repository locally, To use Better Canvas, select your browser below to install the extension from a store. -[Chrome](https://chrome.google.com/webstore/detail/better-canvas/cndibmoanboadcifjkjbdpjgfedanolh) + -[Firefox](https://addons.mozilla.org/addon/better-canvas/) + ### How to use @@ -124,29 +121,6 @@ To use Better Canvas, select your browser below to install the extension from a - When the menu opens, click on the Better Canvas extension. - A menu will appear with configuration options for your Canvas homepage. -## Version Notes - -#### Update 5.10 - -- Fixed dark mode bug in discussion text boxes -- Added new themes + fonts -- Card colors now change instantly -- Dark mode fixer feature -- Card customization now shows preview of image -- New sidebar options -- Dark mode buttons preview their appearance -- "Remove sidebar logo" feature -- "Hide recent feedback" feature -- Menu redesign -- Fixed card assignment bug -- Card assignment efficiency improvements -- Dark mode rework -- Dark mode now syncs -- Option to use device dark mode settings -- Improved todo list -- "Color coded tab icons" feature -- "Use card colors" option for todo list - ## Color Reference | Color | Hex | @@ -229,96 +203,6 @@ To add a new feature, please follow these guidelines. - If the function only adds css, it should be added to `applyAestheticChanges()`, and in this case should not be a separate function, instead add the css to the existing styles found in this function. - Anything else should be put under `startExtension()` and should be placed no higher than the `checkDashboardReady` function found here. -### Add a new theme - -To add a new theme, please follow these guidelines. - -You can export a theme using the export tool in the menu and sending an email to me, or you can merge it here after doing the following: - -#### Exporting - -- Go to the Themes tab and export dark mode, card images, card colors, and custom font. - The only on/off toggles that need be included are `disable_color_overlay` and `gradient_cards`. - Any other toggles aren't necessary, so you should manually add these keys and the appropriate values in with the export code. -- Pick a unique id for the theme, doesn't matter how long this is. - -#### Changes to js/popup.js - -- Add the export code under `getTheme()`. - - Make sure it follows this format: `"theme-: { "exports": {"..."}, "preview": "..." }` -- For the preivew, try to pick the smallest image size from the card images (under ~50kb is perfect), or you can find a smaller display image that isn't included in the card images. - -#### Changes to html/popup.html - -- Add the following under all the other theme buttons: - -``` - -``` - -- The theme name should be one/two words so it doesn't take up too much space. - -## File structure - -``` -. -├── README.md -├── \_locales -│ ├── en -│ │ └── messages.json -│ └── es -│ └── messages.json -├── css -│ ├── content.css -│ ├── options.css -│ └── popup.css -├── html -│ ├── options.html -│ └── popup.html -├── icon -│ ├── icon-128.png -│ ├── icon-16.png -│ ├── icon-19.png -│ ├── icon-32.png -│ ├── icon-38.png -│ ├── icon-48.png -│ ├── icon-wide.png -│ ├── iconwpadding.png -│ └── oldicon-128.png -├── js -│ ├── background.js -│ ├── content.js -│ └── popup.js -└── manifest.json -``` - -### Update the file structure - -#### Use the tree command - -- Linux/Unix - - Install [tree command line tool](https://www.geeksforgeeks.org/tree-command-unixlinux/) - - Use the tree command to generate file structure: - ``` - tree - ``` - -Learn more about tree commands for Linux/Unix [here](https://www.geeksforgeeks.org/tree-command-unixlinux/). - -- Windows - - Use the tree command to generate file structure: - ``` - tree / - ``` - -Learn more about tree commands for Windows [here](https://learn.microsoft.com/en-us/windows-server/administration/windows-commands/tree). - -## proof of legality - -This is the version right before the monetization of bettercanvas, original license and all. -here is some proof the lisence was changed and this is based on the reverted MIT version 5.12.6 -![case1](./proof-of-legality/case1.png) -![case2](./proof-of-legality/case2.png) - ## Authors #### Fork Owner @@ -346,5 +230,7 @@ You can fork, modify, and use this code however you like with attributes, but no ![Better Canvas](/icon/icon-48.png) +Copyright (c) 2024 ksucpea + Copyright (c) 2026 Guy Sandler diff --git a/_locales/en/messages.json b/_locales/en/messages.json index e971d03..3ecbc09 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -1,6 +1,6 @@ { - "better_canvas": { - "message": "Better Canvas" + "actually_better_canvas": { + "message": "Actually Better Canvas" }, "updates": { "message": "Updates" diff --git a/css/options.css b/css/options.css index 4ab9c7a..d7a0791 100644 --- a/css/options.css +++ b/css/options.css @@ -1,33 +1,124 @@ -body, html {font-family: 'Wix Madefor Text';background:#161616;color:#e2e2e2} -h1, h2, p {margin:0;padding:0;} -.main {display:flex;margin:auto;width:1200px;margin-top:60px;align-items: center;justify-content: center;font-size: 15px;gap:20px;} -#updateCSS {border:1px solid #8dd28d;background: #8dd28d24} -#updateCSS:hover {background: #8dd28d24} -.container {flex: 300px; border-radius: 14px;margin-bottom: 20px;} -.steps-item {display:flex;align-items:center;margin-top: 12px;font-size:18px;font-weight:600;} -.main-left { flex-wrap: wrap; gap: 20px;width:500px} -.welcome img {height: 66px;width:66px;} -h1 {font-size: 50px;line-height:52px;} -h2 {font-size: 20px} -.steps {margin-top: 40px; margin-bottom: 20px;background:#101010;padding:24px;border-radius: 14px;display: inline-block;} -.menu-frame {border: none; height: 150vh;flex: 1;max-width: 514px;max-height:700px;overflow:scroll;border:1px solid #323232;border-radius:8px;} -.bettercanvas {display:inline-block;background:-webkit-linear-gradient(0deg, #ff002e, #ff5200, #ff47ad);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} -.icon {height: 22px; width: 22px;margin-right: 10px;} -.pin-icon {fill: #727272} -.puzzle-icon {fill: #fff;} -p {color: #adadad} -.contact-info { font-size:12px;max-width:75%;} -#finger2 {position:absolute;bottom:0;animation:bounce2 .7s infinite linear;font-size:18px;} -#refresh-note {position:relative;font-size:16px;display:inline-block;margin-top:18px;} +body, +html { + font-family: "Wix Madefor Text"; + background: #161616; + color: #e2e2e2; +} +h1, +h2, +p { + margin: 0; + padding: 0; +} +.main { + display: flex; + margin: auto; + width: 1800px; + height: 70vh; + margin-top: 60px; + align-items: center; + justify-content: center; + font-size: 15px; + gap: 20px; +} +#updateCSS { + border: 1px solid #8dd28d; + background: #8dd28d24; +} +#updateCSS:hover { + background: #8dd28d24; +} +.container { + flex: 600px; + border-radius: 14px; + margin-bottom: 20px; +} +.steps-item { + display: flex; + align-items: center; + margin-top: 12px; + font-size: 18px; + font-weight: 600; +} +.main-left { + flex-wrap: wrap; + gap: 20px; + width: 800px; +} +.welcome img { + height: 66px; + width: 66px; +} +h1 { + font-size: 50px; + line-height: 52px; +} +h2 { + font-size: 20px; +} +.steps { + margin-top: 40px; + margin-bottom: 20px; + background: #101010; + padding: 24px; + border-radius: 14px; + display: inline-block; +} +.menu-frame { + border: none; + height: 150vh; + flex: 1; + max-width: 514px; + max-height: 700px; + overflow: scroll; + border: 1px solid #323232; + border-radius: 8px; +} +.bettercanvas { + display: inline-block; + background: -webkit-linear-gradient(0deg, #ff002e, #ff5200, #ff47ad); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.icon { + height: 22px; + width: 22px; + margin-right: 10px; +} +.pin-icon { + fill: #727272; +} +.puzzle-icon { + fill: #fff; +} +p { + color: #adadad; +} +.contact-info { + font-size: 12px; + max-width: 75%; +} +#finger2 { + position: absolute; + bottom: 0; + animation: bounce2 0.7s infinite linear; + font-size: 18px; +} +#refresh-note { + position: relative; + font-size: 16px; + display: inline-block; + margin-top: 18px; +} @keyframes bounce2 { - 0% { - right: -36px; - } - 50% { - right: -30px; - } - 100% { - right: -36px; - } -} \ No newline at end of file + 0% { + right: -36px; + } + 50% { + right: -30px; + } + 100% { + right: -36px; + } +} diff --git a/html/options.html b/html/options.html index e6d0734..4759211 100644 --- a/html/options.html +++ b/html/options.html @@ -18,8 +18,7 @@
-

-er

-

Welcome to Better Canvas!

+

Welcome to Actually Better Canvas!

Refresh your Canvas page to setup

👈 @@ -34,7 +33,7 @@ Click on this puzzle icon at the top right -
  • Click on Better Canvas
    • +
  • Click on Actually Better Canvas
  • - Better Canvas + Actually Better Canvas @@ -23,7 +23,7 @@
    -

    Better Canvas

    +

    Actually Better Canvas