Migrate Layout
This commit is contained in:
parent
7f03a846d7
commit
6a55d9d9e0
GPG key ID:
816B7707426FC612
3 changed files with 61 additions and 107 deletions
|
|
@ -1,51 +1,69 @@
|
||||||
---
|
---
|
||||||
interface Props {
|
import { Footer, NavBar } from "src/pages/util/wrapping_objects";
|
||||||
title: string;
|
import styles from "./util/wrapping_objects.module.css";
|
||||||
}
|
|
||||||
|
|
||||||
const { title } = Astro.props;
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="description" content="Astro description" />
|
<meta
|
||||||
<meta name="viewport" content="width=device-width" />
|
name="description"
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
content="The Splatoon Discord bot with unique features."
|
||||||
<meta name="generator" content={Astro.generator} />
|
/>
|
||||||
<title>{title}</title>
|
<meta name="viewport" content="width=device-width" />
|
||||||
</head>
|
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
||||||
<body>
|
<meta name="generator" content={Astro.generator} />
|
||||||
<slot />
|
<title>Lil Judd</title>
|
||||||
</body>
|
</head>
|
||||||
|
<body>
|
||||||
|
<NavBar />
|
||||||
|
<div class={styles.contentDiv}>
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
|
<Footer />
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
<style is:global>
|
<style is:global>
|
||||||
:root {
|
@font-face {
|
||||||
--accent: 136, 58, 234;
|
font-family: "Splatoon";
|
||||||
--accent-light: 224, 204, 250;
|
font-style: normal;
|
||||||
--accent-dark: 49, 10, 101;
|
font-weight: 400;
|
||||||
--accent-gradient: linear-gradient(
|
src:
|
||||||
45deg,
|
url("/assets/fonts/Splatoon2-common.woff2") format("woff2"),
|
||||||
rgb(var(--accent)),
|
url("/assets/fonts/Splatoon2-common.woff") format("woff");
|
||||||
rgb(var(--accent-light)) 30%,
|
}
|
||||||
white 60%
|
|
||||||
);
|
:root {
|
||||||
}
|
--foreground-rgb: 255, 255, 255;
|
||||||
html {
|
font-family: "Splatoon", sans-serif;
|
||||||
font-family: system-ui, sans-serif;
|
}
|
||||||
background: #13151a;
|
|
||||||
background-size: 224px;
|
body {
|
||||||
}
|
color: rgb(var(--foreground-rgb));
|
||||||
code {
|
background-color: black;
|
||||||
font-family:
|
background-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/bg.jpg");
|
||||||
Menlo,
|
background-repeat: repeat;
|
||||||
Monaco,
|
background-size: 300px;
|
||||||
Lucida Console,
|
background-position: center;
|
||||||
Liberation Mono,
|
min-height: 100vh;
|
||||||
DejaVu Sans Mono,
|
display: flex;
|
||||||
Bitstream Vera Sans Mono,
|
flex-direction: column;
|
||||||
Courier New,
|
justify-content: space-between;
|
||||||
monospace;
|
}
|
||||||
}
|
|
||||||
|
body a,
|
||||||
|
p,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6,
|
||||||
|
span,
|
||||||
|
li,
|
||||||
|
ul {
|
||||||
|
font-family: "Splatoon", sans-serif;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
@tailwind base;
|
|
||||||
@tailwind components;
|
|
||||||
@tailwind utilities;
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Splatoon';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url('/assets/fonts/Splatoon2-common.woff2') format('woff2'),
|
|
||||||
url('/assets/fonts/Splatoon2-common.woff') format('woff');
|
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--foreground-rgb: 255, 255, 255;
|
|
||||||
font-family: "Splatoon", sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
color: rgb(var(--foreground-rgb));
|
|
||||||
background-color: black;
|
|
||||||
background-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/bg.jpg");
|
|
||||||
background-repeat: repeat;
|
|
||||||
background-size: 300px;
|
|
||||||
background-position: center;
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
body a,p,h1,h2,h3,h4,h5,h6,span,li,ul {
|
|
||||||
font-family: "Splatoon", sans-serif;
|
|
||||||
}
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
import './globals.css'
|
|
||||||
import type {Metadata} from 'next'
|
|
||||||
import {Inter} from 'next/font/google'
|
|
||||||
import React from "react";
|
|
||||||
import {Footer, NavBar} from "@/app/util/wrapping_objects";
|
|
||||||
import styles from "./util/wrapping_objects.module.css";
|
|
||||||
|
|
||||||
const inter = Inter({ subsets: ['latin'] })
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
|
||||||
title: 'Lil Judd',
|
|
||||||
description: 'The Splatoon Discord bot with unique features.',
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function RootLayout({
|
|
||||||
children,
|
|
||||||
}: {
|
|
||||||
children: React.ReactNode
|
|
||||||
}) {
|
|
||||||
return (
|
|
||||||
<html lang="en">
|
|
||||||
<body className={inter.className}>
|
|
||||||
<NavBar/>
|
|
||||||
<div className={styles.contentDiv}>
|
|
||||||
{children}
|
|
||||||
</div>
|
|
||||||
<Footer/>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue