JadeDrive Project — User Manual

Everything the system can do, and how to do it. Admins: there is a separate Admin Manual under the same Help menu.

Getting started

Sign in with the username and password your administrator gave you. Depending on how the site is configured you may also be asked for an emailed PIN, or — if you switched it on yourself — a 6-digit code from your authenticator app (see Account security).

The app works in any modern browser on Windows, Linux, macOS, Android and iOS. It is a progressive web app: your browser's "install" or "add to home screen" option gives you an app icon, and the interface shell loads instantly on repeat visits. The application automatically updates in the background whenever new features are deployed, reloading seamlessly without requiring you to clear your browser cache.

The interface

From top to bottom:

• App bar — the site name, a quick title filter, the notification bell, Search, the prominent green New Card call-to-action button, the … More menu immediately adjacent, then Settings and Logout (and Admin, for administrator accounts).
• Board tabs — one tab per board. Folders group boards; click a folder to open its list. Drag tabs to reorder. A coloured underline on a tab is that board's accent colour.
• View bar — clean, streamlined switching between View: Board, View: List, and View: Calendar.
• The board — your columns (by default Not Started, Ongoing, Completed) with a live card-count badge on each header. Double-click a column header to rename it, recolour it or change its per-column sorting.

The … More menu holds everything you use less often: My tasks, Archive, Template, Security, the command palette, Dashboard, Export & calendar, Print, keyboard shortcuts, Today, Compact cards, Stats for Nerds — and this manual.

Boards & folders

• Create a board with the + at the end of the tab strip. Boards come in types — a standard kanban/documents board, media collections (music, audiobook, ebook, video, TV shows), or any of 35 dedicated Retro Gaming Consoles (NES, SNES, N64, Game Boy, GBA, Genesis, PS1, Arcade, etc.). The type decides which extras the board gets (in-browser EmulatorJS player, music player, reader, scrapers…).
• Folders keep related boards together. Click to open, double-click a folder for its settings. Drag tabs into or out of folders.
• Custom columns — double-click any column header to change its label, icon, colour, or the order cards sort in that column.

Cards

Creating cards

• New Card button (vibrant green button in the top navigation) — opens the full card editor. When creating a new unpersisted card, the primary action button is clearly labeled “Create card”, and unneeded actions (Delete, Export to PDF, Set Cover Photo) are cleanly suppressed from the header until the card is created.
• Quick add — press q and type naturally: Chase invoice tomorrow !high #finance ~30m. See Quick add syntax.
• Batch Card Creator — the slim dashed row at the bottom of each column opens a table where you paste or type many titles at once, pick the target column, and optionally set deadlines per card.
• Drop a file onto the dashed upload row and a card is created carrying it (the row expands the moment a file drag enters the window). Folders can be dropped too.

Editing

Click a card to open it. The action button changes to “Save”, and the header reveals the Delete, Export to PDF, and Set Cover Photo controls. Descriptions support Markdown with a live editor. Cover photos can be zoomed and cropped. A card being edited can be minimised to a bar at the bottom of the screen while you look something up, then restored.

Moving & completing

• Drag cards between columns (on touch screens, hold for a quarter-second first, so scrolling stays smooth).
• Press m or click the Move button (bidirectional arrows ⇄) on card hover to move without dragging.
• Complete a card from its menu, the Today view's tap-circle, or a swipe-right on the phone. If the card still has open blockers you'll be warned first.
• Archive finished cards from the card menu. An archived card leaves the board immediately; find it again under More → Archive, where it can be restored to the column it came from.

Selecting many cards

Shift-click cards to select several; a bulk bar appears for moving, archiving, restoring, or adding/removing a label on the whole selection at once.

Copying cards

Duplicate card makes a full copy: the description, dates, priority, estimate, cover colour, labels, checklist and custom-field values all come across. The checklist arrives unticked, because a copy is work still to do, and the copy is titled “… (copy)”.

• From a card's context menu or hover action bar, choose Duplicate card.
• Or focus a card with j / k and press Shift+D.

Labels & categories

