I'm making a newer and BETTER version of my own personal website, completely redesigned from scratch for on jonas.yixboost.dev (The one there right now is cool, but I didn't make it myself, time to change that!)
I started with designing a new background image with nicer colors, it’s self made in GIMP, the .xcf file is in the /assets/images folder
Then I wanted to add something happy to the startpage, so i got an image of this Hack Club guy with a flag and added it to the right of the ‘Who am I?’ section (terrible positioning a div is not so fun to do), by the way, I renamed that, it was called the ‘About’ section, but that’s boring….
To make the ‘Who am I?’ section even nicer, I added an CSS shimmer effect to my name, I can use this effect everywhere now by adding the “shimmer” class to an html tag.
In the top right corner of the ’’My Projects” section (renamed from “Projects”) I added a link to all my repositories, to put it in the corner I needed to use the bootstrap “d-flex” class.
Because of the new background the scroll to top button was less visible, so i made it light gray
Lastly, I edited some text content.
Today I did not have that much time, but I gave the navbar a nice blurred glass effect, added an scroll to top button that appears when you scroll down (Credits: https://github.com/mdbootstrap/bootstrap-back-to-top-button), I also made the buttons inside the project cards nicer.
Some small changes everywhere, but every minute counts!
To start I added a Favicon (simple but needed)
I did some content changes, and I added a brand new “Hackatime Stats” section, because i think it’s cool if you can see real time data, this works perfect, I added programming language stats, 356 day activity and a button to my Hackatime profile, another thing I did was making the project section nice, I added real content, the right images, hand-written descriptions and buttons and links, I added Yixboost Games, ChessOverAPI and JustTitanium.
I added an logo to the navbar and made the beginning of my Projects section, i’m completing that section later.
I made the allignment better, made the navbar dark and I made the about section a real (visible) container and gave it a blur effect, next I added a cool background
I started the project by making a simple bootstrap structure
