Minor reorganization on layout.
parent
f71c81636d
commit
ab097b4ff6
|
@ -6,7 +6,7 @@ html(lang="en")
|
|||
meta(name="description", content="Taiga Landing page")
|
||||
meta(name="keywords", content="Agile, Taiga, Management, Github")
|
||||
meta(name="viewport", content="width=device-width, user-scalable=no")
|
||||
link(rel="stylesheet", href="styles/main.css")
|
||||
link(rel="stylesheet", href="/styles/main.css")
|
||||
block head
|
||||
body
|
||||
include views/modules/nav
|
|
@ -1,7 +1,7 @@
|
|||
nav.menu
|
||||
h1.logo
|
||||
a(href="", title="Home")
|
||||
img(src="images/logo.png", alt="Taiga")
|
||||
img(src="/images/logo.png", alt="Taiga")
|
||||
ul.main-nav
|
||||
li
|
||||
a(href="", title="Search")
|
232
gulpfile.js
232
gulpfile.js
|
@ -1,96 +1,135 @@
|
|||
var gulp = require('gulp'),
|
||||
jade = require('gulp-jade'),
|
||||
newer = require('gulp-newer'),
|
||||
minifyHTML = require('gulp-minify-html'),
|
||||
sass = require('gulp-ruby-sass'),
|
||||
csslint = require('gulp-csslint'),
|
||||
minifyCSS = require('gulp-minify-css'),
|
||||
imagemin = require('gulp-imagemin'),
|
||||
watch = require('gulp-watch'),
|
||||
size = require('gulp-filesize'),
|
||||
var gulp = require("gulp"),
|
||||
jade = require("gulp-jade"),
|
||||
|
||||
coffee = require("gulp-coffee"),
|
||||
concat = require("gulp-concat"),
|
||||
uglify = require("gulp-uglify"),
|
||||
plumber = require("gulp-plumber"),
|
||||
wrap = require("gulp-wrap"),
|
||||
rename = require("gulp-rename"),
|
||||
|
||||
newer = require("gulp-newer"),
|
||||
minifyHTML = require("gulp-minify-html"),
|
||||
sass = require("gulp-ruby-sass"),
|
||||
csslint = require("gulp-csslint"),
|
||||
minifyCSS = require("gulp-minify-css"),
|
||||
imagemin = require("gulp-imagemin"),
|
||||
watch = require("gulp-watch"),
|
||||
size = require("gulp-filesize"),
|
||||
notify = require("gulp-notify"),
|
||||
connect = require('gulp-connect'),
|
||||
scsslint = require('gulp-scss-lint'),
|
||||
newer = require('gulp-newer'),
|
||||
plumber = require('gulp-plumber'),
|
||||
cache = require('gulp-cached');
|
||||
connect = require("gulp-connect"),
|
||||
scsslint = require("gulp-scss-lint"),
|
||||
newer = require("gulp-newer")
|
||||
cache = require("gulp-cached");
|
||||
|
||||
var paths = {
|
||||
app: 'app',
|
||||
dist: 'dist',
|
||||
html: 'app/*.html',
|
||||
jade: 'app/**/*.jade',
|
||||
appStyles: 'app/styles/**/*.scss',
|
||||
distStyles: 'dist/styles',
|
||||
sassMain: 'app/styles/main.scss',
|
||||
css: 'dist/styles/**/*.css',
|
||||
images: 'app/images/**/*'
|
||||
app: "app",
|
||||
dist: "dist",
|
||||
html: "app/*.html",
|
||||
jade: "app/partials/**/*.jade",
|
||||
appStyles: "app/styles/**/*.scss",
|
||||
distStyles: "dist/styles",
|
||||
sassMain: "app/styles/main.scss",
|
||||
css: "dist/styles/**/*.css",
|
||||
images: "app/images/**/*"
|
||||
};
|
||||
|
||||
gulp.task('jade', function() {
|
||||
////////////////////////////////////////////////////////////////////////////
|
||||
// Layout/CSS Related tasks
|
||||
////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
gulp.task("jade", function() {
|
||||
return gulp.src(paths.jade)
|
||||
.pipe(plumber())
|
||||
.pipe(jade({
|
||||
pretty: true
|
||||
}))
|
||||
.pipe(gulp.dest(paths.dist))
|
||||
.pipe(size());
|
||||
.pipe(plumber())
|
||||
.pipe(jade({pretty: true}))
|
||||
.pipe(gulp.dest(paths.dist + "/partials"));
|
||||
});
|
||||
|
||||
//Sass lint
|
||||
gulp.task('scss-lint', function() {
|
||||
gulp.src([paths.appStyles, '!/**/bourbon/**/*.scss'])
|
||||
.pipe(cache('scsslint'))
|
||||
.pipe(scsslint({config: 'scsslint.yml'}))
|
||||
// Sass lint
|
||||
gulp.task("scss-lint", function() {
|
||||
gulp.src([paths.appStyles, "!/**/bourbon/**/*.scss"])
|
||||
.pipe(cache("scsslint"))
|
||||
.pipe(scsslint({config: "scsslint.yml"}))
|
||||
});
|
||||
|
||||
//Sass Files
|
||||
gulp.task('sass', function () {
|
||||
// Sass Files
|
||||
gulp.task("sass", function () {
|
||||
return gulp.src(paths.sassMain)
|
||||
.pipe(sass().on('error', function(err) {
|
||||
console.log(err);
|
||||
}))
|
||||
.pipe(gulp.dest(paths.distStyles))
|
||||
.pipe(size());
|
||||
.pipe(plumber())
|
||||
.pipe(sass())
|
||||
.pipe(gulp.dest(paths.distStyles));
|
||||
});
|
||||
|
||||
//CSS Linting and report
|
||||
gulp.task('css', ['sass'], function() {
|
||||
gulp.src([paths.css, '!'+paths.dist+'/styles/vendor/**/*.css'])
|
||||
.pipe(csslint('csslintrc.json'))
|
||||
.pipe(csslint.reporter());
|
||||
// CSS Linting and report
|
||||
gulp.task("css", ["sass"], function() {
|
||||
gulp.src([paths.css, "!"+paths.dist+"/styles/vendor/**/*.css"])
|
||||
.pipe(csslint("csslintrc.json"))
|
||||
.pipe(csslint.reporter());
|
||||
});
|
||||
|
||||
|
||||
//Minify CSS
|
||||
gulp.task('minifyCSS', ['css', 'sass'], function () {
|
||||
gulp.src('dist/styles/main.css')
|
||||
// Minify CSS
|
||||
gulp.task("minifyCSS", ["css", "sass"], function () {
|
||||
gulp.src("dist/styles/main.css")
|
||||
.pipe(minifyCSS())
|
||||
.pipe(gulp.dest(paths.distStyles))
|
||||
.pipe(size());
|
||||
});
|
||||
|
||||
gulp.task('imagemin', function () {
|
||||
gulp.task("imagemin", function () {
|
||||
return gulp.src(paths.images)
|
||||
.pipe(imagemin({
|
||||
progressive: true
|
||||
}).on('error', function(err) {
|
||||
console.log(err);
|
||||
}))
|
||||
.pipe(gulp.dest(paths.dist+'/images'));
|
||||
.pipe(plumber())
|
||||
.pipe(imagemin({progressive: true}))
|
||||
.pipe(gulp.dest(paths.dist+"/images"));
|
||||
});
|
||||
|
||||
//Copy Files
|
||||
gulp.task('copy', ['sass', 'css'], function() {
|
||||
//Copy vendor styles
|
||||
gulp.src(paths.app+'/styles/vendor/**/*.css')
|
||||
.pipe(gulp.dest(paths.dist+'/styles/vendor/'));
|
||||
//Copy fonts
|
||||
gulp.src(paths.app+'/fonts/*')
|
||||
.pipe(gulp.dest(paths.dist+'/fonts/'));
|
||||
////////////////////////////////////////////////////////////////////////////
|
||||
// JS Related tasks
|
||||
////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
gulp.task("coffee", function() {
|
||||
return gulp.src(coffeeSources)
|
||||
.pipe(plumber())
|
||||
.pipe(coffee())
|
||||
.pipe(concat("app.js"))
|
||||
.pipe(gulp.dest("app/dist/js/"));
|
||||
});
|
||||
|
||||
gulp.task('connect', function() {
|
||||
gulp.task("jslibs", function() {
|
||||
return gulp.src(externalSources)
|
||||
.pipe(plumber())
|
||||
.pipe(concat("libs.js"))
|
||||
.pipe(gulp.dest("app/dist/js/"));
|
||||
});
|
||||
|
||||
gulp.task("locales", function() {
|
||||
gulp.src("app/locales/en/app.json")
|
||||
.pipe(wrap("angular.module('locales.en', []).constant('locales.en', <%= contents %>);"))
|
||||
.pipe(rename("locale.en.coffee"))
|
||||
.pipe(gulp.dest("app/coffee/"));
|
||||
|
||||
gulp.src("app/locales/es/app.json")
|
||||
.pipe(wrap("angular.module('locales.es', []).constant('locales.es', <%= contents %>);"))
|
||||
.pipe(rename("locale.es.coffee"))
|
||||
.pipe(gulp.dest("app/coffee/"));
|
||||
});
|
||||
|
||||
|
||||
////////////////////////////////////////////////////////////////////////////
|
||||
// Common tasks
|
||||
////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// Copy Files
|
||||
gulp.task("copy", ["sass"], function() {
|
||||
// Copy fonts
|
||||
gulp.src(paths.app+"/fonts/*")
|
||||
.pipe(gulp.dest(paths.dist+"/fonts/"));
|
||||
|
||||
gulp.src(paths.app+"/images/*")
|
||||
.pipe(gulp.dest(paths.dist+"/images/"));
|
||||
});
|
||||
|
||||
gulp.task("connect", function() {
|
||||
connect.server({
|
||||
root: paths.dist,
|
||||
livereload: true
|
||||
|
@ -98,29 +137,50 @@ gulp.task('connect', function() {
|
|||
});
|
||||
|
||||
// Rerun the task when a file changes
|
||||
gulp.task('watch', function() {
|
||||
gulp.watch(paths.jade, ['jade']);
|
||||
gulp.watch(paths.appStyles, ['scss-lint', 'sass', 'css']);
|
||||
gulp.task("watch", function() {
|
||||
gulp.watch(paths.jade, ["jade"]);
|
||||
gulp.watch(paths.appStyles, ["scss-lint", "sass", "css"]);
|
||||
});
|
||||
|
||||
gulp.task("express", function() {
|
||||
var express = require("express");
|
||||
var app = express();
|
||||
|
||||
app.use("/js", express.static(__dirname + "/app/js"));
|
||||
app.use("/components", express.static(__dirname + "/app/components"));
|
||||
app.use("/dist", express.static(__dirname + "/app/dist"));
|
||||
app.use("/less", express.static(__dirname + "/app/less"));
|
||||
app.use("/img", express.static(__dirname + "/app/img"));
|
||||
app.use("/partials", express.static(__dirname + "/app/partials"));
|
||||
app.use("/fonts", express.static(__dirname + "/app/fonts"));
|
||||
|
||||
app.all("/*", function(req, res, next) {
|
||||
// Just send the index.html for other files to support HTML5Mode
|
||||
res.sendfile("index.html", { root: __dirname + "/app/" });
|
||||
});
|
||||
|
||||
app.listen(9001);
|
||||
});
|
||||
|
||||
|
||||
// The default task (called when you run `gulp` from cli)
|
||||
gulp.task('default', [
|
||||
'jade',
|
||||
'sass',
|
||||
'css',
|
||||
'copy',
|
||||
'connect',
|
||||
'watch'
|
||||
gulp.task("default", [
|
||||
"jade",
|
||||
"sass",
|
||||
"css",
|
||||
"copy",
|
||||
"connect",
|
||||
"watch"
|
||||
]);
|
||||
|
||||
// The default task (called when you run `gulp` from cli)
|
||||
gulp.task('dist', [
|
||||
'jade',
|
||||
'sass',
|
||||
'css',
|
||||
'minifyCSS',
|
||||
'imagemin',
|
||||
'copy',
|
||||
'connect',
|
||||
'watch'
|
||||
gulp.task("dist", [
|
||||
"jade",
|
||||
"sass",
|
||||
"css",
|
||||
"minifyCSS",
|
||||
"imagemin",
|
||||
"copy",
|
||||
"connect",
|
||||
"watch"
|
||||
]);
|
||||
|
|
13
package.json
13
package.json
|
@ -13,6 +13,19 @@
|
|||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"gulp": "^3.6.0",
|
||||
"coffee-script": "^1.7.1",
|
||||
"express": "^4.3.0",
|
||||
"gulp-clean": "^0.2.4",
|
||||
"gulp-coffee": "~1.4.1",
|
||||
"gulp-coffeelint": "^0.2.2",
|
||||
"gulp-concat": "^2.1.7",
|
||||
"gulp-if": "0.0.5",
|
||||
"gulp-plumber": "^0.5.6",
|
||||
"gulp-rename": "^1.2.0",
|
||||
"gulp-template": "^0.1.1",
|
||||
"gulp-uglify": "~0.2.0",
|
||||
"gulp-util": "~2.2.14",
|
||||
"gulp-wrap": "^0.3.0",
|
||||
"gulp-cached": "0.0.3",
|
||||
"gulp-changed": "^0.4.0",
|
||||
"gulp-clean": "^0.2.4",
|
||||
|
|
Loading…
Reference in New Issue