Assemble setup for posts and listing posts

Gruntfile.js

'use strict';

// # Globbing
// for performance reasons we're only matching one level down:
// '<%= config.src %>/templates/pages/{,*/}*.hbs'
// use this if you want to match all subfolders:
// '<%= config.src %>/templates/pages/**/*.hbs'

module.exports = function(grunt) {

  require('time-grunt')(grunt);
  require('load-grunt-tasks')(grunt);

  // Project configuration.
  grunt.initConfig({

    config: {
      src: 'src',
      dist: 'dist'
    },

    watch: {
      assemble: {
        files: ['<%= config.src %>/{content,data,templates}/{,*/}*.{md,hbs,yml}'],
        tasks: ['assemble']
      },
      sass: {
          files: ['dist/assets/css/sass/**/*.{scss,sass}'],
          tasks: ['sass', 'cssmin']
      },
      js: {
          files: '<%= jshint.all %>',
          tasks: ['jshint', 'uglify']
      },
      livereload: {
        options: {
          livereload: '<%= connect.options.livereload %>'
        },
        files: [
          '<%= config.dist %>/{,*/}*.html',
          '<%= config.dist %>/assets/css/sass/*.scss',
          '<%= config.dist %>/assets/{,*/}*.css',
          '<%= config.dist %>/assets/{,*/}*.js',
          '<%= config.dist %>/assets/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
        ]
      }
    },

    // javascript linting with jshint
    jshint: {
        options: {
            jshintrc: '.jshintrc'
        },
        all: ['Gruntfile.js', 'dist/assets/js/source/*.js']
    },

    sass: {
        dist: {
            options: {
                style: 'expanded'
            },
            files: {
                'dist/assets/css/styles.css': 'dist/assets/css/sass/style.scss'
            }
        }
    },

    // css minify
    cssmin: {
        options: {
            keepSpecialComments: 1
        },
        minify: {
            expand: true,
            cwd: 'dist/assets/css',
            src: ['styles.css', '!*.min.css'],
            ext: '.min.css',
            dest: 'dist/assets/css'
        }
    },

    uglify: {
        plugins: {
            options: {
                sourceMap: '<%= config.dist %>/assets/js/plugins.js.map',
                sourceMappingURL: 'plugins.js.map',
                sourceMapPrefix: 2
            },
            files: {
                '<%= config.dist %>/assets/js/plugins.min.js': [
                  '<%= config.dist %>/assets/js/source/plugins.js',
                  '<%= config.dist %>/assets/js/plugins/*'
                ]
            }
        },
        main: {
            options: {
                sourceMap: '<%= config.dist %>/assets/js/main.js.map',
                sourceMappingURL: 'main.js.map',
                sourceMapPrefix: 2
            },
            files: {
                '<%= config.dist %>/assets/js/main.min.js': [
                    '<%= config.dist %>/assets/js/source/main.js'
                ]
            }
        }
    },

    connect: {
      options: {
        port: 9000,
        livereload: 35729,
        // change this to '0.0.0.0' to access the server from outside
        hostname: 'localhost'
      },
      livereload: {
        options: {
          open: true,
          base: [
            '<%= config.dist %>'
          ]
        }
      }
    },
    assemble: {
      options: {
        collections: [
          {
            name: 'navMain',
            sortby: 'number',
            sortorder: 'ascending' 
          },
          {
            name: 'newsMain',
            sortby: 'postedon',
            sortorder: 'ascending' 
          },
          {
            name: 'navAbout',
            sortby: 'number',
            sortorder: 'ascending' 
          },
          {
            name: 'navReport',
            sortby: 'number',
            sortorder: 'ascending' 
          },
          {
            name: 'navCondition',
            sortby: 'number',
            sortorder: 'ascending' 
          },
          {
            name: 'footerNav',
            sortby: 'name',
            sortorder: 'ascending'
          }
        ]
      },
      pages: {
        options: {
          flatten: true,
          assets: '<%= config.dist %>/assets',
          layout: '<%= config.src %>/templates/layouts/default.hbs',
          data: '<%= config.src %>/data/*.{json,yml}',
          partials: '<%= config.src %>/templates/partials/*.hbs'
        },
        files: {
          '<%= config.dist %>/': ['<%= config.src %>/templates/pages/*.hbs']
        }
      },
      news: {
        options: {
          flatten: true,
          assets: '<%= config.dist %>/assets',
          layout: '<%= config.src %>/templates/layouts/default.hbs',
          data: '<%= config.src %>/data/*.{json,yml}',
          partials: '<%= config.src %>/templates/partials/*.hbs'
        },
        files: {
          '<%= config.dist %>/news/': ['<%= config.src %>/templates/news/*.hbs']
        }
      },
      misc: {
        files: {
          '<%= config.dist %>/': ['<%= config.src %>/templates/misc/*.hbs']
        }
      }
    },

    copy: {
      bootstrap: {
        expand: true,
        cwd: 'bower_components/bootstrap/dist/',
        src: '**',
        dest: '<%= config.dist %>/assets/'
      },
      theme: {
        expand: true,
        cwd: 'src/assets/',
        src: '**',
        dest: '<%= config.dist %>/assets/css/'
      }
    },

    // Before generating any new files,
    // remove any previously-created files.
    clean: ['<%= config.dist %>/**/*.{html,xml}']

  });

  grunt.loadNpmTasks('assemble');

  grunt.registerTask('server', [
    'build',
    'connect:livereload',
    'watch'
  ]);

  grunt.registerTask('build', [
    'clean',
    'copy',
    'assemble',
    'sass',
    'cssmin',
    'jshint', 
    'uglify' 
  ]);

  grunt.registerTask('default', [
    'build'
  ]);

};

news.hbs

{{#each posts}}
            {{#withSort posts "data.posted" dir="desc"}}
                <div>
                    <h2><a href="/{{relativeLink}}">{{data.title}}</a></h2>
                    <p>By {{data.author}} on {{data.posted}}</p>
                    <p><a href="/{{relativeLink}}">more...</a></p>
                </div>
            {{/withSort}}
{{/each}}

post-one.hbs

//this is located in /src/tenplates/news/

---
title: post 1
newsMain: true
postedon: 
heading: 'Contact us'
lead: Welcome to my blog!
---
<div class="hero-header center bg-trans" style="background-image: url('{{assets}}/img/parliament-in.png');">
	<div class="the-content left bg-trans">
		<div class="container">
			<h1 class="big-header">{{ heading }}</h1>
		</div>
  	</div>
  	{{> secondary-nav }}
</div>
<section class="container main-area">
	<article>
		<hgroup></hgroup>
		<div class="content-text">
			<p>
				Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
			</p>
		</div>
	</article>
</section>