Improvements to HTML and CSS
#2
Merged
Trivernis
merged 11 commits from punishedbernadetta/no-chromium:main into main 1 year ago
@ -1,50 +1,62 @@
|
|||||||
<html>
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>No Chromium</title>
|
<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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<center class="banner">
|
<header class="banner">
|
||||||
<h1>No Chromium</h1>
|
<h1>No Chromium</h1>
|
||||||
<h2>Do not use Chromium</h2>
|
<h2>Do not use Chromium</h2>
|
||||||
<h3>Use a different web browser</h3>
|
<h3>Use a different web browser</h3>
|
||||||
</center>
|
</header>
|
||||||
<section class="content">
|
<main class="content">
|
||||||
|
|
||||||
<h2>What is Chromium?</h2>
|
<h2>What is Chromium?</h2>
|
||||||
<p>
|
<p>
|
||||||
Chromium is a web browser developed by Google. Many modern web browsers
|
Chromium is a web browser developed by Google. Many modern web browsers
|
||||||
use its codebase and extened upon it, for example:
|
use its codebase and extend upon it, for example:
|
||||||
</p>
|
</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Google Chrome</li>
|
<li>Google Chrome</li>
|
||||||
<li>Opera</li>
|
<li>Opera</li>
|
||||||
<li>Microsoft Edge</li>
|
<li>Microsoft Edge</li>
|
||||||
<li>Brave Browser</li>
|
<li>Brave Browser</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://en.wikipedia.org/wiki/Chromium_(web_browser)">
|
||||||
|
And many others
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<a href="https://en.wikipedia.org/wiki/Chromium_(web_browser)">more...</a>
|
|
||||||
|
|
||||||
<h2>Why is this a bad thing?</h2>
|
<h2>Why is this a bad thing?</h2>
|
||||||
<p>
|
<p>
|
||||||
Chromium based browsers dominate the market. This means that any changes
|
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.
|
Google makes to the Chromium code base are also present in the browsers
|
||||||
As Chromium based browsers are the majority, websites have to adapt.
|
that build on it. As Chromium based browsers are the majority, websites
|
||||||
This also forces non chromium browsers like Firefox to implement these changes.
|
have to adapt. This also forces non chromium browsers like Firefox to
|
||||||
This gives Google the power to steer the web in a direction they benefit from the most.
|
implement these changes. This gives Google the power to steer the web in
|
||||||
|
a direction they benefit from the most.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2>Examples</h2>
|
<h2>Examples</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li>WebIntegrity</li>
|
<li>Web Environment Integrity</li>
|
||||||
<li>Widevine</li>
|
<li>Widevine</li>
|
||||||
<li style="color: red">TODO...</li>
|
<li style="color: red">TODO...</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h2>What can I do</h2>
|
<h2>What can I do</h2>
|
||||||
<p>
|
<p>
|
||||||
You should use alternative browsers like <a href="https://www.mozilla.org/en-US/firefox/">Firefox</a>
|
You should use alternative browsers like
|
||||||
or, even better, <a href="https://librewolf.net/">LibreWolf</a>
|
<a href="https://www.mozilla.org/en-US/firefox/">Firefox</a> or, even
|
||||||
|
better, <a href="https://librewolf.net/">LibreWolf</a>
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,18 +1,23 @@
|
|||||||
<html>
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>No Chromium</title>
|
<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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="banner centered">
|
<div class="banner">
|
||||||
<center>
|
<h1>No Chromium</h1>
|
||||||
<h1>No Chromium</h1>
|
<h2>This website does not accept chromium based browsers</h2>
|
||||||
<h2>This website does not accept chromium based browsers</h2>
|
<h3>Use a different web browser</h3>
|
||||||
<h3>Use a different web browser</h3>
|
<h4><a href="index.html">Why?</a></h4>
|
||||||
<h4><a href="index.html">Why?</a></h4>
|
|
||||||
</center>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue