Misc. UI fixes

create_and_populate.sql

@@ -53,36 +53,36 @@ CREATE TABLE preferences (
 -- POPULATE BASIC DATA FOR CHARACTERS
 
 INSERT INTO characters (name, description, image) VALUES
-('Chadwick Jones', 'You met Chadwick back in high school, where he used to be backup quarterback for the football team and made a habit of stealing your lunch money. He has calmed down a bit since then, and is occasionally good company to you. These days, he spends most of his time either investing in niche cryptocurrencies, or working on his personal development podcast called "Grind, Conquer, Repeat: How to pick up women, crush betas, and dominate the financial world". You always though this is a silly and convoluted title, but he insists it is catchy.', 'chadwick.png');
+('Chadwick Jones', 'You met Chadwick back in high school, where he used to be backup quarterback for the football team and made a habit of stealing your lunch money. He has calmed down a bit since then and is occasionally good company to you. These days, he spends most of his time either investing in niche cryptocurrencies or working on his personal development podcast called "Grind, Conquer, Repeat: How to pick up women, crush betas, and dominate the financial world". You always thought this was a silly and convoluted title, but he insists it is catchy.', 'chadwick.png');
 
 INSERT INTO characters (name, description, image) VALUES
-('Luna Moon', ' Luna is a free-spirited ray of sunshine, overflowing with warmth and boundless enthusiasm for the world around her. A proud vegan and a devoted advocate of all things natural, she swears by the healing power of crystals and will happily spend hours explaining their energies to anyone who will listen. She has a gift for making people feel heard, always offering a kind word or a thoughtful perspective. Lately, she''s been diving headfirst into the art of homebrewing kombucha, eagerly experimenting with bold new flavors. However, despite her best efforts, her concoctions remain almost unbearably gag-inducing. You adore her as a dear friend, but struggle to smile through every taste test. ', 'luna.png');
+('Luna Moon', 'Luna is a free-spirited ray of sunshine, overflowing with warmth and boundless enthusiasm for the world around her. A proud vegan and a devoted advocate of all things natural, she swears by the healing power of crystals and will happily spend hours explaining their energies to anyone who will listen. She has a gift for making people feel heard, always offering a kind word or a thoughtful perspective. Lately, she''s been diving headfirst into the art of homebrewing kombucha, eagerly experimenting with bold new flavors. However, despite her best efforts, her concoctions remain almost unbearably gag-inducing. You adore her as a dear friend, but struggle to smile through every taste test.', 'luna.png');
 
 INSERT INTO characters (name, description, image) VALUES
-('Glorp and Zorp', 'You met Glorp and Zorp on the weirdest night of your life—when a UFO beamed you straight out of bed by mistake. Realizing their cosmic blunder, they promptly zapped you back home, but not before snagging your number so you could all "hang" sometime. Say what you will about extraterrestrials, but these alien twins know how to throw down. Enthusiastic partygoers with an lack of understanding for human customs, they’re always up for a night out. Sure, they might still not completely understand tipping culture, but they''re a riot at your local bar—and honestly, who could say no to intergalactic drinking buddies?', 'glorpZorp.png');
+('Glorp and Zorp', 'You met Glorp and Zorp on the weirdest night of your life — when a UFO beamed you straight out of bed by mistake. Realizing their cosmic blunder, they promptly zapped you back home, but not before snagging your number so you could all "hang" sometime. Say what you will about extraterrestrials, but these alien twins know how to throw down. Enthusiastic partygoers with an lack of understanding for human customs, they''re always up for a night out. Sure, they might still not completely understand tipping culture, but they''re a riot at your local bar — and honestly, who could say no to intergalactic drinking buddies?', 'glorpZorp.png');
 
 INSERT INTO characters (name, description, image) VALUES 
-('Bella Blackthorn', 'Bella is a walking enigma, draped in shadows and wrapped in an air of timeless mystery. Her gothic style is as dark and captivating as her presence, with a flair for the dramatic that makes every glance feel like a scene from a lost Victorian novel. She revels in the macabre, her bookshelves overflowing with the works of Edgar Allan Poe and Mary Shelley—though she''d never admit to the well-worn stack of cheesy romance novels hidden behind them. With a sharp wit and a sharper tongue, she never holds back, yet there''s something undeniably charming about her biting remarks. A true creature of the night, she thrives after sundown, never quite explaining why you''ve never seen her in direct sunlight.', 'bella.png');
+('Bella Blackthorn', 'Bella is a walking enigma, draped in shadows and wrapped in an air of timeless mystery. Her gothic style is as dark and captivating as her presence, with a flair for the dramatic that makes every glance feel like a scene from a lost Victorian novel. She revels in the macabre, her bookshelves overflowing with the works of Edgar Allan Poe and Mary Shelley — though she''d never admit to the well-worn stack of cheesy romance novels hidden behind them. With a sharp wit and a sharper tongue, she never holds back, yet there''s something undeniably charming about her biting remarks. A true creature of the night, she thrives after sundown, never quite explaining why you''ve never seen her in direct sunlight.', 'bella.png');
 
 INSERT INTO characters (name, description, image) VALUES
-('Rex "The Flex" Thompson', 'Rex is basically a protein shake in the shape of a man. He lives by three rules: Lift heavy, eat big, and never skip arm day. His wardrobe consists exclusively of gym tanks, and his biceps have their own gravitational pull. He speaks almost entirely in gym metaphors, referring to life’s challenges as "mental PRs" and bad days as "rest days for the soul." Despite his meathead persona, he''s surprisingly wholesome—his ultimate dream isn’t just to be swole, but to help others be swole too. If you need a spot at the gym or an overenthusiastic pep talk, Rex is your guy. Just don’t ask him to stop flexing in every reflective surface.', 'rex.png');
+('Rex "The Flex" Thompson', 'Rex is basically a protein shake in the shape of a man. He lives by three rules: Lift heavy, eat big, and never skip arm day. His wardrobe consists exclusively of gym tanks, and his biceps have their own gravitational pull. He speaks almost entirely in gym metaphors, referring to life''s challenges as "mental PRs" and bad days as "rest days for the soul." Despite his meat-head persona, he''s surprisingly wholesome — his ultimate dream isn''t just to be swole, but to help others be swole too. If you need a spot at the gym or an overenthusiastic pep talk, Rex is your guy. Just don''t ask him to stop flexing in every reflective surface.', 'rex.png');
 
 INSERT INTO characters (name, description, image) VALUES
-('Harvey Greene, PhD', 'Dr. Harvey Green is a revered philosophy professor at a prestigious liberal arts university, known for his insightful lectures and packed office hours. He’s a kind and quiet soul, and he spends most of his time buried in books, contemplating life''s great mysteries.
+('Harvey Greene, PhD', 'Dr. Harvey Green is a revered philosophy professor at a prestigious liberal arts university, known for his insightful lectures and packed office hours. He''s a kind and quiet soul, and he spends most of his time buried in books, contemplating life''s great mysteries.
 But one night, at a late-night departmental mixer, he let slip a secret! Before academia, he was Howl, the enigmatic frontman of Midnight Manifesto, an internationally beloved cult rock band.
-These days, he’s traded guitars for books, volunteering at the local library and curating reading lists with the same passion he once poured into lyrics. He insists his rockstar days are behind him, but if you listen closely, you might catch him humming an old tune.', 'harvey.png');
+These days, he''s traded guitars for books, volunteering at the local library and curating reading lists with the same passion he once poured into lyrics. He insists his rockstar days are behind him, but if you listen closely, you might catch him humming an old tune.', 'harvey.png');
 
 INSERT INTO characters (name, description, image) VALUES
 ('Kieran Garvey', 'Kieran is a chef, self-proclaimed "foodie", and a master of the culinary arts. He spends his days experimenting with flavors, whipping up gourmet dishes, and sharing his culinary creations on social media. With a passion for all things delicious, Kieran is always on the lookout for the next big food trend. He has a knack for turning even the simplest ingredients into mouthwatering masterpieces. When he''s not in the kitchen, you can find him exploring local farmers'' markets or hunting down the best food trucks in town. Kieran believes that food is not just sustenance; it''s an experience to be savored and shared.', 'kieran.png');
 
 INSERT INTO characters (name, description, image) VALUES
 ('Madame Eloise', 
-'Madame Eloise is a self-proclaimed clairvoyant who operates out of a converted garden shed behind a gas station. Draped in flowing scarves and surrounded by an overwhelming number of incense sticks, she offers tarot readings, aura cleansings, and unsolicited advice about your love life. Her crystal ball is actually a snow globe from Niagara Falls, but she insists it still "channels vibes." She’s uncannily accurate about weirdly specific things—like when you’d lose your left sock or bump into your ex at the worst possible moment. Is she truly psychic? Who knows. But for $5 and a cup of chamomile tea, she’ll tell you your future, your past, and probably what you had for breakfast.', 
+'Madame Eloise is a self-proclaimed clairvoyant who operates out of a converted garden shed behind a gas station. Draped in flowing scarves and surrounded by an overwhelming number of incense sticks, she offers tarot readings, aura cleansings, and unsolicited advice about your love life. Her crystal ball is actually a snow globe from Niagara Falls, but she insists it still "channels vibes." She''s uncannily accurate about weirdly specific things — like when you''d lose your left sock or bump into your ex at the worst possible moment. Is she truly psychic? Who knows. But for $5 and a cup of chamomile tea, she''ll tell you your future, your past, and probably what you had for breakfast.', 
 'eloise.png');
 
 INSERT INTO characters (name, description, image) VALUES
 ('The Ghost of Gary',
-'The Ghost of Gary is a spectral figure who haunts the local library, eternally searching for his misplaced library card. He’s not a scary ghost; in fact, he’s more of a bumbling apparition who keeps knocking over bookshelves and accidentally scaring the librarian. Gary was once a passionate bookworm, and now he spends his afterlife trying to get people to read more. He often appears during late-night study sessions, offering unsolicited book recommendations and ghostly high-fives. If you’re lucky, he might even help you find that one book you’ve been searching for—if only he could remember where he put it.',
+'The Ghost of Gary is a spectral figure who haunts the local library, eternally searching for his misplaced library card. He''s not a scary ghost; in fact, he''s more of a bumbling apparition who keeps knocking over bookshelves and accidentally scaring the librarian. Gary was once a passionate bookworm, and now he spends his afterlife trying to get people to read more. He often appears during late-night study sessions, offering unsolicited book recommendations and ghostly high-fives. If you''re lucky, he might even help you find that one book you''ve been searching for — if only he could remember where he put it.',
 'ghost.png');
 
 
@@ -96,7 +96,7 @@ INSERT INTO activity_type (name, image) VALUES
 ('Entertainment', 'entertainment.png');
 
 INSERT INTO activity_type (name, image) VALUES
-('Sports', 'spots.png');
+('Sports', 'sports.png');
 
 INSERT INTO activity_type (name, image) VALUES
 ('Crafts', 'crafts.png');
@@ -195,7 +195,7 @@ INSERT INTO preferences (c_id, a_id, value) VALUES
 (8, 7, 2); -- Eloise loves reading tarot cards
 
 INSERT INTO preferences (c_id, a_id, value) VALUES
-(8, 7, 2); -- Eloise likes tennis
+(8, 13, 2); -- Eloise likes tennis
 
 INSERT INTO preferences (c_id, a_id, value) VALUES
 (9, 4, 2); -- Gary loves reading
@@ -223,3 +223,12 @@ INSERT INTO preferences (c_id, a_id, value) VALUES
 
 INSERT INTO preferences (c_id, a_id, value) VALUES
 (9, 5, -1); -- Gary dislikes working out
+
+INSERT INTO preferences (c_id, a_id, value) VALUES
+(5, 4, -2); -- Rex hates reading
+
+INSERT INTO preferences (c_id, a_id, value) VALUES
+(6, 3, -1); -- Harvey dislikes clubbing
+
+INSERT INTO preferences (c_id, a_id, value) VALUES
+(3, 8, -1); -- Glorp and Zorp dislike reading tarot cards

views/pages/game.ejs

@@ -80,7 +80,15 @@
             </div>
         </div>
 
-        <!-- Game Over Modal -->
+
+        <!-- Guest mode warning message -->
+        <p class="text-terminal-light-gray text-sm font-mono text-center px-4 mt-4">
+            <% if (!username) { %>
+                // Playing in guest mode means your progress will NOT be saved! //!
+            <% } %>
+        </p>
+    </div>
+    <!-- Game Over Modal -->
         <div id="game-over-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex justify-center items-center z-50">
             <div class="bg-terminal-accent p-8 rounded-lg shadow-lg max-w-md w-full">
                 <h2 class="text-3xl font-bold text-terminal-green text-center mb-4">GAME OVER</h2>
@@ -92,14 +100,6 @@
                 </div>
             </div>
         </div>
-
-        <!-- Guest mode warning message -->
-        <p class="text-terminal-light-gray text-sm font-mono text-center px-4 mt-4">
-            <% if (!username) { %>
-                // Playing in guest mode means your progress will NOT be saved! //!
-            <% } %>
-        </p>
-    </div>
 </div>
 
 <!-- Character tooltip that appears on hover -->