tarikurrahmanbd/circular-calendar-analog-clock-dashboard

This project is a decorative web page that combines a circular calendar with an analog clock, styled with a dark theme and neon-colored highlights. It is meant to look good as a dashboard or screen display rather than to do any real data work. The circular calendar shows rings that rotate and light up to point out the current day of the week, month, and date. In the middle sits an analog clock with hour, minute, and second hands that tick in real time, synced to whatever time your computer is set to. Around those two main pieces, the page also shows a couple of mock widgets: a weather panel with a temperature and condition, and a weekly step count shown as colorful bars. Since the README calls these "mock," the numbers you see there are placeholders rather than pulled from a real weather service or a fitness tracker. The page is built with HTML, CSS, and JavaScript, using jQuery for some of the interactivity and a small library called Lettering.js to help lay text out around the circular shapes, plus Font Awesome for icons. The animations, including a lettering effect and the general motion around the dashboard, are handled with JavaScript and jQuery together. One feature worth noting: the page tries to block right-clicking and the Ctrl+U keyboard shortcut, which is normally used to view a page's source code. This is meant to make it harder to copy the code casually, though it does not truly stop someone determined to view or copy it, and it will also block normal browsing actions like right-click context menus for regular visitors. Since everything runs in the browser, there is no server or build process needed. You clone the repository and open the page directly to see the calendar and clock running.