limepotato/nelle-observer
1
1
Fork 0
Code Issues 1 Pull requests Projects Activity

fuck chrome

Browse source
This commit is contained in:
nelle 2024-08-17 13:23:43 -06:00
parent c55e9c5131
commit 6d7676ac76
14 changed files with 262 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
astro/public/assets/images/bsod/rickroll-blue.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 435 B

BIN
astro/public/assets/images/bsod/rickroll.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 396 B

1
astro/public/assets/images/mobile-warn/report-material.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#e8eaed"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM19 14.9L14.9 19H9.1L5 14.9V9.1L9.1 5h5.8L19 9.1v5.8z"/><circle cx="12" cy="16" r="1"/><path d="M11 7h2v7h-2z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 329 B

12
astro/public/scripts/fuckchrome.js Normal file
View file

@ -0,0 +1,12 @@
function onload() {
redirect()
}
function redirect() {
const chromium = /Chrome|Chromium|OPR|Opera|Edge|UC|QQ|Brave/.test(
navigator.userAgent
);
const disclaimer = `<div class="web-disclaimer">`;
if ((chromium) && (screen.width >= 699)) window.location.replace("/bsod");
if ((chromium) && (screen.width <= 699)) window.location.replace("/mobile-warn");
}

53
astro/public/styles/css/bsod.css Normal file
View file

@ -0,0 +1,53 @@
@font-face {
font-family: ms-segoeui;
src: url(/fonts/segoeui.ttf);
}
:root {
background-color: #0078d7;
color: #ffffff;
font-family: ms-segoeui;
}
a:link {
color: #ffffff
}
a:visited {
color: #ffffff
}
a:hover {
color: #ffffff
}
.frown {
font-size: 200px;
margin-left: 200px;
margin-bottom: 0px;
margin-top: 100px;
}
.subtext1 {
font-size: 42px;
margin-left: 200px;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 600px;
}
.qr {
margin-left: 200px;
margin-bottom: 0px;
margin-top: 50px;
}
.container {
display: flex;
}
.error-text {
margin-top: 0px;
margin-left: 10px;
font-size: 20px;
}

27
astro/public/styles/css/mobile-warn.css Normal file
View file

@ -0,0 +1,27 @@
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
:root {
background-color: #ce3426;
color: #ffffff;
font-family: "Titillium Web";
width: 100%;
height: 100%;
}
a:link {
color: #ffffff
}
a:visited {
color: #ffffff
}
a:hover {
color: #ffffff
}
.icon {
width: 40%;
margin-top: 15%;
}

53
astro/src/components/bsod-head.astro Executable file
View file

@ -0,0 +1,53 @@
---
import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
interface Props {
title: string;
description: string;
}
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
const page = Astro.url.pathname;
---
<link rel="stylesheet" href="/styles/css/bsod.css" />
<link
rel="alternate"
type="application/rss+xml"
title="Oops!"
href={new URL("rss.xml", Astro.site)}
/>
<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<!-- <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />-->
<meta name="generator" content={Astro.generator} />
<meta name="robots" content={"noindex, nofollow"} />
<!-- Canonical URL -->
<link rel="canonical" href={canonicalURL} />
<!-- Primary Meta Tags -->
<title>Oops!</title>
<meta name="title" content="Oops!" />
<meta name="description" content={SITE_DESCRIPTION} />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={Astro.url} />
<meta property="og:title" content="Oops!" />
<meta property="og:description" content={SITE_DESCRIPTION} />
<meta property="og:profile:gender" content="woman(ish)" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={Astro.url} />
<meta property="twitter:title" content="Oops!" />
<meta property="twitter:description" content={SITE_DESCRIPTION} />
<!-- Other -->
<meta content="she/they" property="pronouns" />
<link href="https://ouroboros.gay/@limepot" rel="me" />

BIN
astro/src/components/image.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.4 KiB

53
astro/src/components/mobile-warn.astro Executable file
View file

