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

EndLess's Website

  • 3 Devlogs
  • 4 Total hours

My first time building a website from scratch without relying on AI or tutorials!

Ship #1

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.

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

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.

0
0
8
Open comments for this post

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.

0
0
19
Open comments for this post

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

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…