My personal website
- 2 Devlogs
- 3 Total hours
My own personal website. It has three sections: Welcome, Projects and About. It also has a background image and animations
Ship #1
@suklaasukkulayt
on
My personal website
I made my own personal website. It has three sections.
Welcome: It has just some text and info about the website
Projects: It has some of my stardance projects
About: It has some info about me
It also has a hover animation (when you hover over stuff) and a page transition animation (made with “@view-transition” in CSS). It has a background image and navigation buttons.
This wasn’t the most difficult project, but it had some challenges. Also the guide for this mission isn’t really beginner-friendly, but luckily I did the WebOS 1 mission first. Also check my devlog, because it has a video.
@suklaasukkulayt
on
My personal website
1h 22m 6s logged
Devlog 2
The project is now ready to ship!
I added a hovering animation when hovering over the divs. I also added a page transition animation (with “@view-transition” in css). It might not work though with some browsers. (I used github copilot to make the javascript to make it hopefully work better but idk know about that).
I added more info about me, added more text to the welcome section and updated the project tab.
I changed the navigation texts to look like buttons. I also made it so the navigation buttons always have thew highest z-index so they should be always accessible.
Here is a video that shows the animations.
@suklaasukkulayt
on
My personal website
1h 48m 41s logged
Devlog 1
The project is now mostly completed!
It has three sections (welcome, projects, about). Welcome: It has just some welcoming text :D
Projects: It has some of my stardance projects
About: It has some info about me
The site has a background image. It also has a webos style window design. I will add some animations maybe and a little bit more info. Then the project is completed. The guide is also quite confusing for beginners so I actually recommend doing the webos 1 mission first.
