2019-09-06 16:24:42 -06:00 · 2019-09-06 16:24:42 -06:00 · c986cdb4fd
parent e4eb9a846c
commit c986cdb4fd
6 changed files with 31 additions and 20 deletions
--- a/server.js
+++ b/server.js
@ -28,9 +28,8 @@ fastify.register(require('point-of-view'), {
      removeEmptyAttributes: true
    },
    partials: {
-      head: 'partials/head.hbs',
+      layout: 'layout.hbs',
      header: 'partials/header.hbs',
-      foot: 'partials/foot.hbs',
      footer: 'partials/footer.hbs',
    }
  },
--- a/views/home.hbs
+++ b/views/home.hbs
@ -1,5 +1,6 @@
-{{> header }}
+{{#> layout }}

+{{#*inline "page-content-block" }}
 <section>
  <h2 class="subtitle">An attempt at a viable alternative to Goodreads</h2>

@ -24,5 +25,6 @@
    {{ text }}
  </article>
 </section>
+{{/inline}}

-{{> footer }}
+{{/layout}}
--- a/views/partials/head.hbs
+++ b/views/partials/head.hbs
@ -12,4 +12,29 @@
  <link rel="stylesheet" href="/styles/index.css">{{!-- This is controlled by the resources router. --}}
  <script src="index.js"></script>
 </head>
-<body>
+
+<body>
+{{#> header-block }}
+  {{> header }}
+{{/header-block}}
+
+<main class="container">
+{{#> page-content-block }}
+  {{!-- Wrap the actual page content in {{#*inline "page-content-block"}} to insert it here --}}
+{{/page-content-block}}
+</main>
+
+{{#> footer-block }}
+  {{> footer }}
+{{/footer-block}}
+
+{{#> scripts-block }}
+  <script>
+    (function () {
+      alert('test');
+    })();
+  </script>
+{{/scripts-block}}
+</body>
+
+</html>
--- a/views/partials/foot.hbs
+++ b/views/partials/foot.hbs
@ -1,7 +0,0 @@
-<script>
-  (function() {
-    alert('test');
-  })();
-</script>
-</body>
-</html>
--- a/views/partials/footer.hbs
+++ b/views/partials/footer.hbs
@ -1,7 +1,3 @@
-</main>
-
 <footer>
  <p>test footer</p>
 </footer>
-
-{{> foot }}
--- a/views/partials/header.hbs
+++ b/views/partials/header.hbs
@ -1,5 +1,3 @@
-{{> head }}
-
 <header>
  <nav>
    <div class="brand">
@ -21,5 +19,3 @@
    </div>
  </nav>
 </header>
-
-<main class="container">