Skip to content

Instantly share code, notes, and snippets.

View chrisvasey's full-sized avatar
:shipit:
Working from home

Chris Vasey chrisvasey

:shipit:
Working from home
View GitHub Profile
@chrisvasey
chrisvasey / gruntfile.js
Created April 23, 2016 18:18
Compiling LESS on save with Grunt
/*
npm install -g grunt-cli
npm init
npm install grunt grunt-contrib-less grunt-contrib-watch jit-grunt --save-dev
grunt
*/
module.exports = function(grunt) {
require('jit-grunt')(grunt);
grunt.initConfig({
@chrisvasey
chrisvasey / gulpfile.js
Created July 19, 2016 14:33
gulpfile.js example (sylus, react.js, bablify etc)
var source = require('vinyl-source-stream');
var gulp = require('gulp');
var gutil = require('gulp-util');
var browserify = require('browserify');
var babelify = require('babelify');
var watchify = require('watchify');
var notify = require('gulp-notify');
var stylus = require('gulp-stylus');
var autoprefixer = require('gulp-autoprefixer');
//npm install browser-sync gulp --save-dev
var gulp = require("gulp");
var less = require('gulp-less');
var path = require('path');
var browserSync = require("browser-sync").create();
// Static Server + watching scss/html files
gulp.task('serve', ['less'], function() {
browserSync.init({
@chrisvasey
chrisvasey / gulpfile.js
Created August 12, 2016 13:13
LESS + BrowserSync for static sites
/*
npm install -g grunt-cli
npm init
npm install grunt grunt-contrib-less grunt-contrib-watch jit-grunt grunt-browser-sync --save-dev
grunt
*/
module.exports = function(grunt) {
require('jit-grunt')(grunt);
grunt.initConfig({
@chrisvasey
chrisvasey / about.html
Created August 25, 2016 07:41
Smart Solutions About Page
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Smart Solutions Education Services provided on behalf of NYCC">
<meta name="keyword" content="smartsolutions smart solutions business services nycc north yorkshire county council">
@chrisvasey
chrisvasey / footer.html
Created September 1, 2016 09:29
ss footer
@chrisvasey
chrisvasey / course.html
Created September 1, 2016 09:32
Training Course Page
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Smart Solutions Education Services provided on behalf of NYCC">
<meta name="keyword" content="smartsolutions smart solutions business services nycc north yorkshire county council">
@chrisvasey
chrisvasey / training.html
Created September 1, 2016 09:34
Training Page
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Smart Solutions Education Services provided on behalf of NYCC">
<meta name="keyword" content="smartsolutions smart solutions business services nycc north yorkshire county council">
@chrisvasey
chrisvasey / main.css
Created September 1, 2016 09:36
Main CSS
@import 'vendor/animate.min.css';@import 'vendor/bootstrap.min.css';@import 'vendor/jquery-ui.css';@import 'vendor/jquery.fancybox.css';@import 'vendor/owl.carousel.css';@import 'vendor/owl.theme.css';@import 'vendor/morphext.css';body{font-family:'Montserrat',sans-serif;font-size:14px;color:#333333}form input{border:0;outline:0;box-shadow:none}h1,h2,h3,h4,h5,h6{font-weight:bold;color:#00539F}ul{list-style-type:none;padding-left:0}button:focus{outline:none !important;box-shadow:none !important}.noPad{padding:0;margin:0}.row{margin-left:0;margin-right:0}.section-padding{padding:125px 0}.page-top-padding{padding-top:60px !important}.section-title span{display:block;line-height:10px}.section-title h2{font-size:40px;font-weight:bold;color:#00539F;line-height:28px;padding-bottom:.75em;margin:.43em 0 1em;display:inline-block;position:relative}.section-title h2:after{content:"";background-color:#00539F;display:block;width:60px;height:3px;position:absolute;left:0;bottom:0}.breadcrumb-with-pagetitle .breadcrumb{margin
@chrisvasey
chrisvasey / service-styles.less
Created September 1, 2016 10:02
Colours and styles for each service
#blue {
background: #25AEE4;
}
#darkBlue {
background: #314CB6;
}
#purple {
background: #A856AA;
}
#red {