• Labels are coloured tags you create yourself and attach to any number of cards. They show as pills on the card front, can be filtered by, searched with label:, and applied in bulk or by automation.
• Categories (Settings → Categories) are a single coloured badge per card — useful as a broad grouping like Client A / Client B.

Checklists

Every card has a checklist: add items, tick them off, and watch the 2/5 progress chip on the card front. Any checklist item can be promoted to its own card with one click — the new card lands in the same column and is automatically related back to the original.

Comments & activity

Cards carry a comment thread and a per-card activity log (who changed what, when). The board-wide activity feed (in the More menu) shows everything that happened across your boards — filterable by kind, with older events loading as you scroll.

Dates, reminders & snooze

• Cards can carry a start date and a deadline (with optional time). Overdue cards get a steady red edge, a red countdown badge (e.g. 3 days overdue), and full resting opacity.
• A reminder offset (e.g. 24 hours before) generates a notification in the bell when the moment comes.
• Snooze hides a card until a date you choose — tomorrow, +7 days, or any date. Snoozed cards leave the board and come back by themselves on the day. The Snoozed chip in the view bar peeks at what's hidden; swiping a card left on the phone snoozes it until tomorrow.

The Today view

Press t (or Menu → Today on the phone) for your daily front door: Overdue, Due today and Due tomorrow across every board, with one-tap complete circles and priority pills on the urgent ones. Tap any row to open the card.

Priority & estimates

Cards take a priority from Low to Urgent — shown as a flag on the card, filterable, sortable and usable in searches (priority:urgent, priority:>=high) and automation. An estimate (e.g. ~45m, ~2h) sets expected effort, which the time tracker compares against actual logged time.

Views: board, list & calendar

• b Board — the classic columns with cards, drag-and-drop, and column stats.
• l List — a clean, dense scannable table displaying task title, status, category, and due date, best on small screens or for rapid triage.
• Calendar — switch effortlessly to a monthly grid to visualize deadlines and reschedule tasks via drag-and-drop.

Compact cards (More menu) shrinks card chrome ~30% so more fits on screen.

Calendar

• The Calendar button in the view bar swaps the board for a month grid of your deadlines. Drag a card between days to reschedule it. An Unscheduled tray lists open cards with no date — drag them onto a day.
• The small floating date strip shows the two weeks around today with dots for busy days; double-click it to expand. It fades out of the way until you hover it.

Timeline (Gantt)

Press v for a timeline of every dated card: bars from start date to deadline, weekends shaded, today marked, and dependency arrows between blocked cards. Drag a bar to move a card in time, or drag its edge to change its length — dates save immediately. Cards far outside the window are pinned to the edge and marked so a stray drag can't rewrite ancient history.

Dashboard

Press d for the numbers: open/overdue/completed counts, an eight-week completion bar chart, busiest boards and label breakdowns.

Search & filters

The header box filters the current board by title as you type. Press / for full search across every board, with operators:

Wrap multi-word values in quotes. Put a - in front of any operator to exclude instead of include — -label:Urgent, -is:done, -list:Completed, -priority:low, -has:due. Anything else is free text matched against titles and descriptions. Results open the card directly; the search panel also powers the Today view.

Quick add syntax

Press q and write the card the way you'd say it. Recognised tokens turn into live chips as you type; unrecognised words stay in the title.

Example: Send VAT return 7 apr !urgent #"deep work" ~2h every 3 months.

Automation

More → Automation. Rules run for you — over every way a card can change, including edits made outside the app.

Triggers

• When a card is created / moved to a column / completed / gets a label — event rules, fired by the change itself.
• When a card becomes overdue, or is due in N days — checked in a daily sweep.
• On a schedule — daily or a weekday (mon…sun), optionally with a start hour: daily@14 fires from 2 pm. Schedule rules run over every card that matches their conditions, at most once per card per day.

Conditions

Up to five per rule — title contains, in column, has label, priority at least, due within, has no due date — combined with all (and) or any (or).

Actions

Up to five per rule: set priority, move to a column, complete, archive, set due in N days, clear the due date, add or remove a label, send yourself a notification, stop a running timer.

Recipes

