hackforla / hackforla/knowledgebase-content

Create a Guide/Template: for using <details> and <summary> tags in an issue

Open
#22 5 comments 0 reactions 0 assignees View on GitHub
Complexity: Missing CoP: Admin CoP: Content CoP: Data Science CoP: Design CoP: Engineering CoP: Marketing CoP: Ops CoP: Product CoP: Revenue CoP: UI/UX Research feature : guide creation Folders Checked Phase: 3 - Drafting a Guide Ready for Bonnie Triage size: missing status: 3.1 needs draft
Dominant language
No language data
Stars
2
Forks
1
PR merge metrics
No merged PRs in 30d

Description

### Overview
We need to create a guide to using ` and ` tags so that issues can be more concise.

### Action Items
The phases in the guide-making process are listed below. Each phase displayed in blue is linked to a wiki page with instructions on how to complete that phase. Open the wiki page in a new tab, copy the instructions for each part into the section labelled 'Tasks' at the bottom of this issue, and complete each task listed.
- [ ] [Gather Examples Solo](https://github.com/hackforla/guides/wiki/How-to-Gather-Examples:-Solo) (open in a new tab)
- [ ] [Gather Examples Collaboratively](https://github.com/hackforla/guides/wiki/Phase-2-%E2%80%90-Gather-Examples-Collaboratively)
- [ ] [Create a Guide Draft](https://github.com/hackforla/guides/wiki/How-to-Draft-a-Guide)
- [ ] If needed, create a template
- [ ] [Have your guide peer reviewed](https://github.com/hackforla/guides/wiki/Peer-Reviews-for-Guides)
- [ ] [Present your guide for leadership review](https://github.com/hackforla/guides/wiki/Submitting-Your-Guide-for-Leadership-Review)
### Resources/Instructions
- What is the details html tag:
- https://www.w3schools.com/tags/tag_details.asp
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details
- Google Drive Folder for this Guide’s documents [0022 [DRAFT] Using < details > and <. summary. > tags in an issue](https://drive.google.com/drive/folders/1ZUjvzI4ENVrSR5P7Cre7PUsobtpxK2gg)
#### Details about how other teams are using it for the **Gather** step
Example of it in use on an issue: https://github.com/hackforla/website/issues/1146
and these three items are an example of how to use it.

Closed

![Screen Shot 2021-03-24 at 10 29 58 AM](https://user-images.githubusercontent.com/37763229/112356519-eaa5a880-8c8b-11eb-899a-c00ca74645b3.png)

Open

![image](https://user-images.githubusercontent.com/37763229/112356620-00b36900-8c8c-11eb-8637-37e15ec8e9ff.png)

Example of Code from an issue

![Screen Shot 2021-03-24 at 10 31 35 AM](https://user-images.githubusercontent.com/37763229/112356762-20e32800-8c8c-11eb-91b5-79d59fbf9bf3.png)

Code to try out
```

current gif

![image](https://www.hackforla.org/assets/images/about/HfLA-Donate.gif)

```
### Projects to Check
### Tasks
- [ ] This is where you will copy instructions from the wiki page for the step you are currently on.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.