Skip to content

Add 6 new trivia questions with photos make ui more responsive#186

Merged
burinc merged 5 commits intoClojureCivitas:mainfrom
burinc:more-trivia
Nov 16, 2025
Merged

Add 6 new trivia questions with photos make ui more responsive#186
burinc merged 5 commits intoClojureCivitas:mainfrom
burinc:more-trivia

Conversation

@burinc
Copy link
Copy Markdown
Collaborator

@burinc burinc commented Nov 16, 2025

  • Add conj-2025_9001.jpg through 9006.jpg (6 new conference photos)
  • Add trivia questions for: hallway conversations, conference meals,
    speaker preparation, conference swag, photo sharing, and learning outcomes
  • Expands game from 45 to 51 total questions
  • UI should be more responsive, thanks to the feedback from borkdude!
Screenshot 2025-11-16 at 16 20 46

- Add conj-2025_9001.jpg through 9006.jpg (6 new conference photos)
- Add trivia questions for: hallway conversations, conference meals,
  speaker preparation, conference swag, photo sharing, and learning outcomes
- Expands game from 45 to 51 total questions
- Add CSS media queries for tablet and mobile
- Stack image and questions vertically on small screens
- Adjust font sizes and button padding for mobile
- Optimize image heights for portrait mode
- Make touch targets more accessible
- Move slide counter and score to top of navigation area
- Stack buttons below for more compact vertical layout
- Make Previous/Next buttons equal width (flex: 1)
- Optimize button sizes and padding for mobile devices
- Improve visual hierarchy and touch target accessibility
- Detect system dark mode preference with prefers-color-scheme
- Dark backgrounds: #1a1a1a container, #2d2d2d cards
- Light text colors: #e0e0e0 for headings, #b0b0b0 for secondary
- Green title accent (#66bb6a) in dark mode
- Dark button backgrounds (#3d3d3d) with proper contrast
- Maintain correct/incorrect answer colors for accessibility
- Deeper shadows for better depth perception in dark mode
- Change from body to #trivia-app-root selector
- Only style the React app container, not entire page
- Fix light mode: page content remains readable
- Fix dark mode: remove white border around game
- Use transparent backgrounds for proper layering
@burinc burinc merged commit bc6c04d into ClojureCivitas:main Nov 16, 2025
@burinc burinc deleted the more-trivia branch November 16, 2025 21:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant