diff --git a/index.html b/index.html index ee09994..3d1e841 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - + diff --git a/package.json b/package.json index f0b53eb..dcbc941 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "amerc-site", - "version": "0.65.0-instanthome", + "version": "0.66.0-backtotop", "private": true, "type": "module", "scripts": { diff --git a/src/Scene2D.jsx b/src/Scene2D.jsx index 85e24ef..f13fca7 100644 --- a/src/Scene2D.jsx +++ b/src/Scene2D.jsx @@ -7,7 +7,7 @@ import Account from './Account.jsx'; import TavernGame from './TavernGame.jsx'; import { api } from './api.js'; -const RELEASE = '0.65.0-instanthome'; +const RELEASE = '0.66.0-backtotop'; const NAV = [ { id: 'home', label: 'Tavern' }, @@ -100,9 +100,17 @@ function Reveal({ children, className = '', delay = 0, tag: Tag = 'div' }) { function Home({ setRoute }) { const [stats, setStats] = useState(null); + const [scrolled, setScrolled] = useState(false); + const homeRef = useRef(null); useEffect(() => { api('/agents/stats').then(setStats).catch(() => {}); }, []); + useEffect(() => { + const el = homeRef.current; if (!el) return; + const onScroll = () => setScrolled(el.scrollTop > 500); + el.addEventListener('scroll', onScroll, { passive: true }); + return () => el.removeEventListener('scroll', onScroll); + }, []); return ( -