abel-otegbola / clock-app Goto Github PK

Style the footer social icons to be the same as header social icons

Changes to be made according to the color theme.

we should have separate buttons for the mode and background of the clock. there needs to be alignment between items.

@abel-otegbola Can I add Custom scroll bar with hover effect?I tried it.You can see this screenshot.

@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 new theme based on bricks. Can I add this? If yes, please assign me the task.

In Mobile view the side should be auto collapse on click of any theme/mode.

I want to raise PR for this.

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

I would like to make another theme for that clock..... Please assing it to me.

I wanted to add date.

I can add a favicon for the title tab for the page and 1/2 new themes to the project

@abel-otegbola Kindly assign me this under Hacktoberfest 2022.

1. 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.
   

2. Move to the themes.css to style your theme using the data-theme. Forexample
   

3. Optional. You can style the darkmode of your theme also by moving to the darkmode.css and follow same pattern as other themes.

Hint: Use the data-theme to display the current theme name

Hey, @abel-otegbola I want to add a fire theme on your app. Can I do this? Please assign me the task.

I would love to style the neon clock ring and fingers in such a way that they change color using animation.

#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.