| #------------------------------------------------------------------------ | |
| # encoding: utf-8 | |
| # @(#)product_generator.rb 1.00 29-Nov-2011 16:38 | |
| # | |
| # Copyright (c) 2011 Jim Pravetz. All Rights Reserved. | |
| # Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php) | |
| # | |
| # Description: A generator that creates product, products and | |
| # ingredients pages for jekyll sites. Uses a JSON data | |
| # file as the database file from which to read and |
| function convertMS(ms) { | |
| var d, h, m, s; | |
| s = Math.floor(ms / 1000); | |
| m = Math.floor(s / 60); | |
| s = s % 60; | |
| h = Math.floor(m / 60); | |
| m = m % 60; | |
| d = Math.floor(h / 24); | |
| h = h % 24; | |
| return { d: d, h: h, m: m, s: s }; |
This will take filePath as a function parameter and reads the file via fs module and get the file and converts it's size into more humanly readable format.
const fs = require('fs');
function getFileSize(filename) {
const stats = fs.statSync(filename);
//console.log('stats', stats);
const {size} = stats;
| /** @jsx React.DOM */ | |
| var MyRootComponent = React.createClass({ | |
| getInitialState: function() { | |
| return {perMinute: '-', perDay: '-'}; | |
| }, | |
| componentDidMount: function() { | |
| var socket = io.connect(this.props.url); | |
| socket.on('business.clickout', this.setState.bind(this)); | |
| }, | |
| render: function() { |
| <!-- using the truncate filter --> | |
| {% for post in site.posts limit:10 %} | |
| <h2><a href="{{ post.url }}">{{ post.title }}</a></h2> | |
| <span class="post-date">{{ post.date | date: "%B %d, %Y" }}</span> | |
| {% if post.content.size > 2000 %} | |
| {{ post.content | truncatewords: 300 }} <!-- bad! content gives you rendered html and you will truncate in the middle of a node --> | |
| <a href="{{ post.url }}">read more</a> | |
| {% else %} | |
| {{ post.content }} | |
| {% endif %} |
| //## Moment.JS Holiday Plugin | |
| // | |
| //Usage: | |
| // Call .holiday() from any moment object. If date is a US Federal Holiday, name of the holiday will be returned. | |
| // Otherwise, return nothing. | |
| // | |
| // Example: | |
| // `moment('12/25/2013').holiday()` will return "Christmas Day" | |
| // | |
| //Holidays: |
| /* Dynamically create a page and navigate to it. | |
| (and include the page in browser history ) */ | |
| //create markup | |
| var newPage = $("<div data-role=page data-url=yay><div data-role=header><h1>YAY!!!!</h1></div><div data-role=content><img src=http://bukk.it/yay.gif /></div></div"); | |
| //append it to the page container | |
| newPage.appendTo( $.mobile.pageContainer ); | |
| //go to it |
| /*! | |
| * gulp | |
| * $ npm install gulp-ruby-sass gulp-autoprefixer gulp-cssnano gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del --save-dev | |
| */ | |
| // Load plugins | |
| var gulp = require('gulp'), | |
| sass = require('gulp-ruby-sass'), | |
| autoprefixer = require('gulp-autoprefixer'), | |
| cssnano = require('gulp-cssnano'), |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Remove rubberband scrolling from web apps on mobile safari (iOS)</title> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <meta name="apple-touch-fullscreen" content="yes"> | |
| <meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> | |
| <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> | |
| <style> | |
| html, body {margin: 0; padding: 0; overflow: hidden} |