|
|
|
@ -0,0 +1,166 @@
|
|
|
|
|
<?php
|
|
|
|
|
$inline_slideshow_texts = explode(" / ", "without our tracking tech / with an adblocker / with accessibility tools / with untrusted extensions / using a different browser");
|
|
|
|
|
?>
|
|
|
|
|
<style>
|
|
|
|
|
.banner {
|
|
|
|
|
margin: 0 1rem 1rem;
|
|
|
|
|
border-left: var(--primary-color) 1rem solid;
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-title {
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-subtitle {
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-subtitle a {
|
|
|
|
|
text-underline-offset: 0.25rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.horizontal-slideshow.slideshow-window {
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.inline-slideshow.slideshow-window {
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.slideshow-slider {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.horizontal-slideshow .slideshow-slider {
|
|
|
|
|
overflow-x: auto;
|
|
|
|
|
scroll-snap-type: x mandatory;
|
|
|
|
|
scroll-behavior: smooth;
|
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.inline-slideshow .slideshow-slider {
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.slideshow-item {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
scroll-snap-align: start;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.slideshow-item-count {
|
|
|
|
|
width: 100%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: grey;
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.slideshow-item-count::after {
|
|
|
|
|
content: "/5";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.quote {
|
|
|
|
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: inherit;
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
q.quote-text::before, q.quote-text::after {
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
margin-inline: 0.25rem;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.quote-text {
|
|
|
|
|
align-self: center;
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.quote-text b {
|
|
|
|
|
color: red;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.quote-author {
|
|
|
|
|
align-self: flex-end;
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-link-listing {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-link-listing a {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: 0.25rem 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes slide {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<div class="banner">
|
|
|
|
|
<h3 style="display: none;">“Hi! It looks like you're trying to access our site (). Try Chrome!”</h3>
|
|
|
|
|
|
|
|
|
|
<p class="banner-title">You know how your printer only accepts ink made by the same company?</p>
|
|
|
|
|
|
|
|
|
|
<p class="banner-subtitle">Well, someone at Google is <a target="_blank" href="https://www.eff.org/deeplinks/2023/08/your-computer-should-say-what-you-tell-it-say-1">planning to do <em>that</em>... to the Web</a>.</p>
|
|
|
|
|
|
|
|
|
|
<div class="slideshow-window horizontal-slideshow" style="height: calc(11rem - 4vw)">
|
|
|
|
|
<div class="slideshow-slider">
|
|
|
|
|
<a class="slideshow-item quote" target="_blank" href="https://github.com/mozilla/standards-positions/issues/852#issuecomment-1648820747">
|
|
|
|
|
<q class="quote-text">
|
|
|
|
|
Mozilla opposes this proposal because it <b>contradicts our principles</b> and vision for the Web.
|
|
|
|
|
</q>
|
|
|
|
|
<div class="quote-author">— Brian Grinstead (Mozilla)</div>
|
|
|
|
|
<div class="slideshow-item-count">1</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a class="slideshow-item quote" style="left: 100%" target="_blank" href="https://vivaldi.com/blog/googles-new-dangerous-web-environment-integrity-spec/">
|
|
|
|
|
<q class="quote-text">The idea of it is as simple as it is <b>dangerous</b>.</q>
|
|
|
|
|
<div class="quote-author">— Julien Picalausa (Vivaldi)</div>
|
|
|
|
|
<div class="slideshow-item-count">2</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a class="slideshow-item quote" style="left: 200%" target="_blank" href="https://twitter.com/BrendanEich/status/1684561924191842304">
|
|
|
|
|
<q class="quote-text">We <b>won’t be shipping WEI support</b>, just as we disable [...] other junk that Google puts into Chromium.</q>
|
|
|
|
|
<div class="quote-author">— Brendan Eich (Brave)</div>
|
|
|
|
|
<div class="slideshow-item-count">3</div>
|
|
|
|
|
</a>
|
|
|
|
|
<div class="slideshow-item banner-link-listing" style="left: 300%">
|
|
|
|
|
<p>
|
|
|
|
|
Take action now:
|
|
|
|
|
<a target="_blank" href="https://ftc.gov/enforcement/report-antitrust-violation">FTC</a>
|
|
|
|
|
<a target="_blank" href="https://competition-policy.ec.europa.eu/antitrust/contact_en">European Comission</a>
|
|
|
|
|
<a target="_blank" href="https://gov.uk/guidance/tell-the-cma-about-a-competition-or-market-problem">UK Government</a>
|
|
|
|
|
<a target="_blank" href="https://cci.gov.in/antitrust">India CCI Antitrust</a> <a target="_blank" href="https://cci.gov.in/filing/atd">India CCI Filing</a>
|
|
|
|
|
<a target="_blank" href="https://competitionbureau.gc.ca/eic/site/cb-bc.nsf/frm-eng/GHÉT-7TDNA5">Canadian Competion Bureau</a>
|
|
|
|
|
<a target="_blank" href="https://accc.gov.au/business/competition-and-exemptions/competition-and-anti-competitive-behaviour">ACCC</a>
|
|
|
|
|
</p>
|
|
|
|
|
<div class="slideshow-item-count">4</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="slideshow-item banner-link-listing" style="left: 400%">
|
|
|
|
|
<p>
|
|
|
|
|
Try these browsers instead of Chrome:
|
|
|
|
|
<a target="_blank" href="https://brave.com">Brave</a>
|
|
|
|
|
<a target="_blank" href="https://www.mozilla.org/en-US/firefox/new/">Mozilla Firefox</a>
|
|
|
|
|
<a target="_blank" href="https://mullvad.net/en/browser">Mullvad Browser</a>
|
|
|
|
|
<a target="_blank" href="https://librewolf.net/">LibreWolf</a>
|
|
|
|
|
</p>
|
|
|
|
|
<div class="slideshow-item-count">5</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|