From 79706467c6d91cb490fa2040546aebae24933b6d Mon Sep 17 00:00:00 2001
From: crystaltine <donaldcenaaa@outlook.com>
Date: Mon, 14 Jul 2025 20:13:06 -0700
Subject: [PATCH 1/2] make about plant+bear smaller & plant closer to left wall

---
 src/components/about/AboutPage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/about/AboutPage.tsx b/src/components/about/AboutPage.tsx
index 336e70d..27dc03c 100644
--- a/src/components/about/AboutPage.tsx
+++ b/src/components/about/AboutPage.tsx
@@ -69,17 +69,17 @@ export const AboutPage = (props: {addHingeAnimation: boolean}) => {
         <img
           src="/about/about_plant.svg"
           alt="plant"
-          className="absolute bottom-[3vh] left-16 w-[140px] "
+          className="absolute bottom-[2vh] left-1/10 w-[100px]"
         />
         <img
           src="/about/about_bear.webp"
           alt="bear"
-          className="hidden lg:block absolute bottom-[3.6vh] z-40 right-3/10 lg:w-[220px]"
+          className="hidden lg:block absolute bottom-[3vh] z-40 right-3/10 lg:w-[220px]"
         />
         <img
           src="/about/about_bear_mobile.webp"
           alt="bear"
-          className="lg:hidden absolute bottom-[3.6vh] z-40 right-3/10 w-[150px]"
+          className="lg:hidden absolute bottom-[3.6vh] z-40 right-1/10 w-[150px]"
         />
         <FloorShownOnSmall />
       </div>

From 57ad230d3febf9c6b7f9515c7f865906cea83ba0 Mon Sep 17 00:00:00 2001
From: crystaltine <donaldcenaaa@outlook.com>
Date: Mon, 14 Jul 2025 20:13:27 -0700
Subject: [PATCH 2/2] increase threshold of About page hinge animation from 50%
 -> 70% of scrn height

---
 src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index e3bc21a..f302746 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -20,7 +20,7 @@ import { ArrowDown } from "lucide-react";
 const HORIZ_SCROLL_SPEED_MULTIPLIER = 0.5;
 
 // when to play the hinge animation on the about page
-const ABOUT_PAGE_HINGE_ANIMATION_THRESHOLD = window.innerHeight * 0.5;
+const ABOUT_PAGE_HINGE_ANIMATION_THRESHOLD = window.innerHeight * 0.7;
 
 function App() {
   const containerRef = useRef<HTMLDivElement>(null);