update footer
All checks were successful
continuous-integration/drone/push Build is passing

improve landing bg
This commit is contained in:
2023-06-26 01:14:35 +02:00
parent d78fe7b020
commit b228f3cd8d
3 changed files with 50 additions and 14 deletions

View File

@@ -4,7 +4,7 @@ import Button from "@/components/Button.astro";
<div class="h-[80vh] relative w-full overflow-x-hidden">
<aside
style="filter:blur(50px);"
style="filter:blur(70px);"
class="z-0 absolute top-0 flex items-center w-full h-full justify-center object-center object-contain"
id="landing-bg-container"
>

View File

@@ -10,7 +10,7 @@ const canvas = document.getElementById("landing-bg") as HTMLCanvasElement;
const initialPoints: Array<Point> = [{
x: 500,
y: 400,
color: "#8AFFAD",
color: "purple",
radius: Math.random() * 200
},
{
@@ -95,7 +95,7 @@ export class GradientBackground {
const y = offsetY + point.y;
// Create the gradient
const gradient = this.context.createRadialGradient(x, y, 0, x, y, 700);
const gradient = this.context.createRadialGradient(x, y, 0, x, y, 500);
gradient.addColorStop(0, color);
gradient.addColorStop(1, "rgba(0,0,0,0)");