Bernard Aybouts - Blog - Miltonmarketing.com

  • Notes_Os Web App Note System

Approx. read time: 2.4 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
    0%
    READY
    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_

    // Understanding the Web App Note System

    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 to type. Press Enter to stamp.
    • 🖼 Image: Upload a screenshot/photo to annotate.
    [+] Pages & Grid:

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

    Grid: Click ▦ to toggle between Blank, Grid, Lines, and Dots.

    [+] Saving:

    Auto-Save: Saves automatically to browser cache.

    Download: Click ⬇ ▼ to save current page as PNG or all pages as ZIP.

    > 3. 📝 Write Mode (The Task Manager)_

    Use Alt + W to switch to this view.

    [+] 🗂 Folders

    Organize tasks into tabs.

    • New Folder: Click the small + button.
    • Delete Folder: Double-click a folder tab.
    [+] Creating Tasks

    • Markdown: Type **bold**, *italic*, or [Link](url).
    • Priority: Low/Med/High sets the border color.
    • Due Date: Tasks glow red if overdue.
    [+] Organization

    • Drag & Drop: Click and hold the grip handle (⋮⋮).
    • Global Search: Type in the search bar. Use arrows (▲ ▼) to jump between results across all folders.

    > 4. 🔗 Advanced Linking (The “Killer Feature”)_

    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. 🛡 SYS.DATA & BACKUP_

    [!] IMPORTANT WARNING

    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_

    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 (Typing)
    Add Task
    Enter (Search)
    Next Search Result

     

    Related Videos:

    Bernard Aybouts - Blog - Miltonmarketing.com

    Related Posts:

    Exploring the Frontier: Cutting-Edge Frameworks Shaping the Future of Software Development

    Embracing the Mobile Revolution: How Smartphones are Reshaping Consumer Behavior and Marketing Trends

    Build to-do list web-app with code

    Related Posts

    Virii8 Pdf Shrink – Split – Merge
    Virii8 PDF Shrink – Split – Merge
    Gallery

    Virii8 PDF Shrink – Split – Merge

    Virii8 Signflow
    Virii8 SignFlow
    Gallery

    Virii8 SignFlow

    Raspberry Pi 5 Local Ai At Home: Ai Hat+ 2 Llm Guide
    Raspberry Pi 5 Local AI at Home: AI HAT+ 2 LLM Guide
    Gallery

    Raspberry Pi 5 Local AI at Home: AI HAT+ 2 LLM Guide

    Neobatch Virii8 – Free Online Image Converter And Compressor
    NeoBatch Virii8 – free online image converter and compressor
    Gallery

    NeoBatch Virii8 – free online image converter and compressor

    The Narrowing Window: How China Closed The Ai Gap And Redefined Global Power
    The Narrowing Window: How China Closed the AI Gap and Redefined Global Power
    Gallery

    The Narrowing Window: How China Closed the AI Gap and Redefined Global Power

    Canadian Tort And Contract Law: 17 Essential Rules
    Canadian Tort and Contract Law: 17 Essential Rules
    Gallery

    Canadian Tort and Contract Law: 17 Essential Rules

    Leave A Comment


    The Longevity Blueprint: AI-Powered Health Optimization

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

    > SYS.HEALTH: AI-Human Medical Analyzer_

    // Revolutionize Your Diagnostics

    Experience the perfect blend of cutting-edge AI precision and expert human care. Our revolutionary analyzer turns your raw health data into personalized, actionable insights tailored just for you.

    > INITIALIZING_BIOMETRIC_SCAN...

    [+] DATA_INPUT

    Securely upload complex health parameters, including lab bloodwork and comprehensive medical history.

    [+] PROCESSING

    Advanced algorithmic parsing combined with human-level oversight ensures hyper-accurate data interpretation.

    [+] OUTPUT_MATRIX

    Receive smarter, faster, and truly personalized care strategies to take immediate charge of your health journey.

    A name/nickname is required to continue.

    > TRANSLATION_MATRIX_ACTIVE...
    [ LANG_EN ]
    Knowledge Heals, Prevention Protects
    [ LANG_HI ]
    ज्ञान ठीक करता है, रोकथाम सुरक्षा करती है
    [ LANG_ZH ]
    知识治愈，预防保护
    [ LANG_JA ]
    知識は癒し、予防は守る
    [ LANG_HE ]
    הידע מרפא, המניעה מגנה
    [ LANG_AR ]
    المعرفة تُشفي، والوقاية تحمي
    [ LANG_FR ]
    La connaissance guérit, la prévention protège

    > SYS.AUTH: Data Processing Consent_

    [ AWAITING_AUTHORIZATION ] By providing consent, you allow us to process your uploaded data through our proprietary AI-Human analysis system.

    • [+] SECURE_REVIEW: This ensures your information is carefully reviewed using advanced AI technology and certified professional oversight to deliver personalized health insights.
    • [+] PRIVACY_LOCK: Your privacy is our strict priority. Your data will only be used for this specific diagnostic purpose.

    > SYS.UPLOAD: Share Medical Records [OPTIONAL]_

    [ USER_CONTROL_ACTIVE ] Uploading your medical records during registration is entirely optional. You can choose to bypass this step and provide data later if it suits your timeline.

    You dictate the data flow: share as much or as little as you’re comfortable with, and let us guide you toward better health.

    [+] FORMAT_SUPPORT

    We accept all file formats, including photos, PDFs, text documents, and raw official medical data.

    [+] DATA_YIELD

    Increased inputs correlate with higher precision. The more info you share, the better we tailor your personalized insights.

    > NEXT_STEPS: Post-Registration Protocol_

    Once your registration is complete, a human specialist from our team will personally reach out to you within 3-10 business days. We will discuss your health journey and map out exactly how we can support you.

    Learn more about our AI-Human Medical Analyzer...

    User consent to privacy policy.

    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. 🚀