A new HTML template
We've already created our categories through the use of the categories
template. Now, we want to take this to the next level and display the actual items that we may want to let people (except STEVE!) borrow so that when we click on a category, we get a list of items.
Let's use that terminology. We need a place to display a list. So, let's modify our LendLib.html
file at~/Documents/Meteor/LendLib/
just a bit at the top:
<body> <div id="lendlib" class="container"> <div id="categories-container" class="container"> {{> categories}} </div> <div id="list"> {{> list}} </div> </div> </body>
We did two things by adding this code:
- We wrapped the
div
element withid="categories-container"
inside thediv
element calledlendlib
, and we movedclass="container"
to the newdiv
element. This is for stylistic purposes...