This repository is the foundation for the DevSphere "PR Party" workshop.
Participants will fork this repo, add a single HTML file to the cards/ directory,
and open a pull request. After merging, the wall located at index.html will
automatically display all contributions.
/ (root)
├── index.html # static page hosting the wall
├── css/
│ └── style.css # global grid + card styling
├── js/
│ └── load-cards.js # loads cards listed in cards/index.json
└── cards/ # contributors only add files here
├── index.json # manifest of contributor and single-page files
├── templateCard.html # template for the card display
├── templateSinglePage.html # template for the detail page
└── contributorCard/ # put your card HTML here
└── <yourname>.html
- Fork the repository on GitHub.
- Clone your fork locally.
- Create a new branch.
- Add your card:
- You can copy
cards/templateCard.htmltocards/contributorCard/<yourname>.htmland edit it. - Or, you can create your own from scratch.
- You can copy
- (Optional) Create a detail page:
- Copy
cards/templateSinglePage.htmltocards/singlePage/<yourname>.htmland customize.
- Copy
- Update
cards/index.json:- Add your card file name (without spaces, e.g.,
JohnDoe.html) tocontributorCards. - Add your single page file name to
singlePagesif you created one.
- Add your card file name (without spaces, e.g.,
- Commit, push, and open a pull request.
Please see the requirements.md file for detailed technical and design guidelines to ensure your card displays correctly on the wall.
Do not modify any files outside of the
cards/directory. The loader script and index page should remain unchanged.