The layout is the visual aspect of the website that makes all pages look similar. The AWWshop definition for layout and template are not the same. A lot of people use the word template as the AWWshop meaning for layout, and that's okay, there is nothing wrong with that until now.
Template.js follows a Top and Bottom scheme for the following CSS setup:
Take Note: You can customize your project experience by adding your very own layout.js to the project. The class name Layout has not been used.
So here is why and how you do it:
Replace ClassName in the following code with Layout and you are good to go. (The private procedures can only be called from inside the parent class.)
Depending on needing functions for loading, your layout may work the same with all projects. Just add reference to layout.js from template.js load (In between the class declaration and the first procedure.).
For more on choosing a project, check out the AWWshop Fundamentals Anchor page, then follow on to Deferment and Devices before deciding on a project.