STP-FlipClock

Your Precision Timekeeping Workshop

Welcome to STP-FlipClock. Blending retro mechanical aesthetics with fluid, modern web technologies, this app serves as a highly customizable, immersive desk clock and global time tracker. Whether you need a minimal ambient display or a multi-timezone command center, Chronos adapts to your workflow.

The Mechanical Experience

At the core of the app is a hyper-realistic Flip Clock engine. As time passes, the digital cards physically drop, simulating authentic mechanical inertia. To complete the tactile experience, click the Speaker Icon volume_up to enable audio. You will hear the subtle, high-frequency whirring of the engine and the satisfying "clack" as the hour, minute, and second flaps fall into place.

Global World Clocks

Stay synced with colleagues, friends, or markets across the globe. You can add up to 5 independent timezones.

• How to Add: Use the search bar to type a major city (e.g., "London", "Tokyo", "Los Angeles") and click + ADD.
• Auto-Sorting: As you add cities, the timeline will intelligently and automatically sort them from West to East, adjusting for real-time Daylight Saving rules.
• Smart Layout: The clocks will automatically scale their font sizes down to perfectly fit your screen as you add more cities.
• Persistent Memory: Your selected world clocks are saved directly to your browser. The next time you open the app, your custom timeline will be exactly as you left it.

Window & Workspace Management (Desktop)

If you are on a desktop or laptop, the clock acts as a floating window that you can drag and resize to fit your perfect desk layout.

• Drag & Drop: Click and hold anywhere on the dark background to drag the window around your screen.
• Dual Corner Resizing: Use the textured grab-handles in the bottom-right or bottom-left corners to smoothly scale the clock up or down.
• Double-Click Actions: Double-click the background to instantly snap the clock into a borderless, immersive Fullscreen mode. Double-click again to restore it to its exact previous floating size and position.

Quick-Layout Controls

Hover over the top-right corner to reveal the layout menu. These buttons instantly snap the clock into precise states:

• picture_in_picture_alt Small (PiP): Shrinks the clock and tucks it neatly into the bottom-right corner of your screen.
• crop_square Medium: Restores the default floating window in the center of your screen.
• fullscreen Fullscreen: Removes all borders and utilizes the absolute maximum resolution of your monitor for a stunning ambient display (Press ESC to exit).

Inactivity Fader

Designed to reduce visual clutter, the UI elements will adapt to your needs:

• Move Mouse / Touch: Wakes up the cursor and top layout controls.
• Single Click: Awakes the interactive settings menu (Sound/Info).
• The interactive toolbars will fade away into the background after a few seconds of inactivity, leaving the world clocks to gracefully drop into position as a permanent ambient display.

RESUME FLIP CLOCK