Develop Design System Microsite based on Material for MKDocs

joshfishman commented 1 year ago

Dependencies

446
482

Overview

We need to develop a microsite to hold the Design System components. This site should be based on Material for MKDocs and setup to run on the internship repo's Github Pages

Action Items

[x] Setup MkDocs for Material Design locally
[x] Setup microsite on the internship design system
[ ] Theme design based designed microsite layout
[ ] Develop Components and microsite pages for the Issues below

Resources/Instructions

Getting Started with Material for MkDocs
Using snippets to include code
Material for MkDocs Snippets
Spreadsheet: TWE: Design System Issue Handoff
Design epic where all the components are listed and tracked https://github.com/hackforla/internship/issues/397
Issue for Header/Footer/Structure/Subnav of Microsite https://github.com/hackforla/internship/issues/446

Issues for the epic

457
487
489
484
486

jnomad21 commented 1 year ago

https://github.com/hackforla/website/blob/be141ca26874ff91f045b5527a422ff915b59640/_sass/elements/_buttons.scss#L28C3-L28C3

jnomad21 commented 1 year ago

https://github.com/hackforla/website/blob/be141ca26874ff91f045b5527a422ff915b59640/_sass/elements/_buttons.scss#L24

sunannie27 commented 1 year ago

@jnomad21 Please provide update

Progress: "What is the current status of your project? What have you completed and what is left to do?"
Blockers: "Difficulties or errors encountered."
Availability: "How much time will you have this week to work on this issue?"
ETA: "When do you expect this issue to be completed?"
Pictures or links* (if necessary): "Add any pictures or links that will help illustrate what you are working on."

remember to add links to the top of the issue if they are going to be needed again.

ExperimentsInHonesty commented 7 months ago

This list of design issues for components came from this issue https://github.com/hackforla/internship/issues/397
Use this template to make new development issues Issue Template Dev: Create Design System Microsite Component

Design issue | Development issue

This was created before the microsite workflow was created. The [Replace with SECTION NAME] section in the Figma will need more details. Also, this issue will need a microsite page, or indication of which template to use (if it's similar to other pages).

- [Figma, Design System (WIP), [Replace with SECTION NAME]
- [Figma, ↳ Microsite Ready for Dev](https://www.figma.com/file/TTRS2FWXsrymHYpPJL1IdH/Internship-Team-Main-file?type=design&node-id=2-54&mode=design&t=jEcPrUuwVPDSu2EM-0)

Design Agenda

KC-skc commented 1 month ago

@joshfishman

Please provide update

Progress: "What is the current status of your project? What have you completed and what is left to do?"
Blockers: "Difficulties or errors encountered."
Availability: "How much time will you have this week to work on this issue?"
ETA: "When do you expect this issue to be completed?"
Pictures or links* (if necessary): "Add any pictures or links that will help illustrate what you are working on."

remember to add links to the top of the issue if they are going to be needed again.

hackforla / internship

Develop Design System Microsite based on Material for MKDocs #455