From 1171f063ddf275406a3d404e1495c423b40fc706 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Tue, 23 Jun 2026 13:53:21 -0700
Subject: add tutorial notes for colored guess states

---
 server/data/songs.ts               | 3 ++-
 src/components/InfoPopUp/index.tsx | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/server/data/songs.ts b/server/data/songs.ts
index d23468f..609131e 100644
--- a/server/data/songs.ts
+++ b/server/data/songs.ts
@@ -1,4 +1,5 @@
 export const songs = [
+{ artist: "Hearts2Hearts", name: "Lemon Tang", youtubeId: "BEPSc8q6Bd8" },
 { artist: "Hearts2Hearts", name: "15-LOVE", youtubeId: "mZsHggY8G6M" },
 { artist: "Hearts2Hearts", name: "Baby Steps", youtubeId: "R9FoZROL4Dc" },
 { artist: "Hearts2Hearts", name: "heart emoji (♡)", youtubeId: "MDt60jU3O2w" },
@@ -433,4 +434,4 @@ export const songs = [
 { artist: "FIFTY FIFTY", name: "Took It Too Far", youtubeId: "FoXdqgkI338" },
 { artist: "LE SSERAFIM, KATSEYE, ILLIT", name: "ICONIC BY MISTAKE", youtubeId: "LVcbpFaGc_o" },
 { artist: "i-dle", name: "Crow", youtubeId: "pbgdEwVhWjU" },
-]
+]
\ No newline at end of file
diff --git a/src/components/InfoPopUp/index.tsx b/src/components/InfoPopUp/index.tsx
index 92ad52c..ba9f233 100644
--- a/src/components/InfoPopUp/index.tsx
+++ b/src/components/InfoPopUp/index.tsx
@@ -23,6 +23,13 @@ export function InfoPopUp({ onClose }: Props) {
         <Styled.Section>
           <p>Answer in as few tries as possible and share your score!</p>
         </Styled.Section>
+        <Styled.Spacer />
+        <Styled.Section>
+          <p>⬜ Skipped</p>
+          <p>🟥 Incorrect Song, Incorrect Artist</p>
+          <p>🟨 Correct Artist, Incorrect Song</p>
+          <p>🟩 You guessed it!</p>
+        </Styled.Section>
         <Button variant="green" style={{ marginTop: 20 }} onClick={onClose}>
           Play
         </Button>
-- 
cgit v1.2.3