limepotato/limepot-xyz
1
0
Fork 0
Code Issues 3 Pull requests Activity

here you go mobile users :3

Browse source
This commit is contained in:
nelle 2024-07-19 23:16:19 -06:00
parent a669dfab41
commit 9baa01f5c2
5 changed files with 107 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
public/assets/icons/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

27
public/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
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="/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" />

13
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>

13
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/icons/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>