ita-social-projects / StreetCode

MIT License
19 stars 9 forks source link

Interesting facts block #26

Closed vladnvp closed 1 year ago

vladnvp commented 1 year ago

As a user I would like to see several interesting facts about a person/event so I will know more about it

Description This block will allow to user to view interesting facts about a person/event

Acceptance Criteria

  1. Title "Wow-факти" is displayed
  2. Interesting fact contains an image, title (no more than 68 symbols including spaces), and text no more than 600 symbols including spaces)
  3. 3 interesting facts are displayed at the same time
  4. If there are more than 250 symbols including spaces - "Трохи ще" button appears under the text and click on it opens a modal window to fit all available text. Only clicking on this button opens a modal window. -on a desktop and tablet version. On mobile version - a modal window is opened ,when you are clicking on a fact or "Трохи ще" button
  5. "Трохи ще" button should apears only when user choose card.
  6. If more than 1 fact is available the navigation indicators are displayed and are changing according to selected cards.
  7. Quantity of items in the navigation indicators at the bottom matches the number of interesting facts
  8. If more than 1 fact is available navigation arrows are displayed and a click on them moves on 1 fact forward or back. image
  9. If only one fact is displayed - it is located in the centre of block
  10. If only two facts are displayed - then one fact (chosen) in the center, and before and after it - doubled second fact, cards must be looped.
  11. If there are 3 or more facts displayed - just scroll through in a loop
  12. Сlicking on previous/next facts moves facts cards and moves clicked one to the front
  13. Facts cards must be looped.
  14. Every card has a short description (hint) of photo, its author or/and source. It`s located on the bottom of the photo. Hint is displayed when the card is chosen. Text disappears in 4 seconds and displays again when user hover over the photo.
  15. The layout of the StreetCode page must be adaptive: desktop (1920px, 1600px, 1025px), tablet (768px), mobile (360px).

Epic link (Epic) StreetCode page

vladnvp commented 1 year ago

UPD to acceptance criteria 1.Title "Цікаві факти" was changed to "Wow-факти" image

  1. "Читати більше" button was renamed to "Трохи ще"
vladnvp commented 1 year ago

UPD to acceptance criteria

  1. If there are more than 300 symbols including spaces - "Трохи ще" button appears under the text and clicking on it opens a modal window to fit all available text. Only click on this button opens a modal window. (NEW)
  2. If only one fact is displayed - it is located in the centre of block
  3. If only two facts are displayed - then one fact (chosen) in the center, and before and after it - doubled second fact
  4. If there are 3 or more facts displayed - just scroll through in a loop
  5. Сlicking on previous/next facts moves facts cards and moves clicked one to the front
  6. Facts cards must be looped.
vladnvp commented 1 year ago

UPD:

  1. If there are more than 300 250 symbols including spaces - "Трохи ще" button appears under the text and click on it opens a modal window to fit all available text. Only clicking on this button opens a modal window.
  2. Interesting fact contains an image, title (no more than 68 symbols including spaces), and text no more than 600 symbols including spaces)
ChornaOksana commented 8 months ago

UPD to Acceptance Criteria:

  1. If only two facts are displayed - then one fact (chosen) in the center, and before and after it - doubled second fact, cards must be looped.
  2. Every card has a short description (hint) of photo, its author or/and source. It`s located on the bottom of the photo. Hint is displayed when the card is chosen. Text disappears in 4 seconds and displays again when user hover over the photo.
AlbinaVorobiova commented 7 months ago

NEW item:

  1. The layout of the StreetCode page must be adaptive: desktop (1920px, 1600px, 1025px), tablet (768px), mobile (360px).
ChornaOksana commented 7 months ago

UPD:

  1. If more than 1 fact is available the navigation indicators are displayed and are changing according to selected cards. The term "progress bar" was changed onto "navigation indicators"