DRAFT
* When viewing an article with the mobile skin (Minerva), list out the existing stories associated with that article as thumbnails
* Include all of them or a subset (criteria TBD)
* The image in the thumbnail should be the first frame, with some zoom level so we can see the center feature of the image.
* Clicking a thumbnail bring the story viewer in a full screen popup and plays the story
* When the story is done playing, do we play the next story?
====Design details
- Designs are applicable for articles viewed on a mobile browser.
- Show attached stories to an article followed by an option to create a new story.
- Attached story uses the thumbnail which is the image from the first story page.
- Attached story has a title that is same as the story title.
|{F34951137 width=200}|
- If an article doesn't have a story attached, only show create a new story option.
- In case of multiple stories, fix the story image icon position and allow the horizontal scroll to access other stories.
|{F34951139 width=200}|
- Both logged in and logged out users can read stories attached to an article.
- A tap on a story will open it in a story viewer.
- Users can go back and forth to read story pages.
- If there is only one story attached to an article, don't show read next story button on last page of a story.
- If there is more than one story attached to an article, show read next story button, which randomly selects the next story attached to an article.
|{F34951142 width=200}|
- Tapping on the close icon will close a story and return to article.
**[[ https://www.figma.com/file/pj2ASYTU23ieu3hFvclMer/Wikistories?node-id=2188%3A22769 | Design file ]]**