mark/wirm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1
wirm/Web/public/index.html

294 lines
11 KiB
HTML
Raw Normal View History

web: MAY GOD STRIKE ME DOWN
2025-01-31 10:18:47 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Echoes Behind Closed Doors</title>
<!-- favicons -->
web: dymunaf orchuddio cod hwn yn y Raffles Place Park a taflu cerrig dros ei droed
2025-02-11 11:08:59 +08:00
<link
rel="apple-touch-icon"
sizes="180x180"
href="/png/apple-touch-icon.png"
/>
<link rel="icon" type="image/x-icon" href="/ico/favicon.ico" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/png/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/png/favicon-16x16.png"
/>
<link rel="manifest" href="/site.webmanifest" />
web: MAY GOD STRIKE ME DOWN
2025-01-31 10:18:47 +08:00
<!-- TODO: social share -->
web: dymunaf orchuddio cod hwn yn y Raffles Place Park a taflu cerrig dros ei droed
2025-02-11 11:08:59 +08:00
<!-- ui stuff -->
<!-- temporary ui bundling fix (https://github.com/oven-sh/bun/issues/17243) -->
<script type="module" src="/js/ebcd-common-franken-ui.js"></script>
web: bodge to fix broken css bundling UGH
2025-02-11 08:14:12 +08:00
<link
rel="stylesheet"
href="https://unpkg.com/franken-ui@2.0.0-internal.42/dist/css/core.min.css"
/>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<style>
/* latin-ext */
@font-face {
font-family: "Geist";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/geist/v1/gyByhwUxId8gMEwSGFWNPoTcZY7pVQ.woff2)
format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Geist";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/geist/v1/gyByhwUxId8gMEwcGFWNPoTcZY4.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "Geist Mono";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/geistmono/v1/or3nQ6H-1_WfwkMZI_qYFrkdmhHijks9bNn0.woff2)
format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Geist Mono";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/geistmono/v1/or3nQ6H-1_WfwkMZI_qYFrcdmhHijks9bA.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@theme {
--font-sans: "Geist", sans-serif;
--font-mono: "'Geist Mono'", monospace;
}
:root {
font-family: Geist, sans-serif;
font-feature-settings: "liga" 1, "calt" 1; /* fix for Chrome */
}
@media (max-width: 768px) {
.uk-subnav > * > :first-child {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
}
</style>
web: dymunaf orchuddio cod hwn yn y Raffles Place Park a taflu cerrig dros ei droed
2025-02-11 11:08:59 +08:00
</head>
web: MAY GOD STRIKE ME DOWN
2025-01-31 10:18:47 +08:00
<body class="bg-background text-foreground">
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
<main>
<section
id="landing-hero"
class="uk-inline h-[90vh] h-[90svh] overflow-hidden"
>
<!-- hero image -->
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
<img
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
class="!h-[90vh] !h-[90svh] w-screen object-cover"
src="https://files.catbox.moe/o25s1k.JPG"
alt=""
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
/>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
<!-- <video
class="!h-[90vh] !h-[90svh] w-screen object-cover"
src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
loop
muted
playsinline
></video> -->
<!-- navbar -->
<header
class="uk-position-top !uk-position-z-index p-4 flex justify-between !bg-[hsl(var(--muted))]/75 !backdrop-blur-md text-muted-foreground"
data-uk-sticky="position:top"
>
<div class="flex flex-row gap-2">
web: dymunaf orchuddio cod hwn yn y Raffles Place Park a taflu cerrig dros ei droed
2025-02-11 11:08:59 +08:00
<img src="/png/logo-icon.png" alt="wirm logo" class="!h-[2.5rem]" />
<img
src="/png/logo-wordmark-blue.png"
alt="wirm wordmark"
class="!h-[2.5rem]"
/>
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</div>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
<nav class="flex">
<ul class="uk-subnav uk-subnav-primary">
<li class="uk-active"><a href="/">About</a></li>
<li>
<a href>
<span class="mr-2">Account</span>
<uk-icon icon="chevron-down"></uk-icon>
</a>
<div data-uk-dropdown="mode: click">
<ul class="uk-dropdown-nav uk-nav">
<li id="nav-auth-logIn">
web: dymunaf orchuddio cod hwn yn y Raffles Place Park a taflu cerrig dros ei droed
2025-02-11 11:08:59 +08:00
<a href="/login.html">Log In</a>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
</li>
<li id="nav-auth-signUp">
web: dymunaf orchuddio cod hwn yn y Raffles Place Park a taflu cerrig dros ei droed
2025-02-11 11:08:59 +08:00
<a href="/signup.html">Sign Up</a>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
</li>
<li id="nav-auth-profile">
web: dymunaf orchuddio cod hwn yn y Raffles Place Park a taflu cerrig dros ei droed
2025-02-11 11:08:59 +08:00
<a href="/profile.html">Profile</a>
</li>
<li id="nav-auth-logOut">
<a href="/profile.html?logOut=true">Log Out</a>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
</li>
</ul>
</div>
</li>
web: dymunaf orchuddio cod hwn yn y Raffles Place Park a taflu cerrig dros ei droed
2025-02-11 11:08:59 +08:00
<li><a href="/booth.html">Manage Booth</a></li>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
</ul>
</nav>
</header>
<!-- hero left text: game name -->
<div
class="uk-position-bottom-left uk-position-md md:uk-position-lg md:w-[30vw] text-[hsl(var(--background))] dark:text-[hsl(var(--foreground))]"
>
<h1 class="uk-h1 !text-6xl">Echoes Behind Closed Doors</h1>
<p class="uk-text-lead mt-4">Potential Subtitle (TODO)</p>
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</div>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
<!-- hero right text: registration qr code -->
<figure
class="uk-position-bottom-right uk-position-md md:uk-position-lg max-md:hidden w-[25vw] w-[25svw] h-[31vw] h-[31svw] rounded-2xl bg-[hsl(var(--foreground))]/70 text-[hsl(var(--background))] dark:bg-[hsl(var(--background))]/60 dark:text-[hsl(var(--foreground))] !backdrop-blur-lg flex flex-col justify-center items-center text-center p-4"
>
<div
id="hero-svg"
class="uk-placeholder min-w-fit h-auto aspect-square !rounded-md overflow-hidden"
>
<div class="uk-position-center" data-uk-spinner></div>
</div>
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
<figcaption class="uk-paragraph fit-content">
<span class="font-bold text-xl">Scan to Register</span>
<br />
or, scroll down for more info
</figcaption>
</figure>
</section>
<section class="uk-container my-20">
<h2 class="uk-h2">Title</h2>
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
<p class="uk-text-lead mt-4">Subtitle</p>
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
<p class="uk-paragraph">
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
Blowy red vixens fight for
<a class="uk-link" href="#">a quick jump.</a>
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</p>
<blockquote class="uk-blockquote">
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
"Sphinx of black quartz, judge my vow!"
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</blockquote>
<p class="uk-paragraph">
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</p>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
<p class="uk-paragraph">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
</p>
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
<p class="uk-paragraph">
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</p>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
<p class="uk-paragraph">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
</p>
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
<p class="uk-paragraph">
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</p>
<p class="uk-paragraph">
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</p>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
<p class="uk-paragraph">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
</p>
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
<p class="uk-paragraph">
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</p>
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
<p class="uk-paragraph">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
</p>
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
<p class="uk-paragraph">
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</p>
<p class="uk-paragraph">
web: GOOD ENOUGH LANDING! i will now EAT FOOD may god save us all deo gratias
2025-01-31 17:11:34 +08:00
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam qui,
eligendi similique aspernatur est reiciendis iusto sunt laudantium
repudiandae quos blanditiis. Asperiores aspernatur, minus quae
inventore laborum voluptas fugit rem.
web: MAY GOD HAVE MERCY ON STICKY COMPONENTS
2025-01-31 14:03:58 +08:00
</p>
</section>
</main>
web: dymunaf orchuddio cod hwn yn y Raffles Place Park a taflu cerrig dros ei droed
2025-02-11 11:08:59 +08:00
<script type="module" src="/js/ebcd-landing-qrcode.js"></script>
<script type="module" src="/js/ebcd-common-navbar.js"></script>
web: MAY GOD STRIKE ME DOWN
2025-01-31 10:18:47 +08:00
</body>
</html>
Reference in a new issue Copy permalink