Small changes and fixes

So I had a few problems that i had to fix and stuff so here is a list of every change / fix i made!

• Update system tray icon
• Fix quit from terminal
• Wrote a few more things in the README
• Added a --install command so it install it as a normal app

Fixing small things and a few changes and updates

So i fixed a few things like the album art corner radious was broken and that kind of stuff

here is a list of things that i did

• Made that if the window is not on focus it toggles out
• Fixed spacing on the titles
• Fixed corner radius on album art
• Made that the control buttons have a smaller clicking space and better hover animation
• Added a AD album art which is just text saying ad

Publishing to PyPI

I also published this to PyPI packages so you can just pip install spotify-overlay so more people can use this easily one thing tho is that it still does not install it as normal application so you can run it from the app launcher but i’m working on that

system tray icon

because i hide the window icon on the task bar i made a system tray icon so that you can quit it properly

New and better styling with small new updates

Customish icons

So i found online these icons someone made that were imitating the Spotify icons but it only had a few and i needed more but with those i could build my own which were easy enough so i made: play/pause, next/previous, shuffle, loop, so with that i could replace the emojis i had then i also started making the whole layout better and now its more intuitive and looks better

Links

I wanted to make that the artist, album, track titles were links to the right place and would open them inside the spotify app and that was pretty easy as DBus already gives the track URI which makes it really easy but it does not give album nor artist so i made a way that it gets the name and searches it in the open.spotify.com url and it forces the spotify app to open them resulting in a like SEARCH and you just have to click on the artist / album

Spotify overlay

Starting the project
So ive had this idea for a while to make a Spotify Overlay because when i play games i like to listen to music, and when i like a song or want to know what’s playing i have to minimize the game which interrupts gameplay. So i started working on this!

Spotify API problems
I was going to use the Spotify API right? NO. The Spotify API is TRASH. Most features i need require premium, and recent updates made almost everything require it, so it wasn’t viable. That’s when i realized something.

Controlling Spotify with DBus
DBus won’t give full control, BUT it’s the best free option. I got this idea from the KDE media controller since it has shuffle, loop, play/pause, and track position. If KDE can use it, my program should too. I researched and YES, it uses DBus.

Making simple DBus level stuff
I used Python since it’s what I know best. I added play/pause, skip/previous, shuffle, and loop. These were easy. I could also get artist, track name, and cover art, so i added that too.

Making simple overlay with UI
Since i use KDE, i went with Qt in Python. QSS is similar to CSS so that helped. Making the layout was hard at first since it was my first Qt app, but i got a simple version working.

Keybindings
I wanted a keybind to toggle the overlay in game. This was a pain because i had do not disturb on, so i couldn’t see error notifications. KDE keybind was failing, but the fix was simple and i just couldn’t see the error.

That’s it for now. I’m still working on styling, icons, and proper overlay behavior since it breaks fullscreen apps.

Procedual Terrain!

I made a procedural terrain because i felt like it i think this game is a bit derailing from the original idea but its pretty cool like this I used a a tutorial to make this and it was this one:

How to Procedurally Generate Terrain - Using Godot Engine

It was really usefull and really good too!

Output 2026 interns YSWS submission

So the idea is a website where you ship websites that talk with real world hardware like print.lukasreis.com and we ship hardware to make that work.

Basic HTML

So i started the website with like just html like added everything i basically wanted in HTML so i had a base to understand how everything would work. At this point i already had the project structure pretty much made

Styling

This is a lot of the time went because i was not sure how a website that would fit this YSWS would look like so with a lot of thinking and research on other ysws’s I started coding the CSS which was a bit annoying, but with feedback from @miggy it was easier.

Improvements and stuff

With feedback from yall I made a better HERO section better styling in the website, better everything basically! Also made a little “terminal” icon for the hero section on figma and a really simple favicon, also selection color, and lastly made a few adjustments so that it works fine on mobile too

Thank you @miggy you were really helpfull with all your feedback

Better Camera

Now that procedual stuff was working i worked on a camera system which was also pretty hard because if you moved the camera too fast the spider would totaly break but after a while with a little help i got something going on and its so good! Also added a few obstacles to try it out and its awesome!

Icon / Logo!

I made this cute little logo / icon in Aseprite its in a 48x48px canvas it has a .pdf, .mp3, and .zip files and then a arrow with the qwen ai logo which is the model that I’m using !

Procedual Animation actually working!

So i got procedual animation ACTUALLY working it tooook soooo long the tutorial that i was using some how was not working that great i even downloaded the project files and still could not figure it out but with a LITTLE i actually solved many problems but with help of AMP code i was able to put a SIMPLER model more like a spider working!

New spider like model

So i fastly in Blender made a new model that looks more like a spider because i was getting way too many problems with the hand model and with a spider like model its easier to start but my plan is to still update to the hand model well see how that goes

but with this new model its working perectly!

Hack Club AI + new file scanner

Hack Club AI

I tired to fix and make things faster for the agent but it was not working so i decided to use hackclub ai which has acces to way more smarter models and it worked so well that i even was able to change intructions.txt so the agent actually makes deccisons instead of everything being predefined so its actually like a smart file sorter and I’m learning so much about python and ai agents which is pretty interesting

Watchdog

I also updated instead of scanning the folder every 5 sec update to Watchdog so every time there is a file change it fires up the AI which uses less ai creddits and works better

all the files and folders in the image below were sorted by the AI!

I updated lots of small things and also added a few!

Firstly I added a link in the time coded today to point to hackati.me/Lukas so like this people can see all my stats

then second thing I added a rss feed so people can get updated from when i post blog posts and also added it to my slack channel :3

And then I also updated the image on the Dial project for a actuall project photo

And a realy small thing i enabled prefetch on astro so links preload on page load so faster switching to pages!

And lastly update READEME!

I learned how to interact with python scripts and a ollama agent and how to write instructions.txt for the ai agent!

In this first version i made a agent that can interact with a sandbox folder where the agents purpose is to check the files and organize them add folders, move and stuff like that its still pretty slow because its a local agent right now I’m using the “phi4-mini” on ollama it does the job pretty well and faster than the others that i tried but its been pretty complicated to learn stuff its mainly python working with OS level stuff

So now i moved on to multishot on the crossbow and this I’m very happy the textures look soo good i love them the code was a bit harder with all the pull animation and then the rocket and stuff but with my previous textures i could copy snipets and it made it way easier and I’m really happy with this one now

I drew stuff for the mace speceficaly the windburst textures it was suprisingly hard to draw it i have no idea what but i was really strugleling with making it looks like wind but i think i got somewhere alright

Statuses

Updated to cloudflare pages so i don’t need a backend for the statuses and that is great i just kind stole the things from my other project that uses them and it works great! I do this with the astro feature and cloudflare pages that lets you use the actual site as a server because cloudflare pages can have non static websites and github pages can’t which is really awesome! Oh yeah and also updated the slack status to work on the same way!

So procedural animation is not working very well so I’m trying a new approach not procedural because apparently that is a pain in the ass.

The new approach is I posed the hand in Blender the way i wanted it to be like in the resting position like the crawl position and then still procedural animate it just the animation not the postilion of the fingers and stuff because that would be the same thing as before but with this i posed the hand like i wanted and got the default hand use the position of the reference that i posed

Scroll Bindings

So I had this idea to make keybinds for the scroll wheel as I have set in other games so I decided to make my own MOD for that!

Setup

I started with setting up IntelliJ IDEA which i ended up not using as i discovered its not a very great IDE and just used VSCode.

Then I made the default Fabric project and started from there. I read some docs from Fabric and Kotlin and saw a few videos and then started actually working on the MOD.

Development

I first worked on the system to detect the scroll wheel as a bindable key and it was pretty hard but with a little help from amp I got everything working well then after that it was the part where Minecraft actually makes the scroll wheel work as a keybind and this part was fun but really hard but after lots of struggles i got it working!

And at this point i could already try the MOD and it was working pretty well just like i wanted it.

Additional Features

But there were still a few things i wanted to add and that was a toggle mode in the mouse settings to toggle between keybinds mode, normal, or off:

