Added /coffee/ page, and 404.html
This commit is contained in:
Aria
parent
790dc01265
commit
cf84069add
|
|
@ -0,0 +1,14 @@
|
||||||
|
<!--
|
||||||
|
Source - https://stackoverflow.com/a/34726322
|
||||||
|
Posted by Amit Verma, modified by community. See post 'Timeline' for change history
|
||||||
|
Retrieved 2026-06-13, License - CC BY-SA 4.0
|
||||||
|
-->
|
||||||
|
|
||||||
|
RewriteEngine on
|
||||||
|
|
||||||
|
|
||||||
|
RewriteCond %{THE_REQUEST} /([^.]+)\.html [NC]
|
||||||
|
RewriteRule ^ /%1 [NC,L,R]
|
||||||
|
|
||||||
|
RewriteCond %{REQUEST_FILENAME}.html -f
|
||||||
|
RewriteRule ^ %{REQUEST_URI}.html [NC,L]
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
|
||||||
|
|
||||||
|
<!-- Page Title -->
|
||||||
|
<title>Coffee</title>
|
||||||
|
<link rel="icon" type="image/png" href="/assets/media/favicon.png" />
|
||||||
|
<script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Canonical URL -->
|
||||||
|
<link rel="canonical" href="https://ari.pages.gay" />
|
||||||
|
|
||||||
|
<!-- Alternate for mobile -->
|
||||||
|
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://ari.pages.gay" />
|
||||||
|
|
||||||
|
<!-- Theme Color -->
|
||||||
|
<meta name="theme-color" content="#cba6f7" />
|
||||||
|
|
||||||
|
<link href="/css/index.css" rel="stylesheet" />
|
||||||
|
<link href="/css/picker.css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="message-page">
|
||||||
|
<div class="message-card">
|
||||||
|
<h1 class="warn">404</h1>
|
||||||
|
<p>I'm not sure if I accidentally deleted this, lost it, or never made it in the first place, either way, this page doesn't exist and cannot be found. </p>
|
||||||
|
<a class="home-link" href="/">← Back to home</a>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script src="js/index.js"></script>
|
||||||
|
<script src="js/flavors.js"></script>
|
||||||
|
<script src="js/cat.js"></script>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
|
||||||
|
|
||||||
|
<!-- Page Title -->
|
||||||
|
<title>Coffee</title>
|
||||||
|
<link rel="icon" type="image/png" href="/assets/media/favicon.png" />
|
||||||
|
<script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Canonical URL -->
|
||||||
|
<link rel="canonical" href="https://ari.pages.gay" />
|
||||||
|
|
||||||
|
<!-- Alternate for mobile -->
|
||||||
|
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://ari.pages.gay" />
|
||||||
|
|
||||||
|
<!-- Theme Color -->
|
||||||
|
<meta name="theme-color" content="#cba6f7" />
|
||||||
|
|
||||||
|
<link href="/css/index.css" rel="stylesheet" />
|
||||||
|
<link href="/css/picker.css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="message-page">
|
||||||
|
<div class="message-card">
|
||||||
|
<div class="glyph">🫖</div>
|
||||||
|
<h1 class="warn">418</h1>
|
||||||
|
<p>I cannot brew coffee, for I am a teapot.</p>
|
||||||
|
<a class="home-link" href="/">← Back to home</a>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script src="js/index.js"></script>
|
||||||
|
<script src="js/flavors.js"></script>
|
||||||
|
<script src="js/cat.js"></script>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
|
/* IMPORTS */
|
||||||
|
|
||||||
@import url("fonts.css");
|
@import url("fonts.css");
|
||||||
@import url(theme-switcher.css);
|
@import url(theme-switcher.css);
|
||||||
@import url("picker.css");
|
@import url("picker.css");
|
||||||
|
|
@ -6,6 +8,7 @@
|
||||||
@import url(themes/frappe.css);
|
@import url(themes/frappe.css);
|
||||||
@import url(themes/latte.css);
|
@import url(themes/latte.css);
|
||||||
|
|
||||||
|
/* Index.html */
|
||||||
|
|
||||||
|
|
||||||
html,
|
html,
|
||||||
|
|
@ -87,7 +90,6 @@ html {
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Estrogen watermark blended into the background */
|
|
||||||
body::before {
|
body::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -162,4 +164,85 @@ body::before {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ----------- */
|
/* Coffee/index.html */
|
||||||
|
|
||||||
|
.teapot {
|
||||||
|
font-size: 6vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* start of code from security.girlsnetwork.dev/coffee */
|
||||||
|
|
||||||
|
body.message-page {
|
||||||
|
display: flex;
|
||||||
|
min-height: 100vh;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-card {
|
||||||
|
background: var(--surface0);
|
||||||
|
padding: 2.5rem;
|
||||||
|
border-radius: 12px;
|
||||||
|
max-width: 520px;
|
||||||
|
width: 100%;
|
||||||
|
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--text);
|
||||||
|
border: 1px solid var(--surface1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-card h1 {
|
||||||
|
margin-top: 0;
|
||||||
|
color: var(--pink);
|
||||||
|
letter-spacing: -0.01em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-card p {
|
||||||
|
color: var(--subtext1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-card .ok { color: var(--green); }
|
||||||
|
.message-card .err { color: var(--red); }
|
||||||
|
.message-card .warn { color: var(--yellow); }
|
||||||
|
|
||||||
|
.message-card .muted {
|
||||||
|
color: var(--overlay1);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-card code {
|
||||||
|
background: var(--mantle);
|
||||||
|
color: var(--rosewater);
|
||||||
|
padding: 0.1rem 0.4rem;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 0.85em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-card a.home-link {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
color: var(--pink);
|
||||||
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-card a.home-link:hover {
|
||||||
|
color: var(--flamingo);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-card .glyph {
|
||||||
|
font-size: 2.75rem;
|
||||||
|
line-height: 1;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 540px) {
|
||||||
|
.message-card {
|
||||||
|
padding: 1.75rem 1.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* end of code from security.girlsnetwork.dev/coffee */
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue