My website

I made a website using HTML and CSS. You can view it here and the repositories here.

I use basic HTML. The CSS I use is a background, custom font, custom font size, grids, and a lot more.

3 Likes

Looks great! The only very minor thing I would personally suggest would just be to slightly tweak the coloring for the text to have slightly higher contrast with the background (although it does meet the WebAIM AA standard for contrast, so that’s just personal preference)

1 Like

What color do you recommend me changing it to. The text is the color that it is because on the old post somebody dissent like the white text in black background.

Personally I would probably go for a slightly lighter shade of grey, possibly something like #D3D3D3 but as I said before, it’s really just a case of personal preference :slight_smile:

1 Like

I will play around with the color when I have a chance to go on my computer.

1 Like

@lyallstewart I changed the color to #919191. How does it look now?

Looks good to me! It’s a subtle change but one that just makes it slightly more readable in my opinion :grinning_face_with_smiling_eyes:

1 Like

I liked your work! Which desktop app did you use for creating your website?

1 Like

I used Replit as my IDE. But I use GitHub pages for the published site.

UPDATE LOG:
(all dates are in MM-DD-Year)
Please do not edit this wiki post unless there is a typo or something similar.

12-28-2021

Changed the color of the text from #787878 to #919191 (suggested by @lyallstewart)

12-29-2021

Added my unit converter. Added the About me section, fixed the CC forum post link at the bottom of the page, and added margins to all the

elements that are not in a CSS grid.

1-8-2022

Added that I Know Python to About Me and What languages I know sections

1-16-2022

Added Who wants to be a millionaire in a Python terminal to the site.

1-17-2022

Put my projects on a different page than the rest of the site. (They have a link to the other page)

1-19-2022

Added alt attributes to images and took out <img> elements that were not meant to be in the code. Also added semantic HTML.

1-20-2022

Fixed the <h3> headers that were supposed to be <h2> on the projects page as well as changed the test for some alt text.

This is great Ethan! Looks good and the colour contrast in good.

It’s always worth putting your website through WAVE, which will check it for you and it even has a helpful Contrast checker:

WAVE Web Accessibility Evaluation Tool - (https://wave.webaim.org/)

Keep it up!

1 Like

Thanks. It pointed out a few things I forgot. Nothing huge but it helps thanks.