One-click starters — e.g. “When a card becomes overdue, flag it Urgent”, “Every Monday, archive completed cards”, “Every day, flag overdue cards Urgent”. Each rule shows its run count and last run time; rules can be paused or deleted at any time.

Time tracking

• Start a timer from a card. A live chip in the app bar shows what's running and stops it in one click; completing a card stops its timer automatically (and an automation action can too).
• The card's Time panel lists entries, lets you add manual entries (1h30, backdated if needed), edit and delete them, and compares total logged time against the card's estimate.

Custom fields

Define your own fields per board — text, number, or date — and fill them per card in the Fields panel. Values show as chips on the card front and are searchable with field:Name=… / field:Name>… / field:Name<….

Relations & blockers

• Link cards as blocks / blocked by or relates to from the card panel. Circular chains are refused.
• Blocked cards carry a badge on the board; completing a card that still has open blockers warns you first (but never stops you).
• Dependency arrows are drawn in the Timeline view.

Templates & recurring cards

• Open any card and Save as template — it keeps the description, checklist, labels and settings. More → Template stamps out a fresh copy.
• Recurring cards (set on the card, or via every … in quick add): completing one advances the deadline to the next occurrence — always into the future, even if the card sat overdue for weeks.

Bulk actions & WIP limits

• Shift-click selects multiple cards; the bulk bar then moves, archives, restores, labels, completes or snoozes all of them at once (up to 500 per action).
• WIP limits put a ceiling on a column (say, 3 cards in Ongoing). Go over and the column header badge turns amber — a nudge, not a wall.

Import, export & print

• Import from Trello (More → in the Trello import dialog): export your Trello board as JSON, then drop the file in. Lists become labels, cards keep descriptions, checklists (with tick-state), due dates, label colours, and closed cards arrive archived.
• CSV export — the whole board with labels, checklist progress, estimates and logged time; opens cleanly in Excel.
• Calendar feed (iCal) — a private URL that puts your deadlines in Google Calendar / Outlook / Apple Calendar, updating automatically. Regenerate the link any time to revoke the old one.
• PDF — export a single card from its editor. p prints the current view with tidy print styling.

Media boards: music, books & video

Boards created with a media type get extra powers; cards become albums, books or films:

• Music / audiobook collections — upload audio to a card and play it with the built-in player (play button on the card, waveform animation, player settings under Settings → Music Player Settings).
• Book collections — upload EPUB/PDF/comic files and read them in the built-in reader; book cards track author, year, page count, ISBN and genre, all searchable.
• Video / TV collections — upload video to watch in the built-in player; TV boards track shows. If your admin has enabled the lookup services, a scraper can fetch covers and details for films, shows and albums automatically.

Retro Game Consoles & EmulatorJS Player

Create dedicated console worksheets for classic retro gaming with the built-in, high-performance EmulatorJS player. Each console board provides tailored ROM management, artwork covers, and in-browser hardware emulation without installing external software.

Supported Consoles (35 Systems)

The system natively supports 35 retro gaming platforms organized by hardware family:

• Nintendo: Nintendo Entertainment System (NES / Famicom), Super Nintendo (SNES / Super Famicom), Nintendo 64 (N64), Game Boy (GB), Game Boy Color (GBC), Game Boy Advance (GBA), Nintendo DS (NDS), Virtual Boy (VB), Pokémon Mini.
• Sega: SG-1000, Master System, Game Gear, Genesis / Mega Drive (MD), Sega CD / Mega CD, Sega 32X, Sega Saturn, Dreamcast.
• Sony: PlayStation 1 (PS1 / PSX), PlayStation Portable (PSP).
• Atari: Atari 2600 (VCS), Atari 7800, Atari Lynx, Atari Jaguar.
• Arcade & Classic Computers: Arcade (MAME / FinalBurn Neo), SNK Neo Geo, SNK Neo Geo Pocket / Color, Commodore 64 (C64), DOS / PC (x86), NEC PC Engine / TurboGrafx-16 / SuperGrafx, Bandai WonderSwan / Color, 3DO Interactive Multiplayer, MSX / MSX2, ColecoVision.

Universal Archive Support (.zip & .7z)

