From 3187ff439ba84af02860b86d39f403e2f5152385 Mon Sep 17 00:00:00 2001 From: tymur999 Date: Sun, 12 Apr 2026 15:53:01 -0500 Subject: [PATCH] add welcome to canvas --- src/index/Canvas.tsx | 16 ++++++++-------- src/index/canvas.sass | 1 - 2 files changed, 8 insertions(+), 9 deletions(-) diff --git a/src/index/Canvas.tsx b/src/index/Canvas.tsx index ba1eb44..fc1d6dc 100644 --- a/src/index/Canvas.tsx +++ b/src/index/Canvas.tsx @@ -2,8 +2,7 @@ import "./canvas.sass"; import {motion} from "framer-motion"; import {Canvas as ThreeCanvas, useFrame} from "@react-three/fiber"; import {Moon} from "./Moon"; -import {AnimateSpin} from "../animations"; -import {BakeShadows, Environment, OrbitControls, Preload, useTexture} from "@react-three/drei"; +import {BakeShadows, Environment, Html, OrbitControls, Preload, useTexture} from "@react-three/drei"; import Jupiter from "../img/2k_jupiter.webp"; import Makemake from "../img/2k_makemake_fictional.webp"; import Ceres from "../img/2k_ceres_fictional.webp"; @@ -17,26 +16,27 @@ import * as THREE from "three"; useTexture.preload([Jupiter, Makemake, Ceres, Haumea, MilkyWay, SaturnRings]); export default function Canvas() { - // fade animation sync with loading return (
- + + +

+ Welcome to my blog +

+
- - Welcome to my blog -

Drag to orbit

@@ -61,7 +61,7 @@ function Rings() { // To avoid seeing the backside as invisible, use DoubleSide. // We should also use a RingGeometry rather than a CircleGeometry so it is empty in the center. - return + return diff --git a/src/index/canvas.sass b/src/index/canvas.sass index bbcc999..30f4794 100644 --- a/src/index/canvas.sass +++ b/src/index/canvas.sass @@ -14,7 +14,6 @@ flex-grow: 1 .welcome - position: absolute font-family: Neuton, serif .tooltip