8000 Releases · davenarchives/live-age-clock · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Releases: davenarchives/live-age-clock

v1.3.0 Navbar Update

05 Nov 08:17
Compare
Choose a tag to compare

Live Age Clock

Version: 1.3.0

Release Date: November 5, 2024

Screenshots

image
image

What's New:

Enhanced Navigation Bar:

  • Improved layout with a responsive design for mobile viewing.
    Navbar title now acts as a toggle to display navigation items on mobile.
    GitHub Repository Link:

  • Direct link to the GitHub repository added for easy access to the project’s source code.
    Themes (Coming Soon):

  • Placeholder for a new "Themes" feature is now visible in the navbar. Feature is currently under development.
    About Page:

  • A detailed overview page added, explaining the purpose of the Live Age Clock and providing usage instructions.

Full Changelog: v1.2.1...v1.3.0

v1.2.1 Live Age Clock

04 Nov 08:46
Compare
Choose a tag to compare

Live Age Clock - Enhanced User Input & Precision Update

Version: 1.2.1

Release Date: November 4, 2024

Screenshots

image
image

New Features and Enhancements:

  • Separate Date Fields: Added individual fields for month, day, and year selection, improving user experience by making it easier to input birthdates accurately.

  • Time of Birth Input: Introduced an optional time of birth field to allow for more precise age calculations down to the hour, minute, and second.

  • Enhanced Responsiveness: Improved responsiveness across devices, ensuring that the layout remains consistent and user-friendly on mobile, tablet, and desktop screens.

  • Styling Improvements: Updated styling for a cleaner, modern look and added hover effects to buttons for better visual feedback.

Full Changelog: v1.0.0...v1.2.1

v1.2.0 Live Age Clock

01 Nov 06:34
f3d71ea
Compare
Choose a tag to compare

Live Age Clock - Enhanced Styling

Version: 1.2.0

Release Date: November 1, 2024

Screenshot

image

Visual Improvements

  • Increased heading font size for better visibility
  • Enhanced years display with larger text and highlight color
  • Improved layout alignment using flex-end
  • Added consistent spacing and margins

Functional Updates

  • Separated time units for clearer display
  • Enhanced precision in age calculations
  • Improved update intervals for smoother display

What's Changed

New Contributors

Full Changelog: https://github.com/davenarchives/live-age-clock/commits/v1.2.0

v1.0.0 Age Clock

01 Nov 06:23
f3d71ea
Compare
Choose a tag to compare

Live Age Clock

Version 1.0.0

Release Date: October 31, 2024

Screenshots

image
image

Overview

The Live Age Clock is a simple yet effective tool that allows users to input their birthdate and see their age calculated in real-time. This application is particularly engaging because it updates continuously, giving users a precise understanding of their age down to the milliseconds.

Features

  • User Input:
    • Date Input: The application provides an input field where users can select their birthdate using a date picker. This makes it user-friendly and ensures valid date formats.
  • Age Calculation:
    • Real-Time Updates: Once the user starts the clock, the age is calculated in real-time, updating every 100 milliseconds.
    • Precision: The age is displayed with both an integer and decimal format, allowing for a precise representation of the user's age down to eight decimal places.
  • Dynamic UI Changes:
    • Initial Prompt: When the user has not yet entered their birthdate, the UI prompts them to do so.
    • Post-Input Display: After entering the birthdate and clicking "Start," the interface updates to show the age, hiding the input elements and changing the title to "Your Age:". This transition enhances the user experience by focusing attention on the age display.
  • Responsive Design:
    • Centered Layout: The application employs flexbox styling to ensure that all elements are centered within the viewport, providing a clean and organized look regardless of screen size.
    • Styling: The design uses a dark background with white text, along with color highlights for interactive elements, creating a modern aesthetic.
  • Error Handling:
    • Input Validation: The application includes checks to ensure that the user inputs a valid date. If not, it provides alert messages, guiding the user to enter the information correctly.
0