KaZeTab Used AI

Project completed!
Updated readme.md with all the feature, instructions to how to use the extention and all.
This is the last devlog from me to som :( it's really last...

Implemented Wallpaper change based on time(same genre),a new toggle input, now users can just set their choice of wallpaper genre will auto update based on time (morning/afternoon/evening/night) but this is for same genre e.g. if user selects nature as their new tab background, only nature's wallpapers will be updated acc to time of the day!..

Implemented changing of wallpaper (set by custom-form) when user clicks on change wallpaper on popup of the extension, also changed the btn appearance by using bootstrap.

Modified settings page js to work with new custom form, modified manifest.json to use alarams,tabs modified the service worker and all..
Now users can set wallpaper with their choice of wallpaper in morning/afternoon/evening and night and it will change automatically!.

Working on setting of different types of wallpaper based on different times of the day, This is getting tuff and som is also ending today:((

Got working the type a genre section for input based on the options selected by user, added a submit button. Now it's more customizable! Just need to make it work properly.

Updated the custom-form ui with all the necessary things like option to select the Type of wallpaper in Morning/afternoon/evening/night, code is getting very messy and as always having issue to show the type a genre which shows the input to type a genre of wallpaper user wants.

Yay!, Got made the ui responsive based on the button user clicks!,
Added a new custom form (this is the form to get the user selections on what type of wallpaper they want on different types of the day e.g. morning..) modified the js functions in easy way to hide and show custom forms. Next i will complete complete ui of custom form(idk why i am editing devlog images too much :( )

Found it! The issue is because of a class named .visible which is had the display property set to flex < this made the ui like that, changed this to grid but the type a genre made another problem lastly change to block which is working fine, modified buttons using bootstrap classes to show which buttons is selected, modifies the js to work effectively based on options selected by the user.

Implementing a new feature that is to give option to the user to select different type of genres for different timings of the day and change the wallpaper based on time, added two buttons which will change ui when user clicks, but the css of the form is broke need to fix it.

Implemented Time based Greetings, now users can toggle and get time based greeting if they want.

Made some ui changes, started to use bootstrap again :), but now directly downloaded the Compiled Css and Js zip(from bootstrap site) and added the css file in local to avoid using remote code execution, improved settings page added borders, instead of using check box used the switch from bootstrap to make it modern, changed the position of search bar to make new tab better.

Updated the search bar and button to be a somewhat transparent to background image(used a bit of ai for styling:( ), changed position of these for better look of wallpaper, updated manifest file such that only usable things are kept in permissions because i was going to publish this to chrome store, updated searching for better functionality.

Found that error, it's because of styling i have made the search div position: absolute so that is the main reason for the problem so made the position: relative this works fine.
Had to use bootstrap again cause i am not good at css and now newtab def feels good
implemented search functionality this feels smoothhh..

Trying to implement search functionality, so that user's can easily browse internet. but idk why it's not working i am not able to type input need to debug this and i know need to improve styling and all

Found that error!, that was because i had configured the extension to work on all the url's user visits(<all_urls>), that's why the extension is trying change the background of every page user visits! couldn't devlog because som was down so i continued the development.
Implemented change the wallpaper when user clicks on change wallpaper on the popup of extension.

(and sorry for the watermark in de)

yay!, successfully able to change the background of the new tab with any type of wallpaper user selects or types a genre.
also got so much errors as am new to extension development:(
like had to make the settings page appear in new separate page cause of restrictions made by chrome. updated manifest.json, added new js files added new newtab.html/newtab.js which will help to change background of chrome://newtab.
Also getting errors on other pages(see devlog) need to look into that too!

Updated UI with required things for now to test with some JavaScript, next need to right JavaScript logic for getting wallpaper and setting it to tab.

Caught the problem that is because of bootstrap so had to remove it and shifted to normal css, added js to settings such that it should get dynamic based on the option user selects!, next need complete settings page options and add js, styling.

Added a settings svg btn, which will redirect to settings page where users can add/update their settings about the wallpaper, getting some errors and idk why i am getting that kinda screen on every other website ( see devlog) when turning on my extension need to resolve it!. I guess i found the solution need to update manifest.json and popup.html.

Understood the basics of making a browser extension, made a manifest.json which contains details of the extension like name/version and all.
Connected manifest.json with html and default_popup: popup.html
so this will be shown when users clicks on the extension, see the Devlog image.
added some content in popup.html, added some styling to it via css changed font.