From d882af592b786a56246429ea16db7838e229b88d Mon Sep 17 00:00:00 2001 From: Triston Armstrong Date: Mon, 1 Jan 2024 00:30:19 -0600 Subject: [PATCH] mess around with a playground --- pages/index.tsx | 5 +++++ pages/playground/index.tsx | 31 +++++++++++++++++++++++++++++++ styles/global.css | 22 +++++++++++++++------- 3 files changed, 51 insertions(+), 7 deletions(-) create mode 100644 pages/playground/index.tsx diff --git a/pages/index.tsx b/pages/index.tsx index 656ff83..2a4334f 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -85,6 +85,11 @@ export default function Landing({ jobs, skills, projects }: LandingProps) {

An endless trail of links to my personal notes

Go To Notes {'->'} + +
+

Experimental Stuff

+ Portfolio 2 {"->"} +
diff --git a/pages/playground/index.tsx b/pages/playground/index.tsx new file mode 100644 index 0000000..861442b --- /dev/null +++ b/pages/playground/index.tsx @@ -0,0 +1,31 @@ +import Head from "next/head"; + +export default function Home() { + return ( +
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ ) +} diff --git a/styles/global.css b/styles/global.css index 9bec671..abf4c7e 100644 --- a/styles/global.css +++ b/styles/global.css @@ -10,15 +10,23 @@ --white: #ffffffff; } + +.parent>* { + border-radius: 16px; + box-shadow: -10px 16px 25px #0004; +} + + + @layer components { -:root { - /* LOGO Theme colors */ - --rich-black: #071425ff; - --air-force-blue: #6f8fa5ff; - --light-blue: #a5c6cdff; - --white: #ffffffff; -} + :root { + /* LOGO Theme colors */ + --rich-black: #071425ff; + --air-force-blue: #6f8fa5ff; + --light-blue: #a5c6cdff; + --white: #ffffffff; + } .nav-bar { @apply px-5 py-2 bg-slate-500 bg-opacity-20 flex flex-col;