EndLess's Website
By
@EndLess9
- 3 Devlogs
- 4 Total hours
My first time building a website from scratch without relying on AI or tutorials!
This project was vetted by Shipwrights and is now up for voting. You can ship again after making more updates.
Feedback
Hey EndLess9,
Awesome project! I'd love to see what you make in the future!
For any other questions, DM @Tyson or create a ticket in Slack—#ask-the-shipwrights.
Shipwright walkthrough
Ship #1
@EndLess9
on
EndLess's Website
Making this website was a challenge as well as a good learning experience for me. It was the first time I made a website from scratch without relying heavily on AI or tutorials.
My making this very basic website I learned alot about css properties and how html builds a website’s structure.
@EndLess9
on
EndLess's Website
2h 7m 9s logged
Devlog #3Changed the body’s color to black, and the header’s color to red instead of cyan.1. Nav bar:- Increased height- The Nav bar is now white, the opened page will appear as red and the ones that aren’t opened will be black2. Home:Added 2 bigger buttons that lead the user to the about me or projects page.3. About me:Here I wrote my introduction and added pictures of video games, animes, and f1 drivers that I like.4. Projects:Here I added hyper linked images of some of my programing projects.5. Readme:I wrote a basic readme for my repo.
@EndLess9
on
EndLess's Website
29m 32s logged
Devlog #2
I haven’t done much work in the website yet, but after about 30 minutes I figured out how to create separate pages for each href in my project.
How I did it:
I used some js to comepletely hide the sections for the hrefs while they weren’t selected in the nav bar.
I also added some css to make the selected button look darker to show that it’s selected.
@EndLess9
on
EndLess's Website
1h 4m 32s logged
Devlog #1:
This is the first time I’m making a website from scratch without AI or video tutorials so it took me a while to create a simple heading for my website and the nav bar.
Here is what I did to the nav bar’s buttons:
- text color: white
- bold
- un-underlined
- added a border radius of 7px to give it curvey edges
- changed the background to brown
- added a padding of 5px
nav bar:
- vertically centered it
- horizontally aligned it to the right
- added a gap of 40px between each href
Heading:
- gave it a height of 40px
- gave it a background color of bisque
