Websites/liljudd-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity

Migrate Layout

Browse source
This commit is contained in:
Aron Malcher 2023-11-09 13:52:24 +01:00
parent 7f03a846d7
commit 6a55d9d9e0
Signed by: aronmal
GPG key ID: 816B7707426FC612
3 changed files with 61 additions and 107 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
src/layouts/Layout.astro
View file

@ -1,51 +1,69 @@
---
interface Props {
title: string;
}
const { title } = Astro.props;
import { Footer, NavBar } from "src/pages/util/wrapping_objects";
import styles from "./util/wrapping_objects.module.css";
---
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Astro description" />
<meta
name="description"
content="The Splatoon Discord bot with unique features."
/>
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
<title>Lil Judd</title>
</head>
<body>
<NavBar />
<div class={styles.contentDiv}>
<slot />
</div>
<Footer />
</body>
</html>
<style is:global>
@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 {
--accent: 136, 58, 234;
--accent-light: 224, 204, 250;
--accent-dark: 49, 10, 101;
--accent-gradient: linear-gradient(
45deg,
rgb(var(--accent)),
rgb(var(--accent-light)) 30%,
white 60%
);
--foreground-rgb: 255, 255, 255;
font-family: "Splatoon", sans-serif;
}
html {
font-family: system-ui, sans-serif;
background: #13151a;
background-size: 224px;
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;
}
code {
font-family:
Menlo,
Monaco,
Lucida Console,
Liberation Mono,
DejaVu Sans Mono,
Bitstream Vera Sans Mono,
Courier New,
monospace;
body a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
li,
ul {
font-family: "Splatoon", sans-serif;
}
</style>

33
src/pages/globals.css
View file

@ -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;
}

31
src/pages/layout.tsx
View file

@ -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>
)
}