Prosenjit Manna prosenjit-manna

## gulp-html-bolierplate

# gulp-html-bolierplate#

## Development  Task ##

 1. Run `gulp serve --dev` to run your app

## Build Task ##
 1. Run `gulp` for clean project dir
 2. Run `gulp build` --production. This will generate production version into 'dist' folder with optimized version.

## gulpfile.js
// Load plugins
var gulp = require('gulp'),
	plugins = require('gulp-load-plugins')({ camelize: true }),
	lr = require('tiny-lr'),
	server = lr();

// Styles
gulp.task('styles', function() {
  return gulp.src('assets/styles/source/*.scss')
	.pipe(plugins.rubySass({ style: 'expanded', compass: true }))

## Package Control.sublime-settings
{
	"bootstrapped": true,
	"in_process_packages":
	[
	],
	"installed_packages":
	[
		"Angular 2 Snippets (John Papa)",
		"AngularJS",
		"AutoFileName",

## paralax-background.js
// Paralax Plugin
(function($) {
    $.fn.parallax = function(options) {
        var windowHeight = $(window).height();
        var settings = $.extend({
            speed        : 0.15,
            topMinus : 500
        }, options);
        return this.each( function() {
        var $this = $(this);

## make-tags.js
var config = require('./../../../../config');
var sqlite3 = require('sqlite3');

var dbfile = config.development.database.connection.filename;
var db = new sqlite3.Database(dbfile);

db.serialize(function() {
   db.all("select * from tags", function(err, rows) {
       console.log(JSON.stringify(rows));
   })

## examples.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                prosenjit-manna
                / examples.md
            
            
              Last active
              September 2, 2015 08:24
                — forked from ErisDS/examples.md
            
              
                Ghost Filter Query examples
              
          
    Filter Queries - Example Use Cases

Here are a few example use cases, these use cases combine filter with other parameters to make useful API queries. The syntax for any of this may change between now, implementation, and release - they're meant as illustrative examples :)
Fetch 3 posts with tags which match 'photo' or 'video' and aren't the post with id 5.

api.posts.browse({filter: "tags:[photo, video], id:-5", limit="3"});
GET /api/posts?filter=tags:[photo,video],id:-5&limit=3

  
## heplers.js
var hbs = require('express-hbs'),
    api = require('core/server/api'),
    _ = require('lodash'),
    async = require('express-hbs/lib/async'), // To redefine `registerAsyncHelper`
    registerAsyncHelper;

// Redefine `registerAsyncHelper` from `express-hbs`
registerAsyncHelper = function (name, fn) {
    hbs.handlebars.registerHelper(name, function (context, options) {
        // Pass `[context, options]` as arg instead of `context` only

## classie.js
/*!
 * classie v1.0.1
 * class helper functions
 * from bonzo https://github.com/ded/bonzo
 * MIT license
 *
 * classie.has( elem, 'my-class' ) -> true/false
 * classie.add( elem, 'my-new-class' )
 * classie.remove( elem, 'my-unwanted-class' )
 * classie.toggle( elem, 'my-class' )

## lazyload.js
$(window).on('DOMContentLoaded load resize scroll', function () {;
  var images = $("#main-wrapper img[data-src]");
  // load images that have entered the viewport
  $(images).each(function (index) {
    if (isElementInViewport(this)) {
      $(this).attr("src",$(this).attr("data-src"));
            $(this).removeAttr("data-src");
    }
  })
  // if all the images are loaded, stop calling the handler

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
<style id="jsbin-css">
body {
  background:#aaa;
}

	# gulp-html-bolierplate#

	## Development Task ##

	1. Run `gulp serve --dev` to run your app

	## Build Task ##
	1. Run `gulp` for clean project dir
	2. Run `gulp build` --production. This will generate production version into 'dist' folder with optimized version.
	// Load plugins
	var gulp = require('gulp'),
	plugins = require('gulp-load-plugins')({ camelize: true }),
	lr = require('tiny-lr'),
	server = lr();

	// Styles
	gulp.task('styles', function() {
	return gulp.src('assets/styles/source/*.scss')
	.pipe(plugins.rubySass({ style: 'expanded', compass: true }))
	{
	"bootstrapped": true,
	"in_process_packages":
	[
	],
	"installed_packages":
	[
	"Angular 2 Snippets (John Papa)",
	"AngularJS",
	"AutoFileName",
	// Paralax Plugin
	(function($) {
	$.fn.parallax = function(options) {
	var windowHeight = $(window).height();
	var settings = $.extend({
	speed : 0.15,
	topMinus : 500
	}, options);
	return this.each( function() {
	var $this = $(this);
	var config = require('./../../../../config');
	var sqlite3 = require('sqlite3');

	var dbfile = config.development.database.connection.filename;
	var db = new sqlite3.Database(dbfile);

	db.serialize(function() {
	db.all("select * from tags", function(err, rows) {
	console.log(JSON.stringify(rows));
	})
	var hbs = require('express-hbs'),
	api = require('core/server/api'),
	_ = require('lodash'),
	async = require('express-hbs/lib/async'), // To redefine `registerAsyncHelper`
	registerAsyncHelper;

	// Redefine `registerAsyncHelper` from `express-hbs`
	registerAsyncHelper = function (name, fn) {
	hbs.handlebars.registerHelper(name, function (context, options) {
	// Pass `[context, options]` as arg instead of `context` only
	/*!
	* classie v1.0.1
	* class helper functions
	* from bonzo https://github.com/ded/bonzo
	* MIT license
	*
	* classie.has( elem, 'my-class' ) -> true/false
	* classie.add( elem, 'my-new-class' )
	* classie.remove( elem, 'my-unwanted-class' )
	* classie.toggle( elem, 'my-class' )
	$(window).on('DOMContentLoaded load resize scroll', function () {;
	var images = $("#main-wrapper img[data-src]");
	// load images that have entered the viewport
	$(images).each(function (index) {
	if (isElementInViewport(this)) {
	$(this).attr("src",$(this).attr("data-src"));
	$(this).removeAttr("data-src");
	}
	})
	// if all the images are loaded, stop calling the handler
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<style id="jsbin-css">
	body {
	background:#aaa;
	}