diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 1c553cd76..f408b1185 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,16 +1,20 @@ 'use client'; -import { AlertDialog, Button, Flex, Theme } from '@radix-ui/themes'; +import { CaretRightIcon } from '@radix-ui/react-icons'; +import { AlertDialog, Button, Flex, Text, Theme } from '@radix-ui/themes'; import '@radix-ui/themes/styles.css'; import { Analytics } from '@vercel/analytics/react'; import { config } from 'dotenv'; import { Roboto_Flex } from 'next/font/google'; import { usePathname } from 'next/navigation'; import { ReactNode, useEffect, useState } from 'react'; +import { SkyLine } from '../assets/art/SkyLine'; import Navbar from '../components/Navbar'; +import PageWrapper from '../components/PageWrapper'; import isDev from '../core/blitzkrieg/isDev'; import { isLocalhost } from '../core/blitzkrieg/isLocalhost'; import { useApp } from '../stores/app'; +import { mintTheme } from '../themes/mint'; config(); @@ -65,7 +69,6 @@ export default function RootLayout({ children }: RootLayoutProps) { suppressContentEditableWarning > {!isEmbed && } - Experimental version! @@ -96,6 +99,60 @@ export default function RootLayout({ children }: RootLayoutProps) { {children} + + + + + + + Blitzkrieg. Free forever. For everyone. + + + Consider supporting today 🍀 + + + + + + + + + + + + + diff --git a/src/assets/art/SkyLine.tsx b/src/assets/art/SkyLine.tsx new file mode 100644 index 000000000..222617429 --- /dev/null +++ b/src/assets/art/SkyLine.tsx @@ -0,0 +1,58 @@ +import { ComponentProps } from 'react'; + +export function SkyLine(props: ComponentProps<'svg'>) { + return ( + + + + + + + + + + + + + + + + ); +} diff --git a/src/themes/mint.ts b/src/themes/mint.ts new file mode 100644 index 000000000..9c63ae9be --- /dev/null +++ b/src/themes/mint.ts @@ -0,0 +1,6 @@ +import { mintDark } from '@radix-ui/colors'; +import { createColors } from 'bepaint'; + +export const mintTheme = { + colors: createColors(mintDark), +};