You are browsing as a guest. Sign up (or log in) to start making projects!

jonasvanleeuwen19

@jonasvanleeuwen19

Joined June 2nd, 2026

  • 7Devlogs
  • 2Projects
  • 0Ships
  • 0Votes
Hi, i'm Jonas! I'm always trying to learn new stuff (;
Open comments for this post

1h 1m 4s logged

Today I added some cool stuff!

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 added some cool stuff!

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.

Replying to @jonasvanleeuwen19

0
1
Open comments for this post

2h 1m 7s logged

I made the starting structure for FastAPI in main.py
Added: Card structure on homepage, Navbar and footer parts, 404 page, example profile page on / profile with testing data.

I made the starting structure for FastAPI in main.py
Added: Card structure on homepage, Navbar and footer parts, 404 page, example profile page on / profile with testing data.

Replying to @jonasvanleeuwen19

0
1
Open comments for this post

37m 36s logged

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!

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!

Replying to @jonasvanleeuwen19

0
2
Open comments for this post

1h 28m 24s logged

Today added many small changes!

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.

Today added many small changes!

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.

Replying to @jonasvanleeuwen19

0
2
Open comments for this post

33m 18s logged

I added an logo to the navbar and made the beginning of my Projects section, i’m completing that section later.

I added an logo to the navbar and made the beginning of my Projects section, i’m completing that section later.

Replying to @jonasvanleeuwen19

0
3
Open comments for this post

1h 2m 21s logged

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

Replying to @jonasvanleeuwen19

0
5

Followers

Loading…