You can upload ROM files either uncompressed or inside compressed .zip and .7z archives. When launching a zipped game, EmulatorJS automatically decompresses and boots the game entirely within browser memory — saving disk space and eliminating the need to manually extract archives before uploading.

Interactive Canvas Gesture Controls

Control game playback and display mode instantly using natural mouse and touch gestures directly on the game screen:

• Single Left-Click in Game Window: Toggles Pause and Resume playback on the running ROM. An on-screen visual toast (“Paused” or “Resumed”) confirms state changes immediately.
• Double-Click in Game Window: Toggles Fullscreen mode on the player container.
• Smart Click Debouncing: An intelligent 280ms threshold distinguishes single clicks from double clicks, preventing accidental pausing when entering or leaving fullscreen. Clicking in-game menu buttons, settings popups, or virtual gamepad overlays is automatically ignored by gesture handlers so normal gameplay interaction is never interrupted.

Edge-to-Edge Borderless Fullscreen & 5-Second Inactivity Autohide

Playing in fullscreen offers a cinema-like, completely immersive experience:

• Edge-to-Edge Borderless View: Entering fullscreen strips all outer borders, card padding, and rounded corner radii, expanding the gameplay canvas to a true 100vw × 100vh viewport.
• 5-Second Inactivity Autohide: The top overlay bar (containing the ROM title, system badge, fullscreen toggle, and close button) floats as a translucent gradient overlay. After 5 seconds of mouse or touch inactivity, the entire header bar slides smoothly upwards and fades out completely.
• Instant Wakeup on Movement: Moving your mouse or tapping anywhere on the game canvas instantly brings the header back into view. Hovering your mouse directly over the header prevents it from hiding while you interact with controls.

GBA Performance Optimization (VSync Disabled by Default)

Game Boy Advance (GBA) emulation sessions automatically launch with VSync Disabled by default. This eliminates audio crackling, frame drops, and input latency on variable-refresh (60Hz, 120Hz, 144Hz, 240Hz) and high-DPI displays. If desired, VSync can be customized anytime via the in-game Graphics Settings menu.

User Preference Typography & Font Synchronization

The entire EmulatorJS interface — including modal container headers, system badges, loading indicators, in-game menus, settings popups, and bottom control bars — dynamically inherits your chosen theme typeface from Settings → Change Font in real time via cross-frame message dispatching.

Offline IndexedDB Core Caching

Console emulation cores and WebAssembly runtimes are cached locally in your browser's IndexedDB database. After the initial launch of a console system, subsequent game launches bypass core downloads and start instantly.

Files & uploads

• Attach files inside the card editor, or drop files (or whole folders) onto a column's upload row — each dropped file becomes a card with the file attached.
• Which file types are accepted, the per-file size cap and how many upload at once are set by your admin; the upload row shows the current limits while you drag.
• My Disk (Settings → My Disk) shows your storage quota and what's using it. If you hit your package's limit, the Upgrade screen lists larger plans.

Phone & tablet

• Phone — one column at a time with a swipe between columns (dots show where you are), a bottom bar with Board / Calendar / ＋ / Search / Menu, and a Menu sheet holding everything else (Today first).
• Gestures — swipe a card right to complete, left to snooze until tomorrow (both undoable); pull down from the top of the board to refresh; hold a card a quarter-second to drag it.
• Tablet — two/three snap-scrolling columns, the full view bar in one row, and finger-sized controls throughout.
• Nothing sits on top of anything. The bottom bar steps aside while a panel is open, the board leaves room for the bar and the page dots, and the calendar strip along the bottom reserves its own space so it can never cover a card or its buttons.

Panels & forms on touch & Zoom-Proof Modals

Every panel in the app — card editor, settings, and profile screens — adapts seamlessly to your screen and zoom level:

