dunkirk.sh
pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
1import classNames from "classnames";
2
3import { FooterView } from "@/components/layout/Footer";
4import { Navigation } from "@/components/layout/Navigation";
5
6export function BlurEllipsis(props: { positionClass?: string }) {
7 return (
8 <>
9 {/* Blur elipsis */}
10 <div
11 className={classNames(
12 props.positionClass ?? "fixed",
13 "top-0 -right-48 rotate-[32deg] w-[50rem] h-[15rem] rounded-[70rem] bg-background-accentA blur-[100px] pointer-events-none opacity-25 transition-colors duration-75",
14 )}
15 />
16 <div
17 className={classNames(
18 props.positionClass ?? "fixed",
19 "top-0 right-48 rotate-[32deg] w-[50rem] h-[15rem] rounded-[70rem] bg-background-accentB blur-[100px] pointer-events-none opacity-25 transition-colors duration-75",
20 )}
21 />
22 </>
23 );
24}
25
26export function SubPageLayout(props: { children: React.ReactNode }) {
27 return (
28 <div
29 className="bg-background-main"
30 style={{
31 backgroundImage:
32 "linear-gradient(to bottom, var(--tw-gradient-from), var(--tw-gradient-to) 800px)",
33 }}
34 >
35 <BlurEllipsis />
36 {/* Main page */}
37 <FooterView>
38 <Navigation doBackground noLightbar />
39 <div className="mt-40 relative">{props.children}</div>
40 </FooterView>
41 </div>
42 );
43}