abel-otegbola / clock-app Goto Github PK
View Code? Open in Web Editor NEWA clock application built with html css and js
Home Page: https://abel-otegbola.github.io/clock-app
License: MIT License
A clock application built with html css and js
Home Page: https://abel-otegbola.github.io/clock-app
License: MIT License
Style the footer social icons to be the same as header social icons
I would like to make another theme for that clock..... Please assing it to me.
I wanted to add date.
@abel-otegbola Kindly assign me this under Hacktoberfest 2022.
I want to add preview image in the theme section for each theme name so that people get idea what they look like. @abel-otegbola please assign me the task
Hey, @abel-otegbola I want to add a new theme based on bricks. Can I add this? If yes, please assign me the task.
I can add a favicon for the title tab for the page and 1/2 new themes to the project
Open index.html and add your own theme in the list using the same format and including a data-theme. You can search fontawesome icons to add the name of your icon.
Move to the themes.css to style your theme using the data-theme. Forexample
Optional. You can style the darkmode of your theme also by moving to the darkmode.css and follow same pattern as other themes.
Changes to be made according to the color theme.
@abel-otegbola Can I add Custom scroll bar with hover effect?I tried it.You can see this screenshot.
I would love to style the neon clock ring and fingers in such a way that they change color using animation.
@abel-otegbola please assign me this task
Good day,
While writing the animation for neon, I had the webpage in a tablet for on my laptop and i discovered that the webpage just compresses to one side, while more can be done to transform that, I am proposing that the sidebar becomes the navbar with the night mode and dark mode at the top and the differen clock theme at the bottom of the dark and light mode.
This gives the clock enough spacing and also make the webpage look pleasing in tablet format.
Hey, @abel-otegbola I want to add a fire theme on your app. Can I do this? Please assign me the task.
#1 Open up index.html, Add your own theme to the lists.
- Add your data-theme name
- Use fontawesome icon name to add your icon
#2 Open the theme.css and Style your theme using the data-theme you set. Forexample
article[data-theme="wooden"] .clock {
// Your styles
}
#3 Optional. You can also style the dark version of your theme at the darkmode.css using .dark
Looking forward to the awesome theme you will create.
we should have separate buttons for the mode and background of the clock. there needs to be alignment between items.
In Mobile view the side should be auto collapse on click of any theme/mode.
I want to raise PR for this.
Hint: Use the data-theme to display the current theme name
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.