=== Background goal
Since one of our priorities for "Codex as Wikimedia DS" site is to reflect the [[ https://design.wikimedia.org/style-guide/index.html | DSG documentation ]], we need to revisit the DSG sections in order to align the content with the last Codex changes (e.g. new color names). Once this documentation is revisited and reviewed, we will create it in the new Codex site. As part of this, we will need to decide from where we want to access the DSG from Codex.
NOTE: The scope of this task is to add just the most relevant DSG sections in order to create the **MVP version** of Codex as Wikimedia Design System before the Hackathon on May 18th.
=== Open questions
[-] Navigation: we will add a ‘Style guide’ section in Codex’s demo site main navigation and we will add the specific DSG sections identified for inclusion in MVP there
[-] DSG sections to add in the MVP version:
- Introduction - rewritten with revisions to refer to Wikimedia Codex Design Style guide
- Design Principles - copied over from DSG.
- Accessibility (copy over as is if there is scope time)
- Visual style
- Color, Typography, Icons, - remove references to “paper and ink”
- Images (copied over, with some example images and correct attributions as referenced in the images section, time pending)
- Principles page will not be added as a separate page, but we will add the content from Principles in the other Visual Style sections (e.g. comment about paper ink in Typography)
- [ ] Does anything in the Codex site require updating?
-- Update references to the "Codex Toolkit" on the [[ https://doc.wikimedia.org/codex/main/ | Main ]] and [[ https://doc.wikimedia.org/codex/main/using-codex/about.html | About ]] pages.
-- Remove/Update links to the DSG from the [[ https://doc.wikimedia.org/codex/main/using-codex/about.html | About ]] page to go to the next Codex styleguide section.
=== Documentation
| [[ https://docs.google.com/document/d/1ijapYGCW_0MP3PT5A6DyDooUtcq_ndp4gbK1-A3io7k/edit# | Google docs with updated documentation ]] |
=== Acceptance criteria (or Done)
**Design and documentation:**
[-] Decide the approach of the MVP version:
[-] Decide which sections of the DSG we want to add in Codex for this MVP version
[-] Decide from where we want to access the DSG from the Codex site (prototype it if needed)
[ ] Copy the DSG documentation in a new [[ https://docs.google.com/document/d/1ijapYGCW_0MP3PT5A6DyDooUtcq_ndp4gbK1-A3io7k/edit# | doc ]] and update it if needed
**Code:**
[ ] Create the new ‘Style guide’ section in the main navigation of the Codex site (in the header)
[ ] Create pages needed in this new ‘Style guide’ section in Codex