Releases: jbugel-lol/jbugel.xyz-focus
1.2.0
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
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
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 videostyle.css
: the CSS file that styles the HTML documentclock.js
: the JavaScript file that updates the clock display on the HTML documentantiDistraction.js
: the JavaScript file that disables right-click and text selection on the entire pagetimer.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!