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

Html

  • 6 Devlogs
  • 5 Total hours

A simple HTML website that features what I've learned with HTML and CSS, on a random topic, SprintCars!

Ship #1

I made an HTML website that mainly focuses on the concept of sprint cars, however, the main focus was to see what I can make and then use to improve. Although some of the code was not mine, such as the nice entrance animations made in CSS, and the JavaScript games. I am still proud of what I made, and hope to improve on it. Lastly, I want to note that I know the JavaScript games are not of the same theme as the rest of the website. This is intended, and was use to see how I can make it work with my website, even though I do not have much understanding of CSS or JavaScript at all. :)

  • 6 devlogs
  • 5h
Try project → See source code →
Open comments for this post

30m 47s logged

I added a page that currently has two games, snake and pong. I used the code from straker on github, and did some slight modifications to fix the speed.

I added a page that currently has two games, snake and pong. I used the code from straker on github, and did some slight modifications to fix the speed.

Replying to @awc

0
1
Open comments for this post

39m 8s logged

I added a new page with a very short reason going over why I made this website :)

I added a new page with a very short reason going over why I made this website :)

Replying to @awc

0
1
Open comments for this post

1h 1m 24s logged

I updated the website, where the history page now contains more content. I rearranged the table of contents, and fixed the size, so the interactable box doesn’t span the entire page horizontally.

I updated the website, where the history page now contains more content. I rearranged the table of contents, and fixed the size, so the interactable box doesn’t span the entire page horizontally.

Replying to @awc

0
1
Open comments for this post

36m 22s logged

I centered the boxes and text on the page by assigning them a div with an id and then centering the div. This is probably not the most efficient way of doing this, however it works for me lol. Secondly I cleaned up the pages by adding a nice entrance animation. (I used a website tool called Animista to create the animation w/CSS code [Not an AI tool], all credits are in the READMD file). Lastly, I added a home button to the images page.

I centered the boxes and text on the page by assigning them a div with an id and then centering the div. This is probably not the most efficient way of doing this, however it works for me lol. Secondly I cleaned up the pages by adding a nice entrance animation. (I used a website tool called Animista to create the animation w/CSS code [Not an AI tool], all credits are in the READMD file). Lastly, I added a home button to the images page.

Replying to @awc

0
1
Open comments for this post

51m 39s logged

I added a functional dropdown menu for the table of contents. I also added a home button on the history page, and made a few hover effects such as a shadow and its color to change when a cursor is over it.

I added a functional dropdown menu for the table of contents. I also added a home button on the history page, and made a few hover effects such as a shadow and its color to change when a cursor is over it.

Replying to @awc

0
1
Open comments for this post

1h 28m 33s logged

A unique HTML website on Sprint Cars, I’m trying to implement a whole lot of cool effects to make this look modern. Currently I’m relearning CSS for this project, so at the moment it does not look the best.

A unique HTML website on Sprint Cars, I’m trying to implement a whole lot of cool effects to make this look modern. Currently I’m relearning CSS for this project, so at the moment it does not look the best.

Replying to @awc

0
2

Followers

Loading…