Aesthetic Custom Start Page Extension 🏎️📅📝

A beautiful, premium, and clutter-free browser start page designed to replace your default new tab. It features a modern glassmorphism design, responsive layouts, customizable shortcuts, a left slide-out notes manager, a right slide-out reminders manager, and a real-time Formula 1 countdown tracker & calendar.

(Replace with a screenshot of your page if desired!)

---

✨ Features

• 🌐 Customizable Shortcuts Grid: Add, edit, or remove your favorite shortcuts easily. Right-click any shortcut to edit its details or remove it. Toggle the entire grid visibility with the button at the top.
• 🏎️ Real-Time F1 Tracker: Tracks the upcoming 2026 F1 Grand Prix and sessions (Practice, Qualifying, Sprint, and Race) with live countdown timers. Includes a full 2026 race calendar!
• 📝 Slide-Out Notes Manager: Hover your mouse on the far left edge of the screen to slide out a notepad. Write, color-code, choose fonts, and resize notes that save automatically.
• ⏰ Slide-Out Reminders Manager: Hover your mouse on the far right edge of the screen to slide out a quick reminder creator. Set countdown timers ("In...") or exact clock timers ("At...") that display beautiful concentric progress rings in the top-right corner.
• 🎨 Glassmorphism & High-Quality Wallpaper: Sleek translucent cards, smooth scale/slide animations, and modern typography.

---

🛠️ Installation Instructions

Since this is a custom-built unpacked browser extension, you and your friends can easily install it in any Chromium-based browser (Chrome, Edge, Brave, Opera, Vivaldi, etc.) by following these steps:

For Google Chrome / Brave / Opera

1. Download the Repository:
   • Click the green Code button at the top of this repository and select Download ZIP, then extract it to a folder on your computer.
   • Alternatively, clone it using Git:

     git clone https://github.com/Titanium-xd/HomePage-Extension.git

2. Open Extensions Page:
   • In Chrome, open a new tab and go to: chrome://extensions/
3. Enable Developer Mode:
   • Turn on the Developer mode toggle in the top-right corner of the page.
4. Load Unpacked:
   • Click the Load unpacked button in the top-left corner.
   • Select the folder containing the extracted repository files (where manifest.json is located).
5. Set as New Tab:
   • Open a new tab! Chrome will ask if you want to keep the new start page extension. Click Keep it to set it as your default start page.

For Microsoft Edge

1. Download the Repository and extract it (or clone it).
2. Open Extensions Page:
   • Open a new tab and go to: edge://extensions/
3. Enable Developer Mode:
   • Turn on the Developer mode switch at the bottom of the left sidebar.
4. Load Unpacked:
   • Click Load unpacked at the top of the page.
   • Select the folder containing the extension files.
5. Set as New Tab:
   • Open a new tab! Edge might show a warning message asking if you want to keep this extension. Click Keep changes.

---

💡 How to Use

• Notes Panel: Move your cursor to the leftmost border of the window. The panel will slide out. Click the + icon to add a new note. Change text color, font family, and font size directly in the toolbar. Click Save to keep it.
• Reminders Panel: Move your cursor to the rightmost border of the window. The panel will slide out. Type in your reminder title and details, set the duration (e.g. 15 minutes) or exact time (e.g. 18:30), and click Set. Active reminders show up as rings in the top right. Click the ring to see details or delete it.
• Manage Shortcuts:
  • Click the + Add icon at the end of the shortcut grid to create a new one.
  • Right-click any existing shortcut icon to open the context menu to Edit or Remove it.
  • Click the layout icon (four squares) at the top center of the screen to hide/show the entire shortcuts grid.
• F1 Widget:
  • The countdown in the bottom right updates automatically using your computer's local time.
  • Click on the F1 widget text (e.g., 7 days until Spanish GP) to expand the session schedule details.
  • In the session list, click any session time (green text) to toggle between absolute local time and a relative countdown (e.g. in 2d 5h).
  • Click the small Red Icon at the top-left of the expanded panel to view the full 2026 season calendar.

---

🔒 Privacy & Data Storage

All of your settings, shortcuts, active notes, and reminders are stored locally in your browser profile via the browser's localStorage API.

• No Server/Cloud Syncing: Your data never leaves your computer.
• Private to You: When your friends install this extension, they will get a clean installation with a fresh slate. They will not see your private notes, reminders, or custom shortcuts, and you will not see theirs.

---

🎨 Personalization (Change Wallpaper)

If you want to change the default background image:

1. Find an image you like and name it wallpaper.jpg.
2. Replace the existing wallpaper.jpg file in the extension folder with your new image.
3. Open a new tab or reload the extension to see your new background!