add some styles to the homepage #8

dozens · 2022-08-19T14:30:31Z

dozens commented

2022-08-19 14:30:31 +00:00

add some styles to the frontpage a la bettermotherfuckingwebsite.com
add transparency to the logo gif

- add some styles to the frontpage a la bettermotherfuckingwebsite.com - add transparency to the logo gif

dozens added 1 commit 2022-08-19 14:30:32 +00:00

cba10d434f add some styles to the homepage

- add some styles to the frontpage a la bettermotherfuckingwebsite.com
- add transparency to the logo gif

dozens commented

2022-08-19 14:32:22 +00:00

add some basic styling to the homepage so it look pretty

Before

After

add some basic styling to the homepage so it look pretty ## Before ![before](https://ttm.sh/qFJ.png) ## After ![after](https://ttm.sh/qFo.png)

lucidiot reviewed 2022-08-19 15:16:45 +00:00

index.html Outdated

						
				@ -9,1 +9,4 @@

				<title>Commonhealth of Casakhstan</title>

				<style>

				body {

				  max-width: 80ch;

lucidiot commented

2022-08-19 15:16:45 +00:00

The ch unit is only supported starting in IE 9, and is improperly supported compared to other browsers (see https://caniuse.com/ch-unit), so the width just won't change on XP, and FrontPage (where the site was originally built) will definitely not see it.

Here's a purposefully terrible fiddle to inspect the width of the "0" character, which is how ch is defined. It shows that Times New Roman, Liberation Serif and FreeSerif have 1ch == 11px, but DejaVu Serif has 1ch == 14px.

We could define the maximum width at 80ch == 880px, or 80ch == 1120px, or something else?

The `ch` unit is only supported starting in IE 9, and is improperly supported compared to other browsers (see https://caniuse.com/ch-unit), so the width just won't change on XP, and FrontPage (where the site was originally built) will definitely not see it. Here's [a purposefully terrible fiddle](https://jsfiddle.net/6ahf82cd/) to inspect the width of the "0" character, which is [how `ch` is defined](https://www.w3.org/TR/css3-values/#ch). It shows that Times New Roman, Liberation Serif and FreeSerif have `1ch == 11px`, but DejaVu Serif has `1ch == 14px`. We could define the maximum width at 80ch == 880px, or 80ch == 1120px, or something else?

👍 1