@ -0,0 +1,53 @@
---
import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
interface Props {
title: string;
description: string;
}
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
const page = Astro.url.pathname;
---
<link rel="stylesheet" href="/styles/css/mobile-warn.css" />
<link
rel="alternate"
type="application/rss+xml"
title="Oops!"
href={new URL("rss.xml", Astro.site)}
/>
<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<!-- <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />-->
<meta name="generator" content={Astro.generator} />
<meta name="robots" content={"noindex, nofollow"} />
<!-- Canonical URL -->
<link rel="canonical" href={canonicalURL} />
<!-- Primary Meta Tags -->
<title>Oops!</title>
<meta name="title" content="Oops!" />
<meta name="description" content={SITE_DESCRIPTION} />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={Astro.url} />
<meta property="og:title" content="Oops!" />
<meta property="og:description" content={SITE_DESCRIPTION} />
<meta property="og:profile:gender" content="woman(ish)" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={Astro.url} />
<meta property="twitter:title" content="Oops!" />
<meta property="twitter:description" content={SITE_DESCRIPTION} />
<!-- Other -->
<meta content="she/they" property="pronouns" />
<link href="https://ouroboros.gay/@limepot" rel="me" />

1
astro/src/layouts/Layout.astro
View file

@ -26,6 +26,7 @@ const { title } = Astro.props;
<script type="text/javascript" src="/scripts/lastfm.js"></script>
<script type="text/javascript" src="/scripts/sound.js"></script>
<script type="text/javascript" src="/scripts/ntfy.js"></script>
<script type="text/javascript" src="/scripts/fuckchrome.js"></script>
<audio
id="clickSound"
src="/assets/sounds/ui/zapsplat_multimedia_button_click_004_68776.mp3">

13
astro/src/layouts/bsod.astro Executable file
View file

@ -0,0 +1,13 @@
---
import Head from "../components/bsod-head.astro";
---
<!doctype html>
<html lang="en">
<head>
<Head />
</head>
<body onload="onload()" id="body">
<slot />
</body>
</html>

13
astro/src/layouts/mobile-warn.astro Executable file
View file

@ -0,0 +1,13 @@
---
import Head from "../components/mobile-warn.astro";
---
<!doctype html>
<html lang="en">
<head>
<Head />
</head>
<body onload="onload()" id="body">
<slot />
</body>
</html>

23
astro/src/pages/bsod.astro Normal file
View file

@ -0,0 +1,23 @@
---
import Layout from "../layouts/bsod.astro";
---
<Layout>
<main>
<audio src="/assets/sounds/xp_error.mp3" autoplay="autoplay"></audio>
<h1 class="frown">:(</h1>
<h2 class="subtext1">Your browser ran into a problem and needs to die. Please try a different browser that isn't Chrome, and try again later.</h2>
<br><br>
<h2 class="subtext1">100% Completely Shitty Browser</h2>
<div class="container">
<div class="qr">
<img src="/assets/images/bsod/rickroll-blue.png" height="142px">
</div>
<div class="error-text">
<br>
<p>For more information about this issue and possible fixes, visit <a href="/nochrome" style="color=#ffffff;">https://limepot.xyz/nochrome</a></p>
<p>If you contact me about this, please give me this error:</p>
<p>Stop Code: EW_CHROME_YUCK</p>
</div>
</div>
</main>
</Layout>

13
astro/src/pages/mobile-warn.astro Normal file
View file

@ -0,0 +1,13 @@
---
import Layout from "../layouts/mobile-warn.astro";
---
<Layout>
<main>
<img class="icon" src="/assets/images/mobile-warn/report-material.svg">
<h1>The site ahead is afraid of Chromium browsers</h1>
<p>The website on <span style="font-weight: bold;">limepot.xyz</span> is scared of chromium-based browsers, which yours seems to be of.</p>
<p style="font-size: smaller;">NET::EW_CHROME_YUCK</p>
<br>
<a href="/nochrome">Proceed to information (unsafe)</a>
</main>
</Layout>