diff --git a/public/phc-logo.png b/public/phc-logo.png new file mode 100644 index 0000000..6c8724f Binary files /dev/null and b/public/phc-logo.png differ diff --git a/src/components/LiveLeaderboard.tsx b/src/components/LiveLeaderboard.tsx index 873dd94..04316d1 100644 --- a/src/components/LiveLeaderboard.tsx +++ b/src/components/LiveLeaderboard.tsx @@ -3,8 +3,6 @@ import type { Room } from '@/db/model' import { useEffect, useRef, useState } from 'preact/hooks' import { Leaderboard } from './Leaderboard' import { computeScoreboardState } from '@/ggwp' -import clsx from 'clsx' -import { formatDate } from 'date-fns' import { Clock } from './Clock' type Props = { @@ -68,35 +66,6 @@ export const LiveLeaderboard = ({ roomId }: Props) => { } }, []) - // useEffect(() => { - // const PIXELS_PER_MILLISECOND = [1, 1000 / 30] // e.g. [1, 10] means 1px every 10ms - - // if (autoscroll !== false) { - // timerRef.current = setInterval(() => { - // console.log('scrolling') - - // window.scrollBy({ - // top: autoscroll === 'down' ? PIXELS_PER_MILLISECOND[0] : -PIXELS_PER_MILLISECOND[0], - // behavior: 'instant', - // }) - - // if (window.scrollY + window.innerHeight + 1 > document.body.scrollHeight) { - // setAutoscroll('up') - // } - - // if (window.scrollY === 0) { - // setAutoscroll('down') - // } - // }, PIXELS_PER_MILLISECOND[1]) - - // return () => { - // if (timerRef.current) { - // clearInterval(timerRef.current) - // } - // } - // } - // }, [autoscroll]) - return ( <>

@@ -109,6 +78,16 @@ export const LiveLeaderboard = ({ roomId }: Props) => { board: scoreboard.board.slice(page * 20, (page + 1) * 20), }} /> +
+ + made with <3 + + +
+ by + phc logo +
+
) } diff --git a/src/styles.css b/src/styles.css index 75f2885..cdf55ed 100644 --- a/src/styles.css +++ b/src/styles.css @@ -16,7 +16,7 @@ body { } img { - display: block; + display: inline-block; } /* Root */