=Synopsis=
A standalone tutorial page that links back to the Docs and Demos with styling that uses OOUI css (MVP).
If time permits: (1) Additional tutorial page(s); (2) Installation instructions.
[Document](https://docs.google.com/document/d/15L7M8qKI7c3fN38dXkyG4Z2bTuwUo0Ku0OvgFuWrZ0I/edit?usp=sharing) with some initial thoughts and ideas.
=Timeline=
| Period | Task |
|--|--|
| July 9 - July 13 | Create initial Tutorial: 1 page with top bar linking to Docs and Demos, working lives demos of the ToDo app and code snippets. |
| July 16 - July 20 | Use PrismJS for syntax highlighting. Update ToDo app code to comply with current state of OOUI core stylesheet. Add header links. Update installation instructions. Design demo app boxes. Ensure coherence and cohesion of the entire text.
|
| July 23 - July 27 | Review. Modify folder structure. Revamp Basics2 tutorial. Make a page footer with links and a back to top button. Create an index page with links both tutorials. Fix some problems in Basics2 tutorial, such as date/time display.
|
| July 30 - August 3 | Following the review/feedback, make corrections and modifications, and design/Implement additional UX/UI features for this and future tutorial pages as needed. Make footer responsive using media queries. Add dropdown menu with links to all tutorials, as part of top toolbar. Check license of fonts if we end up using them. |
| August 6 - August 10 | QA and bugfixes. Write documentation. Code cleanup for submission.
|
|--|--|
=Deliverables=
Design and implement an up-to-date version of the OOUI tutorial as part of the OOUI demos repo, as an additional page. The new tutorial will be based on [Moriel's OOUI tutorial](https://github.com/mooeypoo/todo-app-ooui-tutorial).