Bernard Aybouts - Blog - Miltonmarketing.com

Approx. read time: 2.8 min.

Post: NOTES_OS Web app note system

NOTES_OS Web app note system Version 1

NOTES_OS v1.0 by Bernard Aybout
Page 1
100%
25:00
3
📂 Drop Image Here
    📁
    No tasks in this folder.
    Type a task above and hit ADD or press Enter
    System Ready.

    ⚡ NOTES_OS — Help

    Draw Mode

    • P Pen — Freehand drawing
    • H Highlighter — Semi-transparent
    • L Line — Straight line
    • A Arrow — Directional arrow
    • R Rectangle — Box shape
    • C Circle — Ellipse shape
    • T Text — Place text on canvas
    • E Eraser — Delete objects
    • G Grid — Cycle grid modes
    • Space + Drag — Pan canvas
    • Scroll Wheel — Zoom in/out

    Write Mode

    • Markdown: *bold*, _italic_, ~strike~, `code`
    • Kanban: Toggle view to see priority columns
    • 🔗 Link: Connect a task to a drawing page
    • Drag: Reorder tasks or move between priorities
    • Double-click: Edit a task inline
    • Due Date: Set deadlines, overdue shows red
    • Sort: By priority, date, or alphabetically

    Global

    • Alt+D Switch to Draw mode
    • Alt+W Switch to Write mode
    • Ctrl+Z Undo
    • Ctrl+Y Redo
    • Timer: Click to start, double-click to reset
    • Backup/Restore: JSON import/export

    In WRITE mode, add items to your lists, to-do list, etc.. via your voice to text. Just click on the microphone button to dictate.


    ⚡ NOTES_OS // User Manual – NOTES_OS Web app note system

    Understanding the NOTES_OS Web app note system Features

    Welcome to Notes OS, a hybrid productivity environment that combines a multi-page digital whiteboard with an advanced task management system. Everything runs locally in your browser.


    1. The Header & Global Controls

    • 🍅 Focus Timer:

      • Click the time to Start/Pause.

      • Double-Click to Reset.

      • Click ⚙ to set a custom duration (e.g., 50 mins).

    • 🎨 Theme: Click the palette icon to switch between Hacker Green, Cyber Blue, Hot Pink, or Mono White.

    • ⬌ Layout: Toggles the page controls between Left, Center, and Right.

    • ⛶ Fullscreen: Expands the app to the full size of your monitor for distraction-free work.


    2. ✎ Draw Mode (The Whiteboard)

    Use Alt + D to switch to this view.

    • Tools:

      • ✎ Pen (P): Freehand drawing.

      • 📏 Line (L), ⬜ Rect (R), ◯ Circle (C): Drag to create shapes.

      • T Text: Click anywhere on the canvas to type. Press Enter to stamp the text.

      • 🖼 Image: Upload a screenshot or photo to annotate over it.

    • Pages: You have an infinite notebook. Use ❮ Prev and Next ❯ to create or navigate pages.

    • Grid: Click to toggle between Blank, Grid, Lines, and Dot backgrounds.

    • Saving:

      • Auto-Save: Your work saves automatically to your browser cache.

      • Download: Click ⬇ ▼ to save the current page as a PNG image or all pages as a ZIP file.


    3. 📝 Write Mode (The Task Manager)

    Use Alt + W to switch to this view.

    • 🗂 Folders: Organize tasks into tabs (e.g., Work, Personal).

      • New Folder: Click the small + button.

      • Delete Folder: Double-click a folder tab to delete it.

    • Creating Tasks:

      • Supports Markdown: Type **bold**, *italic*, or [Link Title](https://example.com).

      • Priority: Select Low/Med/High to color-code the task border.

      • Due Date: Set a date. Tasks glow red if they are overdue.

    • Organization:

      • Drag & Drop: Click and hold the grip handle (⋮⋮) to reorder tasks.

      • Global Search: Type in the search bar. Use the ▲ ▼ arrows to jump between results across all folders.


    4. 🔗 Advanced Linking (The “Killer Feature”) – NOTES_OS Web app note system

    Connect your tasks to your drawings.

    1. Create a task (e.g., “Fix Website Header”).

    2. Click the Link (🔗) icon on that task.

    3. Enter the Page Number where you drew the header design (e.g., “3”).

    4. The icon changes to P.3. Clicking it will instantly switch to Draw Mode and load Page 3.


    5. 🛡 Data & Backup

    Important: Your data lives in your browser’s “Local Storage.” If you clear your cache, data will be lost. Always back up important work.

    • 📤 Backup: Downloads a .json file containing all drawings, tasks, and settings.

    • 📥 Restore: Uploads a previous backup file.

    • ⚠ Reset: Wipes all data and returns the app to factory settings.


    ⌨ Keyboard Shortcuts – NOTES_OS Web app note system

    Shortcut Action
    Alt + D Switch to Draw Mode
    Alt + W Switch to Write Mode
    P, L, R, C, T Switch Drawing Tools
    Ctrl + Z Undo Stroke
    Ctrl + Y Redo Stroke
    Enter Add Task (while typing)
    Enter Next Search Result (while searching)

    Leave A Comment


    About the Author: Bernard Aybout (Virii8)

    Avatar Of Bernard Aybout (Virii8)
    I am a dedicated technology enthusiast with over 45 years of life experience, passionate about computers, AI, emerging technologies, and their real-world impact. As the founder of my personal blog, MiltonMarketing.com, I explore how AI, health tech, engineering, finance, and other advanced fields leverage innovation—not as a replacement for human expertise, but as a tool to enhance it. My focus is on bridging the gap between cutting-edge technology and practical applications, ensuring ethical, responsible, and transformative use across industries. MiltonMarketing.com is more than just a tech blog—it's a growing platform for expert insights. We welcome qualified writers and industry professionals from IT, AI, healthcare, engineering, HVAC, automotive, finance, and beyond to contribute their knowledge. If you have expertise to share in how AI and technology shape industries while complementing human skills, join us in driving meaningful conversations about the future of innovation. 🚀

    The Longevity Blueprint: AI-Powered Health Optimization

    Current step:1AI-Human Medical Analyzer: Smarter, Personalized Health
    2AI-Human Medical Analyzer: Smarter, Personalized Health

    Revolutionize Your Health with Our AI-Human Medical Analyzer!

    Experience the perfect blend of cutting-edge AI precision and expert human care. Our revolutionary analyzer turns your health data—like bloodwork and medical history—into personalized, actionable insights tailored just for you. Take charge of your health journey with smarter, faster, and truly personalized care. Start unlocking your healthiest self today!

    Knowledge Heals, Prevention Protects
    ज्ञान ठीक करता है, रोकथाम सुरक्षा करती है
    知识治愈,预防保护
    知識は癒し、予防は守る
    הידע מרפא, המניעה מגנה
    المعرفة تُشفي، والوقاية تحمي
    La connaissance guérit, la prévention protège
    A name/nickname is required to continue.

    Consent to Analyze Your Data

    By providing consent, you allow us to process your uploaded data through our proprietary AI-Human analysis system. This ensures your information is carefully reviewed using advanced AI technology and certified professional oversight to deliver personalized health insights. Your privacy is our priority, and your data will only be used for this purpose.

    Share Your Medical Records (Optional)

    Uploading your medical records during registration is entirely optional—you can choose to provide them later if it suits you. We accept all formats, including photos, PDFs, text documents, and official medical data. The more information you share, the better we can tailor our insights and recommendations specifically to your needs.

    Once you register, a member of our team will personally reach out to you within 3-10 business days to discuss your health journey and how we can support you. You remain in control—share as much or as little as you’re comfortable with, and let us guide you toward better health.