From 67300d87d693b1f562249e4815a8782298da72bc Mon Sep 17 00:00:00 2001 From: matrixthecow Date: Sat, 30 Mar 2024 19:19:25 +0100 Subject: [PATCH] Hemligt --- .../app/(homepage)/layout.module.css | 92 ++++++++++++------- alexanderristinmaa/app/(homepage)/layout.tsx | 8 +- .../app/(homepage)/varfor/page.tsx | 3 - alexanderristinmaa/app/globals.css | 13 ++- alexanderristinmaa/app/hemligt/layout.tsx | 16 ++++ .../app/hemligt/page.module.css | 0 alexanderristinmaa/app/hemligt/page.tsx | 8 ++ alexanderristinmaa/app/icons.css | 10 ++ alexanderristinmaa/images/heart-icon.svg | 1 + 9 files changed, 109 insertions(+), 42 deletions(-) create mode 100644 alexanderristinmaa/app/hemligt/layout.tsx create mode 100644 alexanderristinmaa/app/hemligt/page.module.css create mode 100644 alexanderristinmaa/app/hemligt/page.tsx create mode 100644 alexanderristinmaa/app/icons.css create mode 100644 alexanderristinmaa/images/heart-icon.svg diff --git a/alexanderristinmaa/app/(homepage)/layout.module.css b/alexanderristinmaa/app/(homepage)/layout.module.css index 620a973..8ae58df 100644 --- a/alexanderristinmaa/app/(homepage)/layout.module.css +++ b/alexanderristinmaa/app/(homepage)/layout.module.css @@ -1,38 +1,60 @@ #nav { - background-color: aliceblue; - padding: 20px; + background-color: var(--header-rgb); + color: var(--header-foreground); + padding: 20px; + flex-shrink: 0; } - + #navLine { - display: flex; - flex-direction: row; - height: auto; -} - - .navLink { - padding: 8px; - display: inline-block; - margin: auto 0 auto 0; - } - - .navLeft { - display: flex; - justify-content: center; - } - - .navRight { - display: flex; - justify-content: center; - margin-left: auto; - } - - #navTitle { - font-size: 20px; - font-weight: bold; - padding: 8px; - display: inline-block; - } - - .main { - padding: 20px 80px; - } \ No newline at end of file + display: flex; + flex-direction: row; + height: auto; +} + +.navLink { + padding: 8px; + display: inline-block; + margin: auto 0 auto 0; +} + +.navLeft { + display: flex; + justify-content: center; +} + +.navRight { + display: flex; + justify-content: center; + margin-left: auto; +} + +#navTitle { + font-size: 20px; + font-weight: bold; + padding: 8px; + display: inline-block; + color: var(--highlight); +} + +#body { + display: flex; + flex-direction: column; + height: 100vh; +} + +#main { + padding: 20px 100px; + flex: 1 0 auto; +} + +#footer { + flex-shrink: 0; + height: 100px; + background-color: var(--highlight-weak); + padding: 20px; + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + white-space: pre-line; +} \ No newline at end of file diff --git a/alexanderristinmaa/app/(homepage)/layout.tsx b/alexanderristinmaa/app/(homepage)/layout.tsx index f7defe5..7352148 100644 --- a/alexanderristinmaa/app/(homepage)/layout.tsx +++ b/alexanderristinmaa/app/(homepage)/layout.tsx @@ -20,7 +20,7 @@ export default function RootLayout({ }>) { return ( - + -
+
{children}
+
+ Made with + av Alexander Ristinmaa 2024 +
); diff --git a/alexanderristinmaa/app/(homepage)/varfor/page.tsx b/alexanderristinmaa/app/(homepage)/varfor/page.tsx index 5deefe8..11b2813 100644 --- a/alexanderristinmaa/app/(homepage)/varfor/page.tsx +++ b/alexanderristinmaa/app/(homepage)/varfor/page.tsx @@ -1,6 +1,3 @@ -// nextjs -import Link from 'next/link' - // style import styles from './page.module.css'; diff --git a/alexanderristinmaa/app/globals.css b/alexanderristinmaa/app/globals.css index a4e7fb1..1bffdf6 100644 --- a/alexanderristinmaa/app/globals.css +++ b/alexanderristinmaa/app/globals.css @@ -1,5 +1,12 @@ +@import './icons.css'; + :root { - --foreground-rgb: 240, 240, 240; + --black: #0a0908ff; + --white: #f2f4f3ff; + --highlight: #EA9010; + --highlight-weak: #e5b065; + --beaver: #a9927dff; + --walnut-brown: #5e503fff; } * { @@ -12,9 +19,11 @@ html, body { max-width: 100vw; overflow-x: hidden; + background-color: var(--white); + color: var(--black); } a { color: inherit; text-decoration: none; -} +} \ No newline at end of file diff --git a/alexanderristinmaa/app/hemligt/layout.tsx b/alexanderristinmaa/app/hemligt/layout.tsx new file mode 100644 index 0000000..a14e64f --- /dev/null +++ b/alexanderristinmaa/app/hemligt/layout.tsx @@ -0,0 +1,16 @@ +export const metadata = { + title: 'Next.js', + description: 'Generated by Next.js', +} + +export default function RootLayout({ + children, +}: { + children: React.ReactNode +}) { + return ( + + {children} + + ) +} diff --git a/alexanderristinmaa/app/hemligt/page.module.css b/alexanderristinmaa/app/hemligt/page.module.css new file mode 100644 index 0000000..e69de29 diff --git a/alexanderristinmaa/app/hemligt/page.tsx b/alexanderristinmaa/app/hemligt/page.tsx new file mode 100644 index 0000000..a82d95c --- /dev/null +++ b/alexanderristinmaa/app/hemligt/page.tsx @@ -0,0 +1,8 @@ +// style +import styles from './page.module.css'; + +export default function Home() { + return ( +

Arvid luktar bajs

+ ); +} diff --git a/alexanderristinmaa/app/icons.css b/alexanderristinmaa/app/icons.css new file mode 100644 index 0000000..8459df8 --- /dev/null +++ b/alexanderristinmaa/app/icons.css @@ -0,0 +1,10 @@ +.icon { + background-size: contain; + display: inline-block; +} + +.heartIcon { + background-image: url('../images/heart-icon.svg'); + width: 1em; + height: 0.9em; +} \ No newline at end of file diff --git a/alexanderristinmaa/images/heart-icon.svg b/alexanderristinmaa/images/heart-icon.svg new file mode 100644 index 0000000..baba2a2 --- /dev/null +++ b/alexanderristinmaa/images/heart-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file