Video 49: Advanced Templating

web-server/templates/partials/footer.hbs

@@ -0,0 +1 @@
+<p>Created by {{name}}</p>

web-server/templates/partials/header.hbs

@@ -0,0 +1,7 @@
+<h1>{{title}}</h1>
+
+<div>
+  <a href="/">Weather</a>
+  <a href="/about">About</a>
+  <a href="/help">Help</a>
+</div>

web-server/templates/views/about.hbs

@@ -7,9 +7,9 @@
 </head>
 
 <body>
-    <h1>{{title}}</h1>
+    {{>header}}
     <img src="/img/me.jpg">
-    <p>Created by {{name}}</p>
+    {{>footer}}
 </body>
 
 </html>

web-server/templates/views/help.hbs

@@ -7,8 +7,9 @@
 </head>
 
 <body>
-    <h1>Help</h1>
+    {{>header}}
     <p>{{helpText}}</p>
+    {{>footer}}
 </body>
 
 </html>

web-server/templates/views/index.hbs

@@ -8,8 +8,8 @@
 </head>
 
 <body>
-    <h1>{{title}}</h1>
-    <p>Created by {{name}}</p>
+    {{>header}}
+    {{>footer}}
 </body>
 
 </html>