Open bnemchak opened 4 years ago
Page will be dynamically updated from a button click on the navbar or footer. there will be a mainContainer div that everything will be printed to. There will be a section with the header text and a paragraph. There will be another bootstrap navbar with content categories. below that will be cards with pictures of people through history wearing chinos and then text of who they are, when and where they lived.
User Story
As a user, when I first visit the history page, I should see a page with a header and a footer and header and paragraph with the history and 4 buttons that sort cards with examples.
AC
WHEN the user first visits the history page THEN I should see a landing page AND there should be a header AND there should be a footer AND there should be a "history of chino" block with a header and block of text AND there should be group of buttons with dates AND there should be cards of examples that are sortable by the buttons.
Dev Notes
sorting buttons are the same navbar as navbar and footer
Bootstrap Nav https://getbootstrap.com/docs/4.4/components/navbar/#nav with class of navbar-dark bg-dark for dark coloring.
Array for cards should have Who, When, Where and a picture.
printCards function loops through array and creates a domstring of cards. PrintToDom to cards div.