Dan's Website

In this devlog I redesigns the Awards section with a 3D carousel, moves the intro heading, and keeps the content more focused on achievements I have proof of. I also updated the clock and Discord status fetch logic to update more with the Spotify request, added an scroll-reveal animation, and tweaked responsive styling for navigation, project sections, and mobile layouts. Overall it wasnt that hard since I have already make something similar on other project

Added a new integration with discord to show what I’m currently doing for exemple if you go see now it will be shoing I’m playing val. for the code I just copy and paste from the spotfy function and rewrite what was needed

I added a mini 3D version of myself! It took me almost 2 hours of modeling, but I’m very happy with how it turned out. For anyone wondering, I used Blockbench (it sucks when it comes to texturing, I spent a lot of time redoing it).

I added the first hardware project to the page, I choose to use a different layout for this page cuz when we talk about hardware its very hard to someone to test it out so you have to write more about it than u do on software projects(where u can even put a “give it a try” link)

I fixed most of the performance issues. How? I just convert the images to webp and added lazy loading to the page, also I discorvered that when I go to the PageSpeed Insights from google it gives the site a low performance status (problably) because github pages dont have image compression and other nerd performance things

The image below is a screen shot of the same test from google but running the local index.html file

Changes

• Changed the images of hardware and software buttons

Workin on

• Currently working on the hardware project page(yeah the same thing of the preview devlog cuz I got excited to make the spotify integration)

Wanna add

• A function to the dice cuz rn it just spins(I didnt think of anything for it so feel free to suggest anything)

Struggles

• I had some error while trying to get the lanyard API to work cuz I did not know I had to be on the server(I kinda dumb as u can see lmao)

Changes

• Changed the projects section to subpages, so now you can choose to see software or hardware projects.
• Changed the background color to full black
• Changed the profile picture

Workin on

• Currently working on the hardware project page

Wanna add

• A spotfy section to show what I currently listen to
• A function to the dice cuz rn it just spins

Struggles

• I have some troubles with the delploy, after I deployd the new version on github pages I went to see if all was workin but the site didnt updeted(on my browser cause for some reason Brave dont update the cache lol) I was going crazy for like 15m

I added a awards section to show some of my achievements, overall the project is basically a portifolio for me rn ngl, I really want to do some more interactable things but its kinda hard lol

I’m working on making this UI less boring, but I’m fresh out of ideas. I’d appreciate any concrete design tweaks to make it less boring LOL

Just updated the projects section

Just finished building the website with interactive 3D elements and my own projects. It’s fully deployed and hosted on GitHub Pages.

Did the basic of the HTML and CSS, planning on do something with JS too

Features:
-A direct link to my github page
-Direct links to my projects
-3D rendering
-Smooth scroll

Planing:
-Change the desing(going to spider-verse vibes)
-Upload real projects

Thx @nokira for the inspiration