• Zoom-Proof Pinned Footers: User modals (including My Profile, Change Password, and My Disk) feature a dedicated scroll body for form fields and a permanently pinned bottom footer. Action buttons (Save Profile, Change Password, Close) stay 100% visible and accessible without scrolling offscreen or clipping, even at high browser zoom levels.
• On a phone a panel opens as a full-screen sheet. Its title stays pinned at the top with the × beside it, so you can always see where you are and always get out, however long the form is. Only the content between the title bar and the bottom scrolls.
• On a tablet the same panel opens as a large centred sheet — big enough to work in, small enough that you can still see the board behind it.
• On a computer panels keep the size they were designed at, and long ones now scroll inside themselves so the Save and Cancel buttons are always reachable.
• Standardized header controls — every modal close (×) and header action button (maximize, copy, help) features a 32px circular hover highlight, centered icons, and guaranteed single-line header alignment without text or button wrapping across all 60+ dialogs.
• Fields stack rather than squeezing: on a phone every label sits above its box and every box is full width, so nothing runs off the edge. Text boxes are sized so iOS doesn't zoom in when you tap them.
• Everything is finger-sized. Buttons, links, checkboxes and switches all have a comfortable tap area, and a switch now responds to a tap anywhere on it.
• Nothing runs off the edge any more. Every panel, form and page now sizes itself from your screen rather than from a fixed width, so there is no content hiding past the right-hand side and nothing pushed off the left where you could not scroll back to it. This was checked on every screen in the app at five widths, down to 320px — narrower than any current phone.
• Long links and codes wrap instead of stretching the panel sideways. API tokens, file paths and web addresses now break onto the next line.
• The page behind a panel stays put. Opening a panel freezes the board underneath, so you cannot scroll the wrong thing by mistake and the panel keeps its position.
• The theme picker on the sign-in screen opens as a panel across the bottom of a phone screen rather than a box hanging off the corner, so every colour is reachable and every preset name is spelled out in full.

Notifications

The bell collects reminders, overdue alerts and automation notifications, with an unread badge that refreshes right after login and every 45 seconds. Open it to jump to the card, mark items read one by one, or clear the lot with mark all read. Duplicates are suppressed automatically.

Personal settings

Click Settings in the top navigation bar to open your personal options:

• Signed in as [Name] (Identity Header): The top identity header in the Settings dropdown displays your active circular avatar picture (42×42 px) and account name. Clicking anywhere on this header (or pressing Enter / Space) opens the My Profile modal directly with a full-width edge-to-edge highlight, replacing redundant standalone menu links.
• Change Look & Theme — toggle light or dark mode and select your preferred theme colour palette.
• Change Font & Font Downloads — choose from 9 custom app typefaces (Open Sans, Poppins, Roboto, Gadner, Playpen Sans, Kwokwi Front, Orange Kid, BCC Mro Serif, Otfits Grotesk). Each font option card features an individual Download button that generates a secure, tokenized download link (download/TOKEN-KEY) bound to your session to download the authentic .ttf or .otf font file for offline and desktop use.
• Set Language — switch the interface language from the global multi-language dictionary.
• Categories — manage your category badges. Music Player Settings — playback preferences. Upload Settings — your personal upload preferences.
• Auto Logout — sign out automatically after a period of inactivity.
• My Disk / Upgrade Account — view disk quota and bandwidth consumption breakdown with donut chart diagnostics and explore available plan upgrades.

My Profile & Avatar Picture

Open Settings → My Profile (or click your name/photo at the top of the Settings dropdown) to manage your personal details, profile picture, and credentials:

• Profile Avatar Upload & Cropping:
  • Supported Formats: Upload image files in JPG, JPEG, or PNG format.
  • Dimension Requirements: Minimum dimensions of 180 × 180 pixels; recommended resolutions of 320 × 320 pixels up to 2048 × 2048 pixels for optimal crispness on high-DPI displays.
  • Automated 1:1 Square Cropping: Images are automatically cropped to a centered 1:1 square ratio and rendered as a smooth circular profile avatar.
  • Snug & Symmetrically Centered Layout: The photo preview box is snugly sized (8px 14px) and horizontally centered to save vertical modal screen space.
  • Requirements Hover Tooltip: Hover over the information icon next to “Profile Photo” to instantly display dimension and format specifications.
  • Themed Removal Confirmation: Clicking “Remove” opens an internal styled confirmation dialog matching the app's light/dark design theme instead of an unstyled browser prompt.
  • Instant Real-Time Synchronization: Uploading or removing your avatar updates your photo immediately across the Settings header, toolbar thumbnail, and profile preview without needing a page refresh.