• keybinds mode
• normal
• off

and this was a bit easier than making the other part of the mod as i could copy a few things from the other settings and at this point the toggle was already working but it did not save the option that you chose but that was a easy addition to add a json config file to remember the state.

Finishing Up

After i had the mod complete i worked on the artwork for the icon and I made a scroll wheel in Figma and it got pretty good i like it!

Then I wrote the README and made a GitHub release! And also uploaded to Modrinth and its live!!

I Filmed and edited a small video for the demo so people can see the printer actually working!

Now I mainly worked on setting up the raspberry pi for the printer and after a few python scripts i got everything working then when i was able to call from the /api/messages I started working on making the layout on the PDF so it looks better and I got to a point where i was really happy with the layout and then i deployed to Cloudflare pages and setup wrangler for the D1 database which gave a few errors and had to fix a few things.

Then i made the about page with a cool little animation.

And after everything its working and online!!!!

So first I had this really cool idea to print messages that were sent to a website so i started developing it firstly with the style like how would the UI look like when i had the genius idea to make it look like the print page from Firefox and it looks sooo good! Then i started working on the D1 database that will store all the messages and I made it on Wrangler to work on Cloudflare pages and got a version working and then i started to work on the actually text box and all those features so I made that you can see the previous messages by using the little arrows in the bottom of the page like you would see the next page on the normal print page then did all the small things added the A4 and letter sized papers which is just a fun little touch also added a rate limit so people don’t spam messages and added a character limit!

Yeah that is everything until now!

So a LOT has happened I in fact forgot to devlog once so I kinda forgot some of the stuff because i tried lots of things and nothing was working in the old hand model the bones probably were somehow badly setup so yeah the fingers were always in the wrong place the animation was not playing the raycast was also not working and it was just a nightmare so then i found a 3d model with already the bones setup and its getting more promising the fingers are always in the ground and use the desired pose BUT the animation is still really funky and not working so yeah I spent lots of time trying to get every thing to work but now with the new model everything is more promissing

So today was a pretty hard day because i started implementing the hand into Godot and ahhh its been so hard to get everything to work the way it is and its not even close to what i need it to do

So in blender i had to remake the bones quite many times as they were not perfectly setup and it was so anoying

Then in Godot making all the fingers work was also a real pain in the ass but i finnaly got a way to controll the fingers!!!

and i’m now controlling them with the number row and it works pretty well

So I started on making the actual game is Godot which if you don’t know this is my first game and yes i’m starting with a 3D game so its pretty hard but I’m using the GDQuest tutorial and its already pretty great!

For movement I have “Minecraft” style 3rd person thing

Made a totaly new hand model and IT IS WAY BETTER so much cleaner and it captured way more of my hands geometry and i also had to take way less photos and on a new hand rig

Then on Blender i cleaned up everything it was still hard because i had to make the model non manifold manually and it was a pain to do it but after a lot of time i got it!

then i added bones to it which was also really hard they were not wanting to work with the model ahhh but again after lots of tries i got it!

Today i made the 404 page WAY better with fun geeky quotes from movies / games and i just really like it

I also:

• added more 88x31 buttons
• updated About and Intro
• Try to make light mode but unsuccessful because its way too hard to choose new colors when dark mode is so perfect

Today I added BUTTONS!!!

Yes thats right i added a 88x31 page and it was really fun adding them and I even drew a few ones the Astro and my own!

The system for them is exactly the same as I use for the projects i have all links and photos in a .ts file and then Astro gets it and maps them all out

I also added a simple 404 page!

Photogrammetry

I first took all photos of my hand in this case they were 88 (That is a really small number of photos) then I added them to Meshroom the program that turns the photos into a model and this took like 2 hours then when i had my mode I exported it

Blender

With the model in blender I had to start cleaning the model manually which was a real pain in the ass because of the high mesh count and the faces were not right I did lots of manual touching and deleting and adding sculpting but after a lot of work i got everything pretty good and i started adding bones to the model so i could manipulate the pose of the hand

after a few tries i got everything pretty well aligned and made some poses with it!

