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 **WikiHighlights microsite** - 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 'Close' icon ('x') will allow users to navigate back to the home or category page. - Footer: Place a fixed footer on the category pages containing the following fine-print: "All content here is adapted from Wikipedia and is available under a CC-BY-SA-4.0 license. For image licenses, click here. We use cookies to improve your experience. By using this site, you agree to our privacy policy and terms of use." Note: The footer text might change based on the feedback. **Long-form articles microsite** - 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. **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 (Long-form articles microsite). - Tap on the close icon: Takes the user to the category page (only applicable for the WikiHighlights Microsite). - 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. - Tap on links in footer: Navigates to individual pages included in the fine print, like licensing and privacy policy. ====Acceptance Criteria ====Test Scenarios

====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 **WikiHighlights microsite** - 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 'Close' icon ('x') will allow users to navigate back to the home or category page. - Footer: Place a fixed footer on the category pages containing the following fine-print: "All content here is adapted from Wikipedia and is available under a CC-BY-SA-4.0 license. For image licenses, click here. We use cookies to improve your experience. By using this site, you agree to our privacy policy and terms of use." Note: The footer text might change based on the feedback. **Long-form articles microsite** - 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. **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 (Long-form articles microsite). - Tap on the close icon: Takes the user to the category page (only applicable for the WikiHighlights Microsite). - 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. - Tap on links in footer: Navigates to individual pages included in the fine print, like licensing and privacy policy. **Microsite Titles:** For WikiHighlights microsite **Options for title:** WikiHighlights, SnapHighlights, QuickHighlights For long-form articles microsite **Options for Title:** LongReads, ArticleFocus, InDepthText **Technical Specifications** - Font style: Default browser font - Font size: 24px - Letter spacing: 3% - Text transform: Titlecase - Alignment: Center-aligned - Color: #000000 (Black) ====Acceptance Criteria ====Test Scenarios

====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 **WikiHighlights microsite** - 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 'Close' icon ('x') will allow users to navigate back to the home or category page. - Footer: Place a fixed footer on the category pages containing the following fine-print: "All content here is adapted from Wikipedia and is available under a CC-BY-SA-4.0 license. For image licenses, click here. We use cookies to improve your experience. By using this site, you agree to our privacy policy and terms of use." Note: The footer text might change based on the feedback. **Long-form articles microsite** - 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. **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 (Long-form articles microsite). - Tap on the close icon: Takes the user to the category page (only applicable for the WikiHighlights Microsite). - 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. - Tap on links in footer: Navigates to individual pages included in the fine print, like licensing and privacy policy. **Microsite Titles:** For WikiHighlights microsite **Options for title:** WikiHighlights, SnapHighlights, QuickHighlights For long-form articles microsite **Options for Title:** LongReads, ArticleFocus, InDepthText **Technical Specifications** - Font style: Default browser font - Font size: 24px - Letter spacing: 3% - Text transform: Titlecase - Alignment: Center-aligned - Color: #000000 (Black) ====Acceptance Criteria ====Test Scenarios