stardance has been extended another month! the new deadline is october 31 :)

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

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

This project was vetted by Shipwrights and is now up for voting. You can ship again after making more updates.

Shipwright walkthrough

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Shipwright walkthrough

Ship #1

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.

Try project → See source code →
Open comments for this post

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.

0
0
13
Open comments for this post

1h 48m 54s 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.

0
0
16

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…