Basic templating

95c76ee2 · Erick Hitter · fc783208 · 95c76ee2 · 95c76ee2 · 95c76ee2
Verified Commit 95c76ee2 authored Dec 25, 2016 by Erick Hitter
4 changed files
--- a/index.js
+++ b/index.js
@@ -14,15 +14,15 @@ app.engine( 'handlebars', handlebars( {
 } ) );
 app.set( 'views', __dirname + '/render' );

-var domains = [
-    'https://ethitter.com',
-    'https://erick.blog',
-    'https://i.ethitter.com'
-];
+var domains = {
+    'ethitter.com': 'https://ethitter.com/',
+    'erick.blog': 'https://erick.blog/',
+    'i.ethitter.com': 'https://i.ethitter.com/'
+};

 // Rendering
 app.get( '/', function( req, res ) {
-    res.render( 'index', domains );
+    res.render( 'index', { data: { domains: domains } } );
 } );

 // Get some data

--- a/render/index.handlebars
+++ b/render/index.handlebars
-{{!< main}}
\ No newline at end of file
+{{!< main}}
+
+<h1>Welcome!</h1>
--- a/render/partials/sites.handlebars
+++ b/render/partials/sites.handlebars
+{{#each data.domains}}
+    <div class="site-container" id="site-{{@key}}">
+        <h2><a href="{{this}}">{{this}}</a></h2>
+        <span class="latest-post"></span>
+    </div>
+{{/each}}
--- a/render/templates/main.handlebars
+++ b/render/templates/main.handlebars
 <!DOCTYPE>
 <html>
    <head>
-        <title></title>
+        <title>erick t. hitter's latest posts</title>
    </head>
-    <body></body>
+    <body>
+        {{{body}}}
+
+        <div id="sites">
+            {{> sites}}
+        </div>
+    </body>
 </html>