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
divelement withid="categories-container"inside thedivelement calledlendlib, and we movedclass="container"to the newdivelement. This is for stylistic purposes so that our list will more or less line up with thecategoriestemplate.We added a
div...