Skip to content
This repository has been archived by the owner on Jul 17, 2024. It is now read-only.

Releases: jbugel-lol/jbugel.xyz-focus

1.2.0

23 Aug 18:22
fcd2841
Compare
Choose a tag to compare

Changelog - Version 1.2.0

Added

  • Added a 🔗 GitHub-Wiki link to the focus page, allowing users to access the project's Wiki from the website.
  • Positioned the GitHub link in the upper right corner of the page; it becomes more visible when hovered over by the mouse.
  • Inverted the GitHub logo's colors to white, harmonizing with the color scheme of the focus page.

Improved

  • Enhanced the appearance and functionality of the focus page, offering users easier access to the project.
  • Fixed an annoying bug where the timer displayed "60:01" instead of the correct format "01:00:01."
  • Adjusted icons' behavior: Links that previously redirected within the current tab now open in a new tab, preventing interruptions to the timer and music.

Miscellaneous

  • Other minor bug fixes and improvements to enhance the overall user experience.

👀 Enjoy an improved focus page experience with this update!
🚀 Keep up the great work and happy focusing! 💻📚🎧

v1.1: Add styling for GitHub link

15 Jul 15:25
7d3f776
Compare
Choose a tag to compare

This release adds a 🔗 GitHub link to the focus page, allowing users to access the source code for the project from the website. The link is positioned in the bottom left corner of the page and is only visible when hovered over by the mouse. The GitHub logo is also inverted to appear white, matching the color scheme of the focus page.

In addition to the link, this release includes ✨ CSS styling updates for the GitHub link. The #github-link selector positions the link and sets the opacity to 0.7, with a transition effect for when the link is hovered over. The #github-link:hover selector increases the opacity to 1, making the link more visible when hovered over. The #github-link img selector sets the filter property to invert the colors of the GitHub logo, making it white on the black background of the focus page.

👀 This update improves the appearance and functionality of the focus page, making it easier for users to access to the project.

🚀 As always, happy focusing! 💻📚🎧

v1.0 - Introducing a Focus Helper with Timer and Lo-Fi Music

15 Jul 14:33
4a8973a
Compare
Choose a tag to compare

Release v1.0 - Focus helper with timer and lo-fi music

This release adds a focus helper to help users stay productive and focused while working. The focus helper includes a timer that updates the title of the HTML document with the elapsed time. Additionally, users can listen to a lo-fi music video on YouTube to help them stay focused.

This release includes the following files:

  • index.html: the main HTML file that includes the focus helper and the YouTube video
  • style.css: the CSS file that styles the HTML document
  • clock.js: the JavaScript file that updates the clock display on the HTML document
  • antiDistraction.js: the JavaScript file that disables right-click and text selection on the entire page
  • timer.js: the JavaScript file that updates the title of the HTML document with the elapsed time

Users can easily customize the focus helper by modifying the HTML and CSS files and changing the YouTube video source.

I hope this release helps you stay focused and productive!