blog/templates/base.html

47 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
{% include "head.html" %}
</head>
<body>
<div class="sidebar">
<header>
{% include "header.html" %}
</header>
<footer>
{% include "footer.html" %}
</footer>
</div>
<main>
<div class="overlay">
<section class="web-environment-integrity-message">
<h2>Your browser contains Google DRM</h2>
<article>
<p>
"Web Environment Integrity" is a Google euphemism for a DRM that is designed to
prevent ad-blocking. In support of an open web, this website does not function with
this DRM. Please install a browser such as
<a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a> that respects your
freedom and supports ad blockers.
</p>
<p>
Please note that although other browsers such as Vivaldi, Opera, Microsoft Edge,
Brave, and Chromium exist, they are all built from the same Google Chromium codebase
and all inherit the problems of Google's web dominance. The only real options outside
of Chrome are Firefox and Safari.
</p>
</article>
</section>
{% block content %}
{% endblock content %}
</div>
</main>
<script>
if (navigator.getEnvironmentIntegrity !== undefined) {
document.querySelectorAll('.web-environment-integrity-message').forEach((elem) => elem.setAttribute("style", "display: block;"));
document.querySelectorAll('.site-content').forEach((elem) => elem.setAttribute("style", "display: none;"));
}
</script>
</body>
</html>