Alamantus/Readlebee
1
0
Fork 0
mirror of https://gitlab.com/Alamantus/Readlebee.git synced 2025-11-04 10:17:03 +01:00
Code Issues Releases Wiki Activity

Set up handlebars layout correctly

Browse source
This commit is contained in:
Robbie Antenesse 2019-09-06 16:24:42 -06:00
parent e4eb9a846c
commit c986cdb4fd
6 changed files with 31 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
server.js
View file

@ -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',
}
},

6
views/home.hbs
View file

@ -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}}

25
views/partials/head.hbs → views/layout.hbs
View file

@ -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>
{{#> 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>

7
views/partials/foot.hbs
View file

@ -1,7 +0,0 @@
<script>
(function() {
alert('test');
})();
</script>
</body>
</html>

4
views/partials/footer.hbs
View file

@ -1,7 +1,3 @@
</main>
<footer>
<p>test footer</p>
</footer>
{{> foot }}

4
views/partials/header.hbs
View file

@ -1,5 +1,3 @@
{{> head }}
<header>
<nav>
<div class="brand">
@ -21,5 +19,3 @@
</div>
</nav>
</header>
<main class="container">