bheemaraya b

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.

I have completed the project! yay,
All the things i implemented:
- Option to select type of wallpaper
- Option to select quote
- input for user type text to get wallpaper of their choice( eg: gaming, hacking,....)
- Option to select how often should the wallpaper change ( optional if user don't want to)
- input for user to enter their custom quote for their custom image
- input for user to enter their city for weather ( optional)
- check box if user wants to get greetings based on the time of the day!
- auto scheduling the task i.e. changing of wallpaper based on user settings!!

as always got lot of bugs and errors took too much time to resolve them :)

Added a separate container for time based schedule of wallpaper change with options:
- Don't change for permanent set of wallpaper applicable for custom wallpaper uploaded by the user
- and in 2 hours, 5 hours,.. 24 hours to change wallpaper in mentioned hours automatically after setting it in task scheduler and added disable state to task schedule option for custom wallpapers

Made app responsive using python's threading, now it def feels like responsive,
added timeouts for api call to make app responsive, added some messagebox for messages

Now user can set the custom image with their custom quote!
- Implemented setwallpaperstylefit,resizecustom_img functions which helps to set the custom image uploaded by the user to fit the screen and not get zoomed wallpaper!
- Added some more weather conditions like mist, smoke, haze etc..
- Added input for custom quote in ui and implemented state to change like disabled if user selects different type of wallpaper and all..

For this feature also ran into issued like -
The original image of the user is getting edited by the program so need to create a copy of it
Custom quote is not appearing for the custom image uploaded by the user
and there are more had to debug a lot! :)
Next steps:
make ui responsive
try to implement auto setting the windows scheduler + ask user to how often wallpaper should auto change

Ran into a bit of a problem while working on next feature. Initially, when users selected a wallpaper type, they could also pick any quote option after that. But that caused some confusion because users could mix quotes like select wallpaper of different type then select quote of different type.

So, I experimented a little and came up with a better way to handle it. Now, users can only select from specific quote options depending on the wallpaper they choose. The quote options are:
None – if they don’t want a quote at all.
Default – which fetches a quote from and after that the wallpaper acc to quote fetched.
Custom – where users can add their own text as a quote on the wallpaper.

Added a new feature:
- users can now upload their own image for the wallpaper and combine it with quotes, weather info, and greetings. This makes the app much more flexible and personal.
- Added button 'Upload image' which will be disabled if user doesn't select custom option

Next steps:
Now i only got image from user so i have to make changes to user uploaded image acc to their settings

Now wallpapers update immediately based on user settings.
I integrated three quote:
anime quotes(improved),
movie quotes,
famous-people quotes and none for no quote
In main.py I added if/else logic to pick the perfect quote source based on the UI option and added some params to set_wallpaper().
If an API returns 404, the code picks local list of quotes so the app still set a wallpaper (need to improve this).
Next steps:
try to kill the spider which runs on screen while writing devlogs
make the UI responsive,
improve API return formats,
and improve error handling.

Now I can set wallpaper with desktop gui
Modified ui a bit, my main.py has the script to change the wallpaper and ui.py had tkinter python ui code. So had to think how do i connect both and finally connected both in simple way by making main.py code into function named it setwallpaper with params like type, city, etc.. and imported in in ui.py, when user clicks on btn 'Set!!' a function wallpaperset(present in ui.py) will be called with params from user and inside this set_wallpaper will be called with user's settings and wallpaper will be set!.
Next step is:
modify ui more,
change quote func acc to user settings,
change weather city acc to user input and implement the greetings acc to user settings

Added custom fonts for better ui, added option to select type of wallpaper user want(Nature, Anime, Movie for now), added option to select type of quote user want(Nature, Anime, Movie or optional), input entry for the city for user's city weather(optional), time based greetings checkbox

Started ui development using CustomTkinter a python Ui-library based on Tkinter
which is far better that normal Tkinter

This Project is a continuation of the script I created for #aesthetic. The script fetches anime wallpapers from an API, fetches quotes, overlays the quote on the image, overlays dynamic greeting based on the time of day, and shows the weather based on the user’s city on top of the image. Next, I’ll turn this into a GUI and add more cool features!

I have completed the game, this took more time then i thought, had to debug a lot for publishing game to itch.io

Started to implement Luffy's animation to move with keys

This is my first animation, Created Luffy's running animation

It's my first time game development, and this is simple text display

AnimeT is a simple, responsive HTML website built with Tailwind CSS that shows some of my favorite anime characters and anime series.
(I know this is very simple website but don't wanted to waste time spent working, and will update the list in future)

Done with the project see demo video

Done with project see demo video and try it yourself