Initial commit

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+npm-debug.log
+dest
+.DS_Store

.htmlhintrc

@@ -0,0 +1,4 @@
+{
+  "doctype-first": false,
+  "inline-style-disabled": true
+}

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "semi": false
+}

.stylelintrc

@@ -0,0 +1,11 @@
+{
+  "extends": [
+    "stylelint-config-standard",
+    "stylelint-config-prettier",
+  ],
+  "plugins": ["stylelint-prettier"],
+  "rules": {
+    "at-rule-no-unknown": null,
+    "prettier/prettier": true,
+  }
+}

README.md

@@ -0,0 +1,27 @@
+# Web Starter Kit (Apprentice Edition)
+
+This is a barebones development server that offers SASS compiling w/ [Autoprefixer](https://github.com/postcss/autoprefixer). It supports [Browsersync](https://browsersync.io) for live reloads and interaction sync across browsers.
+
+## Apprentice Edition
+
+This version of the web starter kit removes some additional CSS that's typically included in the main [Web Starter Kit](https://github.com/8thlight/web-starter-kit).
+
+## Includes Starter ITCSS
+
+This project includes a starter [ITCSS structure](https://github.com/8thlight/design-styleguide#scss) complete with variables and normalization.
+
+## Installation
+
+> `npm install`
+
+## Starting the Server
+
+> `npm start`
+
+By default, the server will run at `http://localhost:3000`.
+
+You can access the Browsersync settings UI at `http://localhost:3001`. This will enable you to activate settings such as:
+
+- Network Throttle to simulate lower speed connections.
+- Remote Debug for CSS including element outlines, depth outlining, and a grid overlay.
+

gulpfile.js

@@ -0,0 +1,38 @@
+var gulp         = require('gulp');
+var browserSync  = require('browser-sync').create();
+var sass         = require('gulp-sass');
+var autoprefixer = require('gulp-autoprefixer');
+var cachebust    = require('gulp-cache-bust');
+var reload       = browserSync.reload;
+
+gulp.task('sass', function() {
+  return gulp.src('src/scss/styles.scss')
+    .pipe(sass().on('error', sass.logError))
+    .pipe(autoprefixer())
+    .pipe(gulp.dest('dest/css'))
+    .pipe(reload({stream: true}))
+});
+
+gulp.task('html', function() {
+  return gulp.src('./src/**/*.html')
+    .pipe(cachebust({type: 'timestamp'}))
+    .pipe(gulp.dest('dest'))
+    .pipe(reload({stream: true}))
+});
+
+gulp.task('assets', function() {
+  return gulp.src('./src/assets/**/*')
+    .pipe(gulp.dest('dest/assets'))
+});
+
+gulp.task('serve', function() {
+  browserSync.init({
+    server: "./dest",
+    notify: false
+  });
+
+  gulp.watch('src/**/*.html', gulp.series('html'))
+  gulp.watch('src/scss/**/*.scss', gulp.series('sass'))
+});
+
+gulp.task('default', gulp.series('html', 'sass', 'assets', 'serve'));