punishedbernadetta
/
no-chromium
forked from Trivernis/no-chromium
1
0
Fork 0
Code Pull Requests Activity

Merge pull request 'Improvements to HTML and CSS' (#2) from punishedbernadetta/no-chromium:main into main

Browse Source 
Reviewed-on: Trivernis/no-chromium#2
Trivernis 1 year ago
parent dcad43a624 88e22bf15d
commit 3f67d93922
3 changed files with 68 additions and 32 deletions
Show Stats Download Patch File Download Diff File

48
index.html
Unescape Escape View File

@ -1,50 +1,62 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>No Chromium</title>
<link rel="stylesheet" href="style.css"></link>
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="favicon.ico" type="image/x-icon" sizes="any" />
</head>
<body>
<center class="banner">
<header class="banner">
<h1>No Chromium</h1>
<h2>Do not use Chromium</h2>
<h3>Use a different web browser</h3>
</center>
<section class="content">
</header>
<main class="content">
<h2>What is Chromium?</h2>
<p>
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:
</p>
<ul>
<li>Google Chrome</li>
<li>Opera</li>
<li>Microsoft Edge</li>
<li>Brave Browser</li>
<li>
<a href="https://en.wikipedia.org/wiki/Chromium_(web_browser)">
And many others
</a>
</li>
</ul>
<a href="https://en.wikipedia.org/wiki/Chromium_(web_browser)">more...</a>
<h2>Why is this a bad thing?</h2>
<p>
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.
</p>
<h2>Examples</h2>
<ul>
<li>WebIntegrity</li>
<li>Web Environment Integrity</li>
<li>Widevine</li>
<li style="color: red">TODO...</li>
</ul>
<h2>What can I do</h2>
<p>
You should use alternative browsers like <a href="https://www.mozilla.org/en-US/firefox/">Firefox</a>
or, even better, <a href="https://librewolf.net/">LibreWolf</a>
You should use alternative browsers like
<a href="https://www.mozilla.org/en-US/firefox/">Firefox</a> or, even
better, <a href="https://librewolf.net/">LibreWolf</a>
</p>
</section>
</main>
</body>
</html>

23
redirect.html
Unescape Escape View File

@ -1,18 +1,23 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>No Chromium</title>
<link rel="stylesheet" href="style.css"></link>
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="favicon.ico" type="image/x-icon" sizes="any" />
</head>
<body>
<div class="container">
<div class="banner centered">
<center>
<h1>No Chromium</h1>
<h2>This website does not accept chromium based browsers</h2>
<h3>Use a different web browser</h3>
<h4><a href="index.html">Why?</a></h4>
</center>
<div class="banner">
<h1>No Chromium</h1>
<h2>This website does not accept chromium based browsers</h2>
<h3>Use a different web browser</h3>
<h4><a href="index.html">Why?</a></h4>
</div>
</div>
</body>
</html>

29
style.css
Unescape Escape View File

@ -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 {

Write Preview
Loading…
Cancel
Save