vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added some shadowing to the wip

Browse Source
This commit is contained in:
Yannik
2023-05-20 17:47:59 +02:00
parent bc881fd129
commit 8bf6e2814b
3 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/layouts/Base.astro
View File

@@ -1,5 +1,6 @@
---
let { title } = Astro.props;
import "../styles/global.scss"
---
<html lang="en">
@@ -10,5 +11,9 @@ let { title } = Astro.props;
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
<body><slot /></body>
<body>
<div class="page">
<slot />
</div>
</body>
</html>

5
src/pages/index.astro
View File

@@ -1,6 +1,5 @@
---
import Base from "../layouts/Base.astro";
import "../styles/global.scss";
---
<Base title="Work in progress">
@@ -10,8 +9,8 @@ import "../styles/global.scss";
Hey👋,<br>
<br>
this is my personal website wich gets a rewrite rignt now.<br>
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#.
My name is Yannik aka vaporvee and I'm 19 years old.<br>
In my freetime i'm a gamedev and i code in C++, Godot Engine's GDScript and C#.<br>
If you want to see the progress on this website visit <a href="https://github.com/vaporvee/web">github.com/vaporvee/web</a>
</p>
</div>

14
src/styles/global.scss
View File

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