diff --git a/index.html b/index.html index be640f9..832369c 100644 --- a/index.html +++ b/index.html @@ -1,50 +1,62 @@ - + + + + + No Chromium - + + + - -
- + +

What is Chromium?

- Chromium is a web browser developed by Google. Many modern web browsers - use its codebase and extened upon it, for example: + Chromium is a web browser developed by Google. Many modern web browsers + use its codebase and extend upon it, for example:

- more...

Why is this a bad thing?

- Chromium based browsers dominate the market. This means that any changes - Google makes to the Chromium code base are also present in the browsers that build on it. - As Chromium based browsers are the majority, websites have to adapt. - This also forces non chromium browsers like Firefox to implement these changes. - This gives Google the power to steer the web in a direction they benefit from the most. + Chromium based browsers dominate the market. This means that any changes + Google makes to the Chromium code base are also present in the browsers + that build on it. As Chromium based browsers are the majority, websites + have to adapt. This also forces non chromium browsers like Firefox to + implement these changes. This gives Google the power to steer the web in + a direction they benefit from the most.

Examples

What can I do

- You should use alternative browsers like Firefox - or, even better, LibreWolf + You should use alternative browsers like + Firefox or, even + better, LibreWolf

-
+ + \ No newline at end of file diff --git a/redirect.html b/redirect.html index 64b3ea2..c58b3dc 100644 --- a/redirect.html +++ b/redirect.html @@ -1,18 +1,23 @@ - + + + + + No Chromium - + + +
- + \ No newline at end of file diff --git a/style.css b/style.css index bb83788..f171a2c 100644 --- a/style.css +++ b/style.css @@ -1,20 +1,39 @@ +html { + font-family: Noto Sans, sans-serif; + box-sizing: border-box; +} + +*, *:before, *:after { + box-sizing: inherit; +} + body { - font-family: Noto Sans, sans serif; - min-height: 1vh; + min-height: 100vh; + margin: 0; } + +p { + line-height: 1.5rem; +} + .banner { - margin: 10%; font-size: 2em; + margin: 0 auto 4rem; + text-align: center; } + .content { - margin: 0 10%; + padding: 0 1rem; + margin: 0 auto; + max-width: 800px; } .container { display: flex; align-items: center; justify-content: center; - height: 100%; + height: 100vh; + height: 100dvh; } .centered {