Change Details

====Description This task aims to implement key navigational and informational elements, including site chrome, navigation icons, and footers, across both the WikiHighlights and long-text microsites. ====Design **1. WikiHighlights microsite** |{F37926023 width=260}|{F37926022 width=260}|{F38101461 width=260}| - Site chrome on category page: Add a header with the centered site title. It appears when the user stops scrolling. - Site chrome on individual highlight pages: No site chrome will be visible. A fixed 'back' icon will allow users to navigate back to the category page. - Footer: Place a fixed footer on the category pages containing the following fine-print: //"The text has been generated by an LLM, adapted from Wikipedia, and is based on CC-BY-SA 4.0 licensed material."// **2. Long-form articles microsite** |{F37926029 width=260}|{F37926028 width=260}| - Site chrome on category page: Add a header with the centered site title. It appears when the user stops scrolling. - Site chrome on individual article pages: The site title remains centered. A back arrow appears on the left, allowing navigation back to the category page. - Footer: Insert a fixed footer on the category pages that includes the same fine-print as the WikiHighlights footer. **3. Common Interactions:** - Tap on the site title: Takes the user to the category page. - Tap on the back arrow: Takes the user to the category page. - Tap on the device soft back key: Triggers a browser's default dialog prompt when the user is at the point where the next press of the back button would exit the microsite. The prompt will ask the user to confirm their intention to leave. Upon confirmation, the user is taken back to where they were before entering the site. **4. Microsite Title:** **a)Title Options for WikiHighlights microsite:** WikiHighlights, SnapHighlights, QuickHighlights **b)Title Options for Long-form articles microsite:** LongReads, ArticleFocus, InDepthText **5. Technical Specifications** - Font style: Default browser font - Font size: 24px - Letter spacing: 3% - Text transform: Titlecase - Alignment: Center-aligned - Color: #000000 (Black) **6.Files** [[ https://www.figma.com/file/xx0TPcZleutgFPUIy6rcUI/Automated%2C-Human-reviewed%2C-visual-article-summaries?type=design&node-id=1888%3A745&mode=design&t=DfyT1FEVpyH67PN5-1 | Design file ]] {F37926351} {F37926353} ====Acceptance Criteria - Chrome appears on the home page and includes the microsite's title. - Back icon is present on all highlight pages and functions as expected. - Back icon is present on individual article pages and functions as expected. - Footer is present on category pages and contains a fine-print section.

====Description This task aims to implement key navigational and informational elements, including site chrome, navigation icons, and footers, across both the WikiHighlights and long-text microsites. ====Design **1. WikiHighlights microsite** |{F37926023 width=260}|{F37926022 width=260}|{F38101461 width=260}| - Site chrome on category page: Add a header with the centered site title. It appears when the user stops scrolling. - Site chrome on individual highlight pages: No site chrome will be visible. A fixed 'back' icon will allow users to navigate back to the category page. - Footer: Place a fixed footer on the category pages containing the following fine-print: //"The text has been generated by an LLM, adapted from Wikipedia, and is based on CC-BY-SA 4.0 licensed material."// **2. Long-form articles microsite** |{F37926029 width=260}|{F37926028 width=260}| - Site chrome on category page: Add a header with the centered site title. It appears when the user stops scrolling. - Site chrome on individual article pages: The site title remains centered. A back arrow appears on the left, allowing navigation back to the category page. - Footer: Insert a fixed footer on the category pages that includes the same fine-print as the WikiHighlights footer. **3. Common Interactions:** - Tap on the site title: Takes the user to the category page. - Tap on the back arrow: Takes the user to the category page. - Tap on the device soft back key: Triggers a browser's default dialog prompt when the user is at the point where the next press of the back button would exit the microsite. The prompt will ask the user to confirm their intention to leave. Upon confirmation, the user is taken back to where they were before entering the site. **6.Files** [[ https://www.figma.com/file/xx0TPcZleutgFPUIy6rcUI/Automated%2C-Human-reviewed%2C-visual-article-summaries?type=design&node-id=1888%3A745&mode=design&t=DfyT1FEVpyH67PN5-1 | Design file ]] {F37926351} {F37926353} ====Acceptance Criteria - Chrome appears on the home page and includes the microsite's title. - Back icon is present on all highlight pages and functions as expected. - Back icon is present on individual article pages and functions as expected. - Footer is present on category pages and contains a fine-print section.

====Description This task aims to implement key navigational and informational elements, including site chrome, navigation icons, and footers, across both the WikiHighlights and long-text microsites. ====Design **1. WikiHighlights microsite** |{F37926023 width=260}|{F37926022 width=260}|{F38101461 width=260}| - Site chrome on category page: Add a header with the centered site title. It appears when the user stops scrolling. - Site chrome on individual highlight pages: No site chrome will be visible. A fixed 'back' icon will allow users to navigate back to the category page. - Footer: Place a fixed footer on the category pages containing the following fine-print: //"The text has been generated by an LLM, adapted from Wikipedia, and is based on CC-BY-SA 4.0 licensed material."// **2. Long-form articles microsite** |{F37926029 width=260}|{F37926028 width=260}| - Site chrome on category page: Add a header with the centered site title. It appears when the user stops scrolling. - Site chrome on individual article pages: The site title remains centered. A back arrow appears on the left, allowing navigation back to the category page. - Footer: Insert a fixed footer on the category pages that includes the same fine-print as the WikiHighlights footer. **3. Common Interactions:** - Tap on the site title: Takes the user to the category page. - Tap on the back arrow: Takes the user to the category page. - Tap on the device soft back key: Triggers a browser's default dialog prompt when the user is at the point where the next press of the back button would exit the microsite. The prompt will ask the user to confirm their intention to leave. Upon confirmation, the user is taken back to where they were before entering the site. **4. Microsite Title:** **a)Title Options for WikiHighlights microsite:** WikiHighlights, SnapHighlights, QuickHighlights **b)Title Options for Long-form articles microsite:** LongReads, ArticleFocus, InDepthText **5. Technical Specifications** - Font style: Default browser font - Font size: 24px - Letter spacing: 3% - Text transform: Titlecase - Alignment: Center-aligned - Color: #000000 (Black) **6.Files** [[ https://www.figma.com/file/xx0TPcZleutgFPUIy6rcUI/Automated%2C-Human-reviewed%2C-visual-article-summaries?type=design&node-id=1888%3A745&mode=design&t=DfyT1FEVpyH67PN5-1 | Design file ]] {F37926351} {F37926353} ====Acceptance Criteria - Chrome appears on the home page and includes the microsite's title. - Back icon is present on all highlight pages and functions as expected. - Back icon is present on individual article pages and functions as expected. - Footer is present on category pages and contains a fine-print section.