From 57df3a8981484ded6d43288f22c4d48d60ce5a57 Mon Sep 17 00:00:00 2001 From: suhankins Date: Wed, 26 Jul 2023 22:55:38 +0400 Subject: [PATCH 01/10] many HTML and CSS improvements --- index.html | 47 +++++++++++++++++++++++++++++------------------ redirect.html | 20 ++++++++++++-------- style.css | 23 ++++++++++++++++++----- 3 files changed, 59 insertions(+), 31 deletions(-) diff --git a/index.html b/index.html index be640f9..e3dd9ea 100644 --- a/index.html +++ b/index.html @@ -1,50 +1,61 @@ - + + + + + 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

    -
  • WebIntegrity
    • +
  • Web Environment Integrity
  • Widevine
  • TODO...

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..2d815d6 100644 --- a/redirect.html +++ b/redirect.html @@ -1,18 +1,22 @@ + + + + No Chromium - + +
- + \ No newline at end of file diff --git a/style.css b/style.css index bb83788..9ea8603 100644 --- a/style.css +++ b/style.css @@ -1,13 +1,26 @@ -body { - font-family: Noto Sans, sans serif; - min-height: 1vh; +html { + font-family: Noto Sans, sans-serif; + background-color: #f1f1f1; + color: #0f0f0f; + line-height: 1.5rem; } + +@media (prefers-color-scheme: dark) { + html { + background-color: #0f0f0f; + color: #f1f1f1; + } +} + .banner { - margin: 10%; font-size: 2em; + margin: 0 auto 4rem; + text-align: center; } + .content { - margin: 0 10%; + margin: 0 auto; + max-width: 800px; } .container { From 76176a332e8807052bec6040b36c0696b1e92e32 Mon Sep 17 00:00:00 2001 From: suhankins Date: Wed, 26 Jul 2023 22:59:20 +0400 Subject: [PATCH 02/10] added favicon in HTML --- index.html | 1 + redirect.html | 1 + 2 files changed, 2 insertions(+) diff --git a/index.html b/index.html index e3dd9ea..832369c 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ No Chromium + diff --git a/redirect.html b/redirect.html index 2d815d6..ead97c6 100644 --- a/redirect.html +++ b/redirect.html @@ -6,6 +6,7 @@ No Chromium + From 030c5f75707588bd593743304ac8445b7ba06132 Mon Sep 17 00:00:00 2001 From: suhankins Date: Wed, 26 Jul 2023 23:05:04 +0400 Subject: [PATCH 03/10] added body min-height for redirect page --- style.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/style.css b/style.css index 9ea8603..fdddb08 100644 --- a/style.css +++ b/style.css @@ -5,6 +5,11 @@ html { line-height: 1.5rem; } +body { + min-height: 1dvh; + min-height: 1vh; +} + @media (prefers-color-scheme: dark) { html { background-color: #0f0f0f; From 06abfde55fd3080ae3ddf85bb9581cbbebdcdba1 Mon Sep 17 00:00:00 2001 From: suhankins Date: Wed, 26 Jul 2023 23:09:55 +0400 Subject: [PATCH 04/10] moved line-height to paragraph so it doesn't ruin header --- style.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index fdddb08..2e3933f 100644 --- a/style.css +++ b/style.css @@ -2,7 +2,6 @@ html { font-family: Noto Sans, sans-serif; background-color: #f1f1f1; color: #0f0f0f; - line-height: 1.5rem; } body { @@ -17,6 +16,10 @@ body { } } +p { + line-height: 1.5rem; +} + .banner { font-size: 2em; margin: 0 auto 4rem; From 74707ebb90d1a13f6f2fec2c6a73674816a2865f Mon Sep 17 00:00:00 2001 From: suhankins Date: Wed, 26 Jul 2023 23:10:51 +0400 Subject: [PATCH 05/10] added slight padding on content --- style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/style.css b/style.css index 2e3933f..d91c237 100644 --- a/style.css +++ b/style.css @@ -27,6 +27,7 @@ p { } .content { + padding: 0 1rem; margin: 0 auto; max-width: 800px; } From b9a301712c3ccb734e5abd03afab7c5fd068b5f7 Mon Sep 17 00:00:00 2001 From: suhankins Date: Wed, 26 Jul 2023 23:14:14 +0400 Subject: [PATCH 06/10] fixed order of vh and dvh --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index d91c237..b1f6164 100644 --- a/style.css +++ b/style.css @@ -5,8 +5,8 @@ html { } body { - min-height: 1dvh; min-height: 1vh; + min-height: 1dvh; } @media (prefers-color-scheme: dark) { From e41186cf54303ef3338073b7bd94144e059b52bf Mon Sep 17 00:00:00 2001 From: suhankins Date: Wed, 26 Jul 2023 23:23:40 +0400 Subject: [PATCH 07/10] added lang to redirect --- redirect.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/redirect.html b/redirect.html index ead97c6..c58b3dc 100644 --- a/redirect.html +++ b/redirect.html @@ -1,5 +1,5 @@ - + From 16052bb8ca04ff890a4b3c4b0758ba43d6b87c19 Mon Sep 17 00:00:00 2001 From: suhankins Date: Wed, 26 Jul 2023 23:24:00 +0400 Subject: [PATCH 08/10] fixed body height being wrong --- style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index b1f6164..4a32386 100644 --- a/style.css +++ b/style.css @@ -5,8 +5,9 @@ html { } body { - min-height: 1vh; - min-height: 1dvh; + min-height: 100vh; + min-height: 100dvh; + margin: 0; } @media (prefers-color-scheme: dark) { From a660cd97455ba105076224500a7a8431f8ce465f Mon Sep 17 00:00:00 2001 From: suhankins Date: Wed, 26 Jul 2023 23:35:44 +0400 Subject: [PATCH 09/10] added box-sizing and fixed redirect page not being in the center --- style.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 4a32386..e682a6b 100644 --- a/style.css +++ b/style.css @@ -2,11 +2,15 @@ html { font-family: Noto Sans, sans-serif; background-color: #f1f1f1; color: #0f0f0f; + box-sizing: border-box; +} + +*, *:before, *:after { + box-sizing: inherit; } body { min-height: 100vh; - min-height: 100dvh; margin: 0; } @@ -37,7 +41,8 @@ p { display: flex; align-items: center; justify-content: center; - height: 100%; + height: 100vh; + height: 100dvh; } .centered { From af0cb59837e74c22e02ad857deeed7c1a0847e70 Mon Sep 17 00:00:00 2001 From: suhankins Date: Wed, 26 Jul 2023 23:36:42 +0400 Subject: [PATCH 10/10] removed color changes --- style.css | 9 --------- 1 file changed, 9 deletions(-) diff --git a/style.css b/style.css index e682a6b..f171a2c 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,5 @@ html { font-family: Noto Sans, sans-serif; - background-color: #f1f1f1; - color: #0f0f0f; box-sizing: border-box; } @@ -14,13 +12,6 @@ body { margin: 0; } -@media (prefers-color-scheme: dark) { - html { - background-color: #0f0f0f; - color: #f1f1f1; - } -} - p { line-height: 1.5rem; }