Media
4 items
Description
Maak van je nieuwe tabblad een georganiseerde werkruimte. Houd bladwijzers gescheiden per context. Minimalistisch en prachtig. NEW TAB ORGANIZER ================== A powerful, highly customizable, and aesthetically premium startpage to replace your browser's default new tab page. Organize your digital life with a dynamic system of interactive panels for notes, bookmarks, and more, all within a beautiful glassmorphic multi-view layout. 1. KEY FEATURES --------------- PREMIUM UNIFIED UI & CUSTOMIZABLE LAYOUT - Unified Glassmorphic Design: A modern, consistent visual language across all modals and settings panels, featuring backdrop blur effects and a centered layout. - Drag & Drop Layout: Intuitively arrange panels by dragging and dropping them into any order. The layout supports multiple rows and wraps automatically to fit your screen. - Editable Titles: All panel titles can be edited directly on the page. Just click the title, make your changes, and it saves automatically. - Real-Time Updates: Settings (colors, themes, toggles) take effect instantly as you change them. MULTIPLE INDEPENDENT VIEWS (ORGANIZERS) - Four Workspaces: To prevent clutter and keep workflows separate, the extension supports up to four independent views (A, B, C, and D). - Separate Data: Each view maintains its own unique set of panels and data, allowing you to organize different projects or contexts. - Smart Navigation: Use the A/B/C/D links in the sidebar to switch between views. The extension intelligently focuses an existing view's tab if it's already open, preventing duplicates. - Swap & Move: * Swap Organizers: Swap the entire contents of two organizers from the Settings menu. * Move Panels: Move individual panels from one organizer to another. BOOKMARK PANELS & ADVANCED FOLDER LOGIC - Live Bookmark Folders: Display and manage links from any of your browser's bookmark folders. - Intelligent Folder Creation: Create brand new Chrome bookmark folders directly from the "Add Bookmark" modal. * Quick Toggle: Switch between creating folders in the root or inside a specific Organizer folder (A, B, C, or D) directly within the modal. Your Sidebar folder follows the same placement rule. * Contextual Help: Info buttons explain folder placement logic, including sidebar folder behavior. - Organizer + Sidebar Management: A single checkbox controls automatic placement of the 4 Organizer folders (A–D) and your Sidebar folder in Chrome bookmarks. When active, they are kept in sync with your selected root folder (Bookmark Bar or Other Bookmarks). When disabled, existing folders are preserved. - Full Bookmark Management: * Edit: Hover over any bookmark to reveal an "edit" (e) button to modify its title and URL. * Delete: Remove bookmarks with a confirmation step. * Reorder: Drag and drop bookmarks to reorder them within a panel. * Move: Drag bookmarks to other panels or the sidebar to move them between folders. - Automatic Naming: Bookmark panels automatically use the folder name as a default title if you leave it blank. NOTES PANELS - Rich-Text Notes: Jot down quick notes, to-do lists, or ideas in text-based cards. - Image Support: Paste images directly from your clipboard into a notes panel to create an image card. - Drag & Drop Cards: Reorder cards within a panel or move them between different notes panels. - Add & Delete: Add new cards with a single click or remove them when no longer needed. EFFICIENT WORKFLOW & SETTINGS - Quick Actions: Instantly create new notes (+ P) or bookmark (+ L) panels from the sidebar. - Undo Deletions: Accidentally deleted a panel or a card? Press Ctrl+Z to restore it instantly. - Customizable Sidebar: Choose a specific bookmark folder to display in the persistent sidebar. When Organizer Folders mode is active, the sidebar folder is automatically placed alongside the organizer folders. - Open on Startup: Choose which workspace (A, B, C, or D) opens automatically when you launch your browser. - Data Portability: Use Import and Export in Settings to back up or restore your entire setup via JSON. - Bulk Bookmark Import: Quickly populate a view by creating panels for all your bookmark folders at once. ADVANCED THEME ENGINE - Light & Dark Themes: Seamlessly switch between a clean light mode and a sleek dark mode. - Five-Way Color Customization: * Background Color: The main page background. * Text Color: Global text color. * Button Color: Primary action buttons and toggles. * Border/Line Color: Panel borders and separators. * Input/Dropdown Background: Specific control for text boxes and selection menus for maximum legibility. - Multilingual Support: Fully localized in English, Dutch, French, German, Spanish, and Portuguese. - Localized Date & Clock: * Toggle display of the clock, date, year, and day of week. * Smart Localization: Formatting automatically respects your selected language. * Adjustable Size: Use a slider in Settings to change the date font size in real-time. 2. HOW TO INSTALL AND USE ------------------------- 1. Download or clone this repository to your local machine. 2. Open your Chrome-based browser and navigate to chrome://extensions 3. Enable "Developer mode" in the top right corner. 4. Click "Load unpacked". 5. Select the directory where you saved this repository. 6. The extension is now active. Open a new tab to see your custom startpage! 3. DATA STORAGE --------------- This extension uses a hybrid storage model to provide a balance of synchronization and flexibility: - Synced Data (chrome.storage.sync): The structure of your panels, text in your notes, settings, and bookmark data are all synchronized across your devices using your browser's built-in sync feature. - Local Data (chrome.storage.local): To accommodate larger data like images, all pasted images are saved only on the local machine where they were added. NOTE: Your layout and text-based notes will always be in sync, but pasted images will not appear on your other devices. --- For maximum productivity gain use in combination with - Very Practical Clock & Notepad extension https://chromewebstore.google.com/detail/very-practical-clock-note/ncooonkkjoeikgkbbljefnmhldpgdpdn?authuser=0&hl=en - Battery Percentage extension https://chromewebstore.google.com/detail/battery-percentage/bcknfhofonlfillmlonppglflhgdbeoa?authuser=0&hl=en