From 71215537618c815e706df188938837a348f78afb Mon Sep 17 00:00:00 2001
From: Antonio De Lucreziis <antonio.delucreziis@gmail.com>
Date: Fri, 22 Nov 2024 23:52:31 +0100
Subject: [PATCH] feat: phc branding

---
 public/phc-logo.png                | Bin 0 -> 1906 bytes
 src/components/LiveLeaderboard.tsx |  41 +++++++----------------------
 src/styles.css                     |   2 +-
 3 files changed, 11 insertions(+), 32 deletions(-)
 create mode 100644 public/phc-logo.png

diff --git a/public/phc-logo.png b/public/phc-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c8724feca01f183adc6b23d3714aa87b497a607
GIT binary patch
literal 1906
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

literal 0
HcmV?d00001

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 (
         <>
             <h3>
@@ -109,6 +78,16 @@ export const LiveLeaderboard = ({ roomId }: Props) => {
                     board: scoreboard.board.slice(page * 20, (page + 1) * 20),
                 }}
             />
+            <div class="position-fixed bottom right stack-v center">
+                <span>
+                    made with <code>&lt;3</code>
+                </span>
+
+                <div class="stack-h center">
+                    <span>by </span>
+                    <img style={{ height: '2rem' }} src="/phc-logo.png" alt="phc logo" />
+                </div>
+            </div>
         </>
     )
 }
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 */