This web app displays yoga poses with descriptions and images. It offers both manual and automatic functionality for practicing yoga with timers and optional sounds. Here’s a breakdown of its features and behavior:

1. Displaying Yoga Poses

• Each yoga pose includes a name, an image, and a multi-line textual description.
• When a pose is shown, the content updates in the center “card” area of the app.
• The image is initially hidden until a pose is selected.

2. Manual Mode

• Click the “Random” button to display a single yoga pose at random.
• The app ensures that the same pose will not appear twice in a row.
• Poses are shown in a random sequence that cycles through all poses before repeating.

3. Auto Mode

• Set the desired interval using the “Pose Min” input (e.g., 1.5 for 90 seconds).
• Click “Auto” to start the automatic sequence.
• The app displays a new pose at the given interval, cycling randomly through all poses without repeats until all have been shown.
• A countdown timer appears in the top right corner of the card and updates every second.
• Clicking “Auto” again stops the auto mode.

4. Countdown Timer

• Use the “Countdown Min” field to enter a custom countdown (e.g., 2 for two minutes).
• Click “Countdown” to begin the timer.
• The timer counts down to 0 and optionally plays a sound when finished.

5. Optional Sound Alerts

• Select a sound from the dropdown menu: Bell, Chime, or Gong.
• The selected sound plays automatically when a new pose appears in auto mode or when the countdown ends.

6. Text Color Toggle

• Click “Toggle Text Color” to switch the text from black-on-white to white-on-dark and back again.

7. Full Screen Mode

• Click “Full Screen” to expand the pose card to fill the entire screen.
• While in full screen mode:
  • The font sizes for the title and description are increased for better readability.
  • The image of the pose is enlarged.
  • The background remains white by default unless the text color toggle is used.
• Tapping anywhere on the card exits full screen mode.

8. Responsive Layout

• The app is fully responsive for phones and tablets.
• Font sizes and image sizes adjust appropriately for smaller screens.
• The timer is enlarged and repositioned for readability on mobile devices.

All interactions happen within the browser, with no internet connection required once the page is loaded. Poses, descriptions, and images are preloaded into the script. The app is fast, minimal, and ideal for solo yoga practice sessions with timing and flow support.