Skip to content

Extension - MariaRemindsUS | Chrome/FireFox/Edge Browser Extension

Latest

Choose a tag to compare

@tech-anupam tech-anupam released this 22 Sep 09:12
· 6 commits to main since this release

MariaRemindsUs v3.0.0 Release Notes

MariaRemindsUs Icon

MariaRemindsUs v3.0.0

The Multi-Routine & Mindful Redesign Release

Demo Video Release Chrome / Edge MV3 Firefox


Release Assets & Downloads

Package Archive Target Browsers Architecture
MariaRemindUs - Chrome & Microsoft Edge Extension.zip Google Chrome, Microsoft Edge, Brave, Vivaldi, Opera, Arc Manifest V3 (Service Worker)
MariaRemindUs - FireFox Extension.zip Mozilla Firefox, Firefox Developer Edition, Floorp, Zen Browser, LibreWolf Gecko Manifest (Background Scripts)

(Both packaged release archives are located under .output/ ready for distribution and installation)


What's New in v3.0.0

1. 5 High-Quality 60 FPS Anime Break Routines

Each break routine has been rendered with a hardware-accelerated 60 FPS VP9 pipeline with alpha transparency and watermark removal:

  • Hydration (drink-water): Maria takes a refreshing sip with you (maria-drink-water.webm + maria-drink-water.mp3).
  • Gym & Stretch (gym): Stand up for a quick muscle stretch and physical activation (maria-gym.webm + maria-gym.mp3).
  • Food & Nutrition (food): Healthy snack pause to maintain focus throughout the day (maria-food.webm + maria-food.mp3).
  • Posture Check (posture-check): Ergonomic posture reset and spinal stretch with custom dual-key chroma transition (maria-posture.webm + maria-posture.mp3).
  • Rest Break (sleep): Close your eyes for a brief mental reset (maria-sleep.webm + maria-sleep.mp3).

2. Complete UI Redesign (Zero Emojis, Pure SVG Vector Design)

  • Custom SVG Icons: High-contrast, clean vector icons for all routines (water drop, dumbbell, utensils, spine, moon, gear, switch, play).
  • Enable / Disable Slider Switches: You can now freely toggle any routine on or off. Disabling a routine marks it as Disabled and pauses its alarm without removing it from your dashboard.
  • Per-Routine Settings Gear (⚙️):
    • Quick Presets: 10s, 15m, 30m, 1h pills for quick adjustments.
    • Smooth Interval Slider: Continuously adjust frequency from 10 seconds to 2 hours.
    • Custom Time Inputs: Precise hours, minutes, and seconds configuration.
    • Sound Preview Button: Audition the exact chime audio for each routine before saving.
    • Remove Routine Option: Completely remove a routine card from your schedule.
  • Empty State & "+ Create Reminder": If all routines are cleared, a dedicated empty state displays with a large + Create a Reminder button. If routines are disabled, a top banner alerts: "All Reminders Paused • Toggle on a routine or create a reminder".

3. Audio Synchronization & Overlay Fixes

  • Exact Audio Matching: Fixed audio routing so each break plays its dedicated sound prompt instead of defaulting to water chimes.
  • Escape-Only Dismissal: Break overlays will no longer dismiss on accidental mouse clicks. Dismissal requires pressing the Escape key, waiting for the timer, or letting the video complete.
  • Fullscreen Streaming Protection: Removed forced exitFullscreen(), so breaks gracefully layer over YouTube or Netflix without kicking you out of fullscreen mode.

How to Install and Load the Extension

Option A: Google Chrome & Microsoft Edge (Chromium)

Note

Works on Google Chrome, Microsoft Edge, Brave, Vivaldi, Opera, and Arc.

  1. Extract the Archive:

    • Locate MariaRemindUs - Chrome & Microsoft Edge Extension.zip.
    • Right-click and choose Extract All... (or extract with 7-Zip/WinRAR) into a permanent folder (e.g., Documents/MariaRemindUs-Chrome).
  2. Open the Extensions Management Page:

    • Chrome: Navigate to chrome://extensions in your address bar.
    • Edge: Navigate to edge://extensions in your address bar.
    • Brave: Navigate to brave://extensions in your address bar.
  3. Enable Developer Mode:

    • In the top-right corner of the Extensions page, toggle the Developer mode switch to ON.
  4. Load the Unpacked Extension:

    • Click the Load unpacked button in the top-left toolbar.
    • In the folder picker, select the extracted folder (the folder that directly contains manifest.json, popup.html, and background.js).
  5. Pin & Use:

    • Click the puzzle icon (Extensions) in your browser toolbar and pin MariaRemindsUs for 1-click access to your break dashboard.

Option B: Mozilla Firefox (Gecko)

Note

Works on Mozilla Firefox, Firefox Developer Edition, Floorp, Zen Browser, and LibreWolf.

  1. Open the Add-ons Debugging Page:

    • In Firefox's address bar, type about:debugging#/runtime/this-firefox and press Enter.
  2. Load Temporary Add-on:

    • Under the Temporary Extensions section, click the Load Temporary Add-on... button.
  3. Select the Package:

    • Browse to MariaRemindUs - FireFox Extension.zip and select it directly (or select manifest.json inside the extracted Firefox folder).
    • Firefox will load MariaRemindsUs immediately.
  4. Pin to Toolbar:

    • Click the extensions puzzle icon in Firefox's toolbar and click the gear/pin icon next to MariaRemindsUs to keep the icon visible.

Keyboard Shortcuts & Quick Controls

  • Dismiss Break: Press Esc key at any time during an overlay.
  • Test Break: Click the ▶ (Play) icon on the banner or on any routine card to test that specific video and audio prompt immediately.
  • Mute / Unmute: Click the speaker icon in the top header to toggle audio chimes on or off globally.
  • Preferences: Click the header gear icon (⚙️) to access the domain exclusions list (e.g. zoom.us, meet.google.com, figma.com).