dev environment

StartBootstrap · Apr 1, 2017 · eb6fb77 · eb6fb77
1 parent 47222fb
commit eb6fb77
Show file tree

Hide file tree

Showing 19 changed files with 13,945 additions and 29 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/LICENSE b/LICENSE
@@ -1,7 +1,6 @@
-
 The MIT License (MIT)
 
-Copyright (c) 2013-2017 Blackrock Digital LLC.
+Copyright (c) 2013-2017 Blackrock Digital LLC
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/css/full-width-pics.css b/css/full-width-pics.css
@@ -1,7 +1,7 @@
-/*
- * Start Bootstrap - Full Width Pics (http://startbootstrap.com/)
+/*!
+ * Start Bootstrap - Full Width Pics (http://startbootstrap.com/template-overviews/full-width-pics)
  * Copyright 2013-2017 Start Bootstrap
- * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
  */
 
 body {
@@ -20,4 +20,4 @@ body {
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
-}
+}
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,35 @@
+var gulp = require('gulp');
+var browserSync = require('browser-sync').create();
+var pkg = require('./package.json');
+
+// Copy vendor files from /node_modules into /vendor
+// NOTE: requires `npm install` before running!
+gulp.task('copy', function() {
+    gulp.src(['node_modules/bootstrap/dist/**/*', '!**/npm.js', '!**/bootstrap-theme.*', '!**/*.map'])
+        .pipe(gulp.dest('vendor/bootstrap'))
+
+    gulp.src(['node_modules/jquery/dist/jquery.js', 'node_modules/jquery/dist/jquery.min.js'])
+        .pipe(gulp.dest('vendor/jquery'))
+
+    gulp.src(['node_modules/tether/dist/js/*.js'])
+        .pipe(gulp.dest('vendor/tether'))
+})
+
+// Default task
+gulp.task('default', ['copy']);
+
+// Configure the browserSync task
+gulp.task('browserSync', function() {
+    browserSync.init({
+        server: {
+            baseDir: ''
+        },
+    })
+})
+
+// Dev task with browserSync
+gulp.task('dev', ['browserSync'], function() {
+    // Reloads the browser whenever HTML or CSS files change
+    gulp.watch('css/*.css', browserSync.reload);
+    gulp.watch('*.html', browserSync.reload);
+});
diff --git a/index.html b/index.html
@@ -4,20 +4,19 @@
 <head>
 
     <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
     <meta name="description" content="">
     <meta name="author" content="">
+
     <title>Full Width Pics - Start Bootstrap Template</title>
 
-    <!-- Bootstrap Core CSS -->
-    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <!-- Bootstrap core CSS -->
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
-    <!-- Custom CSS -->
+    <!-- Custom styles for this template -->
     <link href="css/full-width-pics.css" rel="stylesheet">
 
-    <!-- Temporary fix for navbar responsiveness -->
+    <!-- Temporary navbar container fix -->
     <style>
     .navbar-toggler {
         z-index: 1;
@@ -97,14 +96,10 @@ <h1>Section Heading</h1>
         <!-- /.container -->
     </footer>
 
-    <!-- jQuery Version 3.1.1 -->
-    <script src="js/jquery.js"></script>
-
-    <!-- Tether -->
-    <script src="js/tether.min.js"></script>
-
-    <!-- Bootstrap Core JavaScript -->
-    <script src="js/bootstrap.min.js"></script>
+    <!-- Bootstrap core JavaScript -->
+    <script src="vendor/jquery/jquery.min.js"></script>
+    <script src="vendor/tether/tether.min.js"></script>
+    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
 
 </body>
 

diff --git a/js/jquery.js b/js/jquery.js
diff --git a/package.json b/package.json
@@ -1,15 +1,37 @@
 {
-    "name": "startbootstrap-full-width-pics",
     "title": "Full Width Pics",
+    "name": "startbootstrap-full-width-pics",
     "version": "4.0.0-alpha",
+    "description": "A HTML template featuring sections with full width image backgrounds built with Bootstrap",
+    "keywords": [
+        "css",
+        "sass",
+        "html",
+        "responsive",
+        "theme",
+        "template"
+    ],
     "homepage": "http://startbootstrap.com/template-overviews/full-width-pics",
-    "author": "Start Bootstrap",
-    "license": {
-        "type": "MIT",
-        "url": "https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE"
+    "bugs": {
+        "url": "https://github.com/BlackrockDigital/startbootstrap-full-width-pics/issues",
+        "email": "feedback@startbootstrap.com"
     },
+    "license": "MIT",
+    "author": "Start Bootstrap",
+    "contributors": [
+        "David Miller (http://davidmiller.io/)"
+    ],
     "repository": {
         "type": "git",
         "url": "https://github.com/BlackrockDigital/startbootstrap-full-width-pics.git"
+    },
+    "dependencies": {
+        "bootstrap": "^4.0.0-alpha.6",
+        "jquery": "^3.2.1",
+        "tether": "^1.4.0"
+    },
+    "devDependencies": {
+        "browser-sync": "^2.18.8",
+        "gulp": "^3.9.1"
     }
 }