• Personal Information: Edit your First Name, Last Name, Date of Birth (with interactive calendar picker), Email Address, and Country.
• Change Password: Quick shortcut to update account security credentials subject to site complexity rules.
• Zoom-Proof Pinned Footers: Action buttons (“Save Profile” and “Cancel”) are permanently pinned at the bottom of the dialog with dedicated internal scrolling, ensuring buttons remain visible at any browser zoom level.

Account security (2FA)

More → Security:

• Enable two-factor — scan the QR code with Google Authenticator, Authy, 1Password or any TOTP app, confirm with a 6-digit code, and save the 16 recovery codes shown once. From then on, login asks for a code (a recovery code works once each if you lose the device).
• Regenerate recovery codes, or disable 2FA, with a current code.

Keyboard shortcuts & gestures

FAQ & Help Directory

Where can I browse help topics or ask a question? Click Help → FAQ to browse categorized questions and answers. If your question is not covered, click the “Ask a Question” button at the top of the FAQ modal to send your question directly to site administrators for review and publication.

Can I upload zipped (.zip / .7z) ROM files to game console boards? Yes. All 35 retro gaming console worksheets natively accept direct .zip and .7z archive uploads as well as raw ROM extensions. The EmulatorJS player decompresses and boots archives directly in-browser memory without needing manual unzipping.

How do mouse gestures work in the retro game emulator? Single left-clicking inside the game canvas immediately toggles pause and play with an on-screen notification badge (“Paused” / “Resumed”). Double-clicking inside the game window toggles edge-to-edge fullscreen mode. In-game menu buttons and virtual gamepads are ignored so normal settings interaction is preserved.

Why does the header disappear in fullscreen mode? In fullscreen mode, the top header (with the game title, console badge, toggle fullscreen, and close buttons) automatically slides up and fades out after 5 seconds of mouse/touch inactivity to provide an unobstructed, borderless gaming screen. Moving the mouse or tapping anywhere on the screen brings it back immediately.

Why is VSync disabled by default for Game Boy Advance games? Disabling VSync by default for GBA titles prevents frame stuttering, audio crackle, and input latency on variable refresh rate displays (such as 120Hz, 144Hz, or ProMotion screens). You can re-enable VSync anytime via the in-game Graphics Settings menu.

A card vanished. It's probably snoozed (check the Snoozed chip) or archived (More → Archive). The full search also finds archived cards with is:archived.

I completed / snoozed / archived something by accident. Click Undo in the toast. Too late? Archived cards restore from the Archive; snoozes clear from the snooze row; completed cards drag back to their column.

Can I download the typography and fonts used in the app? Yes. Go to Settings → Change Font (or Settings → Change Look → Change Font) and click the download button on any font option card. The system generates a secure, tokenized download link to download the .ttf or .otf font file directly.

Does pressing Escape close every dialog? Yes. Pressing Esc reliably closes any open modal, dialog, or drawer application-wide — including Change Look, Batch Deadlines, Manage Columns, Upload Mismatch, Calendar, and full-screen sheets.

Search says it used a fallback. If the fast index returns nothing the system automatically retries with a broader scan, so you still get results.

My daily automation didn't run at midnight. Rules run on your first activity of the day (or on the background scheduler, if configured). The per-day guarantee means they never run twice.

Why did my repeating card come back with the wrong date? It shouldn't any more — month-end repeats used to skip a month (31 August rolled to 31 October), and a card left overdue for a very long time could be reborn still in the past. Both are fixed; if you see a wrong date, tell your administrator which card and what repeat it uses.

A panel looks wrong on my phone. Panels are full-screen sheets on a phone, centred sheets on a tablet and normal dialogs on a computer. If one still looks squeezed, tell your administrator which screen it was and what you were doing — the layout is checked automatically across every panel at each size, so a report like that is easy to act on.

Something else? Ask your administrator — their manual covers users, limits, backups, email and site configuration.