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}|{F37926032 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: |"All content here is adapted from Wikipedia and is available under a [[ https://en.wikipedia.org/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License | 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 [[ https://foundation.wikimedia.org/wiki/Privacy_policy | privacy policy ]] and [[ https://foundation.wikimedia.org/wiki/Terms_of_Use | terms of use ]]." //Note: The footer text might change based on the feedback. // **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. - Tap on links in footer: Navigates to individual pages included in the fine print, like licensing and privacy policy. **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 ]] ====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}|{F37926032 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: |"All content here is adapted from Wikipedia and is available under a [[ https://en.wikipedia.org/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License | 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 [[ https://foundation.wikimedia.org/wiki/Privacy_policy | privacy policy ]] and [[ https://foundation.wikimedia.org/wiki/Terms_of_Use | terms of use ]]." //Note: The footer text might change based on the feedback. // **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. - Tap on links in footer: Navigates to individual pages included in the fine print, like licensing and privacy policy. **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}|{F37926032 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: |"All content here is adapted from Wikipedia and is available under a [[ https://en.wikipedia.org/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License | 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 [[ https://foundation.wikimedia.org/wiki/Privacy_policy | privacy policy ]] and [[ https://foundation.wikimedia.org/wiki/Terms_of_Use | terms of use ]]." //Note: The footer text might change based on the feedback. // **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. - Tap on links in footer: Navigates to individual pages included in the fine print, like licensing and privacy policy. **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.