From 8bf6e2814bf2f95e5504cc09bc28b947f2983c92 Mon Sep 17 00:00:00 2001 From: Yannik <80621863+vaporvee@users.noreply.github.com> Date: Sat, 20 May 2023 17:47:59 +0200 Subject: [PATCH] added some shadowing to the wip --- src/layouts/Base.astro | 7 ++++++- src/pages/index.astro | 7 +++---- src/styles/global.scss | 14 +++++++++++++- 3 files changed, 22 insertions(+), 6 deletions(-) diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index 7b76076..4fac6a7 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -1,5 +1,6 @@ --- let { title } = Astro.props; +import "../styles/global.scss" --- @@ -10,5 +11,9 @@ let { title } = Astro.props; {title} - + +
+ +
+ diff --git a/src/pages/index.astro b/src/pages/index.astro index 82d1c91..8e492b2 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,6 +1,5 @@ --- import Base from "../layouts/Base.astro"; -import "../styles/global.scss"; --- @@ -9,9 +8,9 @@ import "../styles/global.scss";

Hey👋,

- this is my personal website wich gets a rewrite rignt now.
- My name is Yannik aka vaporvee and I'm 19 years old. - In my freetime i'm a gamedev and i code in C++, Godot Engine's GDScript and C#. + this is my personal website wich gets a rewrite rignt now.
+ My name is Yannik aka vaporvee and I'm 19 years old.
+ In my freetime i'm a gamedev and i code in C++, Godot Engine's GDScript and C#.
If you want to see the progress on this website visit github.com/vaporvee/web

diff --git a/src/styles/global.scss b/src/styles/global.scss index ad0cc42..04e4d9c 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -4,6 +4,15 @@ body { font-family: system-ui, sans-serif; background-color: #0a0a0a; } +.page{ + margin: -10px; + width: 100%; + height: 100%; + box-shadow: + inset 60px 0 120px rgba($primary-color, 0.2), + inset -60px 0 120px rgba($accent-color, 0.07); + position: absolute; +} .wip-title { margin-top: 100px; @@ -23,9 +32,12 @@ body { .card { position: absolute; background-color: #1d1d1d; + border-style: solid; + border-color: #2d2d2d; + border-width: 1px; color: white; padding: 35px; - width: 50%; + width: 45%; margin:0; top: 50%; left: 50%;