From 5d135d6de4d6bcabc269fb9947253755f9282607 Mon Sep 17 00:00:00 2001 From: trivernis Date: Wed, 22 May 2024 20:47:27 +0200 Subject: [PATCH] Fix page background --- src/app.html | 14 -------------- src/app.scss | 12 +++++++++++- src/routes/+page.svelte | 14 -------------- 3 files changed, 11 insertions(+), 29 deletions(-) diff --git a/src/app.html b/src/app.html index 7c86d9e..63a027b 100644 --- a/src/app.html +++ b/src/app.html @@ -9,20 +9,6 @@ %sveltekit.head% diff --git a/src/app.scss b/src/app.scss index a14dbfb..2af290d 100644 --- a/src/app.scss +++ b/src/app.scss @@ -1,9 +1,19 @@ @use "./colors.scss"; @import "https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css"; +html { + background-color:rgba(14, 1, 20, 1); + background-image: + radial-gradient(white, rgba(255,153,255,.2) 2px, transparent 40px), + radial-gradient(white, rgba(255,153,255,.15) 1px, transparent 30px), + radial-gradient(white, rgba(255,153,255,.1) 2px, transparent 50px), + radial-gradient(rgba(255,153,255,.4), rgba(255,153,255,.1) 2px, transparent 30px); + background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; + background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; +} + body { font-family: "Lexend","Noto Sans", "Verdana", sans-serif; - background-color: colors.$background; color: colors.$text; } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 465b7d2..f129de2 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -95,20 +95,6 @@ text-align: center; } - .github-stats { - margin: auto; - display: flex; - align-items: center; - flex-wrap: wrap; - width: 100%; - - img { - padding: 5px; - margin: auto; - display: flex; - max-width: 100%; - } - } @media screen and (max-width: 1000px) { .home-greeting { h1 {