diff --git a/app/about/page.tsx b/app/about/page.tsx index dc7ba6a..1311364 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -1,6 +1,3 @@ -import styles from "./page.module.css" -import {Footer, NavBar} from "@/app/util/wrapping_objects"; - export default function About() { return ( <> diff --git a/app/acknowledgements/page.tsx b/app/acknowledgements/page.tsx index c0bf7ab..3be8803 100644 --- a/app/acknowledgements/page.tsx +++ b/app/acknowledgements/page.tsx @@ -1,6 +1,3 @@ -import styles from "./page.module.css" -import {Footer, NavBar} from "@/app/util/wrapping_objects"; - export default function About() { return ( <> diff --git a/app/features/page.tsx b/app/features/page.tsx index 6d028c2..d24b361 100644 --- a/app/features/page.tsx +++ b/app/features/page.tsx @@ -1,6 +1,4 @@ //"use client" -import styles from "./page.module.css" -import {Footer, NavBar} from "@/app/util/wrapping_objects"; import React from 'react'; interface SectionProps { diff --git a/app/globals.css b/app/globals.css index 3e60340..1080537 100644 --- a/app/globals.css +++ b/app/globals.css @@ -12,22 +12,22 @@ :root { --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; font-family: "Splatoon", sans-serif; } body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); + 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; } - diff --git a/app/how-do-i/page.tsx b/app/how-do-i/page.tsx index 251fba5..0055186 100644 --- a/app/how-do-i/page.tsx +++ b/app/how-do-i/page.tsx @@ -1,6 +1,3 @@ -import styles from "./page.module.css"; -import {Footer, NavBar} from "@/app/util/wrapping_objects"; - export default function Stack() { return ( <> diff --git a/app/imprint/page.tsx b/app/imprint/page.tsx index e8396d9..caa4a8a 100644 --- a/app/imprint/page.tsx +++ b/app/imprint/page.tsx @@ -1,6 +1,3 @@ -import styles from "./page.module.css" -import {Footer, NavBar} from "@/app/util/wrapping_objects"; - export default function Imprint() { return ( <> diff --git a/app/layout.tsx b/app/layout.tsx index 68c467c..301b884 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,8 +1,9 @@ import './globals.css' -import type { Metadata } from 'next' -import { Inter } from 'next/font/google' +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'] }) @@ -20,7 +21,9 @@ export default function RootLayout({ - {children} +
+ {children} +
+ ) }