⏰ StandBy Clock

StandByClock is a customizable, fullscreen-friendly digital clock built for minimal setups, media screens, or aesthetic desktops. It's feature-rich and easy to use directly in your browser—no installation required.

---

🔧 Features

• ⏱ Custom time formats ([HH:MM:SS], [hh:MM A], etc.)
• 📅 Toggleable date display
• 🌈 Font family and size customization
• 🖌️ Text glow and color pickers
• 🎨 Background color control
• 📁 Media upload (image/video) with overlay dimming
• 🖥 Split-screen layout toggle
• ↔️ Clock side positioning (left/right)
• 💤 Power-saving mode (toggle animations)
• 🖱 Click once to show options, double-click to toggle fullscreen
• 🖼 Add custom Google Fonts via UI
• 📥 Download button for exporting StandByClock.html
• 📎 Dynamically injects an inline SVG favicon via JavaScript

---

🚀 Getting Started

1. Clone or download this repository:

   git clone https://github.com/yourusername/StandByClock.git
   cd StandByClock

2. Open index.html in your browser:

   open index.html

3. Customize using the options menu that appears on click.

---

⌨️ Keyboard & Mouse Shortcuts

• Single click anywhere: Show options menu
• Double click anywhere: Toggle fullscreen mode
• Click and upload media for background visuals

---

🛠 Custom Time Format Syntax

You can set your preferred time format using these tokens:

Token	Meaning	Example
HH	Hours (24h)	22
hh	Hours (12h)	10
MM	Minutes	09
SS	Seconds	45
A	AM/PM	PM

📝 Example format: [hh:MM A]

---

🧩 Adding Fonts

Use the "Add Font" button to insert any Google Font:

1. Paste the font stylesheet URL (from Google Fonts).
2. Enter the font-family name (e.g., "Roboto" or "Poppins").
3. Save and apply instantly.

---

📥 Export Clock as HTML

Click the "Download" button to export a copy of the clock as StandByClock.html.

---

📎 SVG Favicon

An inline SVG favicon is added dynamically using JS—no external file needed.

---

🧪 Tested On

• ✅ Chrome
• ✅ Firefox
• ✅ Edge
• ✅ Opera

---

📁 Folder Structure

/StandByClock
│
├── index.html
├── style.css
├── script.js
└── README.md

---

💡 License

This project is open-source and available under the MIT License.

---

🙌 Credits

Made with ❤️ by Rakesh Kanna