Added a About page!

So for the about page i added things about me and my fav things and also added a yearly goals and i added a automatic percentage thing that i can easily change the percentage and it updates the text percentage thing

Also i changed a few things in the intro changed a bit of the text updated text on the typewriter highlighted my name!

So i reworked more like fixed/cleaned project/blog systems

Then i also Made a time / music playing / coding time

status bar in the homepage this took quite long to get everything working with a Astro built in API system which is really fun and now I also host my website on cloudflare instead of GitHub pages!

Few other things i did

• Added CSS global variables for the general colors

• Made the cursor dot background be a circle instead of diamond shape

• Fixed footer text positioning

So I forgot to Devlog so I’m going to break this into parts.

Blog system

I Worked on a blog system in Astro so that the blogs are .md files and then I get the data from those and create a page for each blog. I used @shymike’s tutorial for Haxmax for the blog system

Project system

This was simpler then the Blog system but still similar I add the project data on projects.ts like this

export const projects = [
  {
    title: "40%ish Split Keyboard",
    description: "A custom build Split Keyboard.",
    image: "/images/keyboard.jpg",
    github: "https://github.com/maker-lukas/40-ish-split-keyboard",
  },
  {
    title: "B.E.T.T",
    description: "Better Enchanted Tool Textures. A Minecraft Resouce pack that changes tool textures depending on the enchantments",
    image: "/images/pack.png",
    github: "https://github.com/maker-lukas/B.E.T.T",
  }

Then I created a system very similar to the blogs that gets the data and maps each project into a card

Dot background

I made a cool mouse tracking dot background and when the cursor is near the dots expand which i found on a website called prismic.io and I based mine from that

ps: there is a easter egg if you point your cursor in a very specific place

Favicon

I made a simple diamond shaped favicon i tried to add the bio hazard icon there but it was too small to be visible

Added to github pages and fixed a few small things

Designed new version on figma and i’m really happy how it is also started with mobile right in the start so its easier in the end

Coding went also really well started a fresh Astro project and started with the footer and header then the body and its getting already really together i just really love html and css they are the best its so easy to code and easy to understand

Made fast a website where you can choose each texture individually and then it dynamically generates the .json files and it works great

You can visit it at: Pack Selector

Note: The website was 99% made with Amp Code

Mending Fortune And Silk Touch

I drew many many textures today all mending variants for ALL tools and Weapons Fortune and Silk Touch for the rest of the tools that use those and then i had to code everything it was pretty repetitive and also lots of copy paste but that does not mean it was easy and now i also have a whole lot of items with textures already which is really cool and this project is getting to a point that i can soon ship it.

These are all the textures i drew today

- Mending:

• Shovel
• Spear (In hand and GUI)
• Hoe
• Axe

- Fortune & Mending

• Shovel
• Hoe
• Axe

And then still had to code everything and make models that add the new textures.

Bellow are only a few of the textures because it would be too hard to add them all here

So it has been 5 very productive hours I:

• Drew Mending for Pickaxe and Sword
• Drew Fortune and SilkTouch for Pickaxe
• Cleaned my folder structure and now have like WAY less files
• Coded everything for all the new enchantments

So the Mending was really fun because what i did is have 3 different textures and they change depending on the durability of the tool so if lets say tool is at half durability it would be the second mending texture and this was really fun to draw but hard to code, its still easy code but discovering how everything works was hard but in the end i’m really happy how it turned out

(it took me about 3 versions of the mending textures to get them just right)

Then Fortune and SilkTouch were pretty easy because they are not compatible with each other i used the same space in the Pickaxe

For Fortune I used the amethyst colors and i really like it

then SilkTouch is basically the same but with quartz colors and i LOVE it

First i started on the Schematic which is a pretty simple Schematic but this time i’m way more experienced with and I now know exactly how to make things that work and are well made

I chose some general components:

• USB C: USB_C_Receptacle_HCTL_HC-TYPE-C-16P-01A
• Pin Header: PinHeader_1x04_P2.54mm_Vertical
• 5.1k Resistors: R_0603_1608Metric

These will be easy to solder on my hotplate and good and reliable

Then i moved on to the PCB
Which first i made the edge cuts so i know exactly where to place the components.

Then wired up everything and made sure that the Pin Headers were oriented the right way because they are really easy to mess up and your controller will fry up

I also added a bit of silkscreen to make everything more beautiful

Made sure that everything was right by running ERC for schematic and DRC for PCB and they were good (a few errors but from experience I know you can ignore them)

• ERC = Electrical Rules Checker
• DRC = Design Rules Checker

And then i exported the final design files and that’s it!

Fixed stuff on the backend and make everything cleaner and better eg: added api keys as export variables so i can easily commit to github without having to censor the api keys

Added Flame!

Flame was the next fire enchantment i had to add and that’s what i did! I drew a few animations because there are 3 stages in the bow pulling_0 pulling_1 pulling_2 they are almost the same but still that’s 3 animations. Then was the code which is also really long about 80 lines of JSON which is not my favorite language and i had to debug it multiple times but i managed it

Then i wanted to add diffrent arrow textures depending on the arrow like if it was the Spectral Arrow it would be golden in the texture but only after drawing the textures i realized that you cannot do that with a bow only with a crossbow and that is really sad because it could have been so visually pleasing 😔

Now i added fire aspect to the other spears and sharpness

the spear is the item that contains the most code until now as it uses different models in the gui and when held by hand by i’m pretty happy how everything worked out but it was quite a pain to debug every time something went wrong the bug that i had mostly was the models had something wrong in them but after a while the bugs became pretty consistent and easy to spot

each spear has about 100 lines of code its all basically the same besides the model and texture paths

here is what i came up with

Added Spear!

spear was a bit harder because it has different texture when its in gui ground and etc and then a diffrent 32x32px texture when in hand so the code and the textures were a bit more annoying to work on but ahh its so worth it it works so well and the emitting light is also really cool

So now that the website in desktop and mobile is already pretty good i started making the backend firstly all self hosted on localhost but in the near future i’m going to host it on my Rpi 5 so yall can experience it

I want to say that the backend was heavily made with the help of amp code i personally don’t like vibe coding much but trust me me and JS don’t go together but still i now understand learned much more how everything works so i’m not one of those people who just vibe code and then don’t learn anything.

the backend right now gets song name artist and image from last.fm and then my frontend gets the those and displays them on my website

So I made the whole home page better for mobile which was very hard because i had lots of constraints in the desktop so i had to make a bit of custom html for mobile very small but still annoying but the hardest part was the homepage projects they took so much work to even get them somewhat good and i was trying to get them with images but it just did not work it was so hard oh my god

now there is only left making the text a bit smaller its too big for mobile

This devlog will cover quite a lot of progress! So i started on actually coding the mobile version and at first it was a bit a pain in the butt but then everything started to click and I LOVE CSS its so easy and good.

Here is a list of things i worked on

• Added a footer/nav instead of header/nav for mobile
• Made cards and pages work on mobile with sizing and stuff
• Converted Blog post and Projects page better for mobile
• Actuall blog posts actually work

Added a last commit which somehow only works on localhost and need to fix that and starting to write a about me page so people can know me better and i can share my favirute things!

Wrote the blog post untill the end and its already live and started making more of the mobile version on figma which is quite hard to get the same type of style in mobile and desktop

Made a better giscus theme which i’m actually happy with and it was hard and then already started to write my second blog post called: What Is Hack Club and it talks what Hack Club means to me and some other things about hack club

Made improvements on the code and made the spear fire aspect animation which is mid but almost done ill have to make a few improvements but yeah i think its getting along

ehm so well this is going to be hard to explain why i have so many hours so basically i added comments on the blog posts with giscus and i want to make my own styles but oh my god its hard and every change i make i have to commit so it can get the custom theme and its taking so long to get the colors right and its still not done i might just do something like adding everything the same color like all purple with white outlines so its way simpler to make but this has been a pain in the ass

oh yeah almost forgot the blog/tutorial is done that also took like 4 hours to write but it should be good

I styled the blog posts and some of the pages also work better on smaller screens and i’m also writing a blog post and a tutorial for my blog

I remade lots of things and now the recourse pack works way better and way less code and files so what i did was:

• textures now are layers instead of each enchantment having the sword texture in it its a base sword texture which i use in every enchantment and then the enchantment it self is only the effect like the fire from fire aspect
• the main code is cleaner and simpler and more reliable
• less files needed for everything to work

So i drew new textures! and added them to minecraft

but drawing fire_aspect was suuuper hard idk why but the fire just dint look right but smh i got somewhere that i’m really proud of and then also made a new sharpness texture which is just a glint which i think is appropriate for sharpness and then made one with both together also this was my first time making a animated minecraft texture and its surprisingly easy!

Did a bit of research on how i could do this and found no documentation but i found 1 resource pack that already did this in worse way but it was enough for me to start and understand how i could do this and its actually pretty easy and already made a texture that when you have a diamond sword and add sharpness to it it changes the texture and ohhh its so awesome

Whoops so much time went without devloging well at least i was only working on 1 thing which was the blog system! Which i got working after well about 10 hours because i first tried to make a version all by my self and i was getting very lost many times but then i remembered that haxmas day 11 had a guide on how to make a blog website and i took lots of inspo but also deleted many many uneeded lines even with the guide it was hard because maybe half or more of the code was still mine the guide only gave me a foundation which was really helpfull and now i have a system where i can just create a new .md file with a frontmatter and then the content and it will atomaticly add it to the /blog page and in the homepage and oh my god its sooo good but my folder and file structure not so much i really need to clean it up

Today added minor things.

i added metadata, fixed some height issues, added a hackclub banner, fixed an issue with an image.

yeah thats all just minor things that change lots of things internally

So i did lots of things no many visual but added some more projects and cleaned up things as always and i put already a WIP version online! you can check it at lukasreis.com its up!!! also added the blog page no backend yet tho :pf: but looks good

Added a JS clock! I made a clock that of course is locket to my time zone and it works its so awesome to see everything come together so well

i used temporal.now to get the clock locked to UTC

Added a few projects already i really wanted to see how would they look and its getting really good they look really good

for the projects i created a folder at src/projects and i put every project there to use in the homepage and then in the projects page

I have no idea how i took so long to:
Add a few things to the homepage
clean lots and lots of code i had so many classes and stuff that was just doing nothing and oh my god it took really long to clean all my files and also name scheming for classes and files.

minor but also added license to the footer.

hour and status will be changed to my local time and status will be if i’m online or offline on slack

So i started working on the actual projects page first of course made a version in figma and at the same time i also tried somethings for the blog page. But yeah already making the basic things for the page

Woah i did so much in so little time (for me) uhm yeah the home page is soo done. So i basically added the blog and projects parts in the homepage and that took also really long again because of the grids that i’m still getting the hang of but again this is coming together just as i had imagined it (and designed on figma)

So i made the homepage better and oh my god it took so long because of all the nesting with css grids and it was a headache to get it working well but in worked out! And i’m so happy with what i got

So i figured out shit

what was broken:

• Resizing window broke header
• Did not have box sizing set (which broke lots of things)

And then i added/fixed some other things including:

• better homepage (still a bit broken but its an easy fix)
• Cleaned things in general css html stuff

Woah so uhm it has been 14 hours of work already so i’ll make a brief list of everything that i did.
this will be listed in the order that i worked on them

• Found a cool color scheme that i had the idea while dreaming it contains: Purple, Darker Purple, Yellow, Dark Grey, White.
• Started Designing in Figma the idea of the website this took maybe a third of the time but i got basically the whole idea and vibe of the website.
• Decided to use Astro to make my website (BTW im a programing noob).
• Fell in love with Astro! I had never had this feeling its so good finally understanding how everything works.
• Started getting the hang of actually programing.
• Worked on the Header and its basically done. and it has a nav and a clean look and its fixed in place
• Made a simple footer and its good enough for now.
• Working on the body with a css grid to get all the “Cards” in the right place which only now I’m almost getting it working.