change requests

Author: corwintines

app/[locale]/10years/_components/TenYearGlobe.tsx

@@ -73,6 +73,7 @@ const TenYearGlobe = ({ events }: { events: EventData[] }) => {
     if (globeRef.current) {
       globeRef.current.controls().autoRotate = true
       globeRef.current.controls().enablePan = false
+      globeRef.current.controls().enableZoom = false
       globeRef.current.controls().autoRotateSpeed = 2.0
       globeRef.current.pointOfView({ lat: 0, lng: 0, altitude: 1.8 })
 
@@ -101,6 +102,27 @@ const TenYearGlobe = ({ events }: { events: EventData[] }) => {
   )
   const [isTooltipHovered, setIsTooltipHovered] = useState(false)
   const [isMarkerHovered, setIsMarkerHovered] = useState(false)
+  const lastScrollY = useRef(0)
+
+  useEffect(() => {
+    const handleScroll = () => {
+      const currentScrollY = window.scrollY
+      const scrollDiff = Math.abs(currentScrollY - lastScrollY.current)
+
+      // Close tooltip if scrolled more than 20px
+      if (scrollDiff > 20) {
+        setHoveredEvent(null)
+        setTooltipPos(null)
+        setIsTooltipHovered(false)
+        setIsMarkerHovered(false)
+      }
+
+      lastScrollY.current = currentScrollY
+    }
+
+    window.addEventListener("scroll", handleScroll)
+    return () => window.removeEventListener("scroll", handleScroll)
+  }, [])
 
   // Memoize the Globe to prevent rerender on tooltip state changes
   const MemoizedGlobe = (

app/[locale]/10years/_components/TenYearHomeBanner.tsx

@@ -17,8 +17,10 @@ const TenYearHomeBanner = () => {
           alt=""
           className="mx-auto -mb-2 -mt-16 max-w-[500px] object-contain sm:-mt-24 md:-mt-32"
         />
-        <TenYearDesktopText className="mx-auto mb-4 hidden w-full max-w-[800px] object-contain text-body md:block" />
-        <TenYearMobileText className="mx-auto mb-4 block w-full max-w-[400px] object-contain text-body md:hidden" />
+        <div className="flex justify-center">
+          <TenYearDesktopText className="mb-4 hidden object-contain text-body md:block" />
+          <TenYearMobileText className="mb-4 block object-contain text-body md:hidden" />
+        </div>
         <div className="mb-4 flex flex-col gap-2">
           <p>
             <strong>On July 30, 2015, at 3:44 p.m. UTC,</strong> the first block

app/[locale]/page.tsx

@@ -21,6 +21,7 @@ import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 import {
   BASE_TIME_UNIT,
   BLOG_FEEDS,
+  BLOGS_WITHOUT_FEED,
   CALENDAR_DISPLAY_COUNT,
   RSS_DISPLAY_COUNT,
 } from "@/lib/constants"
@@ -110,7 +111,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     name: source,
     href: sourceUrl,
   })) as CommunityBlog[]
-  // blogLinks.push(...BLOGS_WITHOUT_FEED)
+  blogLinks.push(...BLOGS_WITHOUT_FEED)
 
   const props = {
     calendar,