Brian Finck Alina To Chris Holt

.gitignore

@@ -6,6 +6,7 @@ logs
 pids
 *.pid
 *.seed
+*.DS_Store
 
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
@@ -21,6 +22,8 @@ coverage
 
 # Compiled binary addons (http://nodejs.org/api/addons.html)
 build/Release
+app/public/js/**/*.js
+app/public/css/*.css
 
 # Dependency directory
 # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git

Gulpfile.js

@@ -0,0 +1,84 @@
+var gulp = require('gulp'),
+		sass = require('gulp-sass'),
+		neat = require('node-neat'),
+		browserify = require('browserify'),
+		source = require('vinyl-source-stream'),
+		uglify = require('gulp-uglify'),
+		rename = require('gulp-rename'),
+		es = require('event-stream'),
+		autoprefixer = require('gulp-autoprefixer');
+
+var csslint = require('gulp-csslint');
+var jshint = require('gulp-jshint');
+
+///////all the js to one min file///////////////////
+gulp.task('browserify', function() {
+	// we define our input files, which we want to have
+	// bundled:
+	var files = [
+		'./app/entry.js'
+	];
+	// map them to our stream function
+	var tasks = files.map(function(entry) {
+		return browserify({ entries: [entry] })
+			.bundle()
+			.pipe(source(entry))
+		// rename them to have "bundle as postfix"
+			.pipe(rename({
+			extname: '.bundle.js'
+		}))
+			.pipe(gulp.dest('./app/public/js'));
+	});
+	// create a merged stream
+	return es.merge.apply(null, tasks);
+});
+
+//////// sass //////////////
+var csspaths = {
+	scss: './app/**/*.scss'
+};
+
+gulp.task('sass', function () {
+	return gulp.src(csspaths.scss)
+		.pipe(sass({
+		includePaths: [['run'].concat(neat),
+									 require('node-bourbon').includePaths,
+									 require('node-neat').includePaths
+									]
+	}))
+		.pipe(autoprefixer({
+		browsers: ['last 2 versions'],
+		cascade: false
+	}))
+		.pipe(gulp.dest('./app/public/css'));
+});
+
+
+/////// run js and sass ///////////
+gulp.task('run',function(){
+	gulp.start('sass');
+	gulp.start('browserify');
+});
+
+/////// watch js and sass //////////
+gulp.task('watch', function() {
+	gulp.watch("./app/**/*.scss", ["sass"]);
+	gulp.watch(['./node_modules/angular/angular.js', './node_modules/angular-route/angular-route.js', './app/app.js', './app/script/**/*js'], ['browserify']);
+});
+
+//////// server js and sass /////////
+gulp.task('serve', ['run', 'watch']);
+
+////////// css lint //////////
+gulp.task("css", function() {
+  gulp.src(".app/public/css/*.css")
+    .pipe(csslint())
+    .pipe(csslint.reporter());
+});
+
+//////// js lint //////////////
+gulp.task('lint', function() {
+  return gulp.src('./app/**/*.js')
+    .pipe(jshint())
+    .pipe(jshint.reporter('default'));
+});

app/app.js

@@ -0,0 +1,46 @@
+// require('angular');
+// require('angular-route');
+(function(){
+
+	'use strict';
+	// Declare app level module which depends on filters, and services
+	var AwesomeBlogApp = angular.module('AwesomeBlog', ['ngRoute']).
+
+	config(["$routeProvider", function ($routeProvider) {
+		$routeProvider
+
+		////route home page blog posts//////////
+			.when("/blogposts", {
+			templateUrl: "partials/blogpost.html",
+			controller: "BlogpostsCtrl as vm",
+		})
+
+		/////form to make more blog posts///////
+			.when("/blogposts/new", {
+			templateUrl: "partials/form.html",
+			controller: "BlogFormCtrl as vm",
+		})
+			.when("/blogposts/:blogpost_id/edit", {
+			templateUrl: "partials/form.html",
+			controller: "BlogFormCtrl as vm",
+		})
+			.when("/blogposts/:blogpost_id", {
+			templateUrl: "partials/blog.html",
+			controller: "BlogpostCtrl as vm",
+		})
+			.otherwise({
+			redirectTo: "/blogposts",
+		});
+
+	}]);
+
+	// Controller to make DATE work!
+	AwesomeBlogApp.controller("DateCtrl", ["$scope", function($scope) {
+			$scope.date = new Date();
+	}]);
+
+}());
+
+// require('./scripts/blog.service');
+// require('./scripts/blog.ctrl');
+// require('./blog_form.ctrl');

app/entry.js

@@ -0,0 +1,8 @@
+require("../node_modules/angular/angular.js");
+require("../node_modules/angular-route/angular-route.js");
+require("./app.js");
+require("./scripts/blog.ctrl.js");
+require("./scripts/blog.service.js");
+require("./scripts/blog_details.directive.js");
+require("./scripts/blog_form.ctrl.js");
+require("./scripts/blogposts.ctrl.js");

app/index.scss

@@ -0,0 +1,5 @@
+@import "bourbon";
+@import "sass/base/index";
+@import "sass/typography/index";
+@import "sass/utils/index";
+@import "sass/components/index";

app/public/index.html

@@ -0,0 +1,100 @@
+<!doctype html>
+<html lang="en" ng-app="AwesomeBlog">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <meta name="viewport" content="width=device-width, user-scalable=no">
+		<link rel="stylesheet" href="css/index.css">
+    <title>AwesomeBlog!</title>
+  </head>
+	<body>
+    <!-- NAV -->
+    <header class="header-container">
+    	<h1 class="logo">intelly</h1>
+			<nav class="primary-nav-wrap">
+				<ul>
+					<li><a class="mobile-nav" href="#">Menu</a>
+						<ul class="main-nav">
+							<li><a href="#">HOME</a></li>
+							<li><a href="#">PAGES</a></li>
+							<li><a href="#">BLOG</a></li>
+							<li><a href="#">PORTFOLIO</a>
+								<ul>
+									<li><a href="#">Web Design</a></li>
+									<li><a href="#">Photography</a></li>
+									<li><a href="#">Consulting</a></li>
+									<li><a href="#">IOS Develpment</a></li>
+								</ul>
+							</li>
+							<li><a href="#">SHORTCODES</a></li>
+							<li><a href="#">FEATURES</a></li>
+							<li><a href="#">CONTACT</a></li>
+						</ul>
+					</li>
+				</ul>
+			</nav>
+    </header>
+
+
+    <!-- SOME KIND OF NG-VIEW THING -->
+		<div ng-controller="BlogpostsCtrl" ng-view></div>
+
+    <!-- CONTACT SECTION  -->
+    <section>
+      <div class="learn-more-wrapper">
+        <h1>Serene in their assurance of their empire over matter</h1>
+        <p>No one would have believed in the last years of the nine-teenth century that this world was being watched keenly and closely by intelligence grater than man's</p>
+        <div class="learn-button-wrapper">
+          <a class="btn-secondary" href="#">Contact Now</a>
+          <a class="btn-secondary" href="#">Learn More</a>
+        </div>
+      </div>
+      <div class="contact-info-wrapper">
+        <div class="address-wrapper">
+          <address>
+            2319 Hilltop Haven Drive<br>
+            Upper Greenwood Lake, NJ 07421
+          </address>
+        </div>
+        <div class="phone-email-wrapper">
+          <a href="tel:+16624076792">662-407-6792</a><br>
+          <a href="mailto:contact@intell.com" target="_top">contact@intell.com</a>
+        </div>
+      </div>
+      <div class="contact-social-links-wrapper">
+        <ul>
+          <li>
+            <a class="icon-twitter" href="#">
+              <span>Follow Us</span>
+            </a>
+          </li>
+          <li>
+            <a class="icon-facebook" href="#">
+              <span>Like Us</span>
+            </a>
+          </li>
+          <li>
+            <a class="icon-linkedin" href="#">
+              <span>Connect</span>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </section>
+
+    <!-- FOOTER  -->
+    <footer>
+      <ul>
+        <li>&#169; 2014 intelly LLC</li>
+        <li><a href="#">TERMS OF USE</a></li>
+        <li><a href="#">PRIVACY POLICY</a></li>
+        <li><a href="#">CONTACT</a></li>
+        <li><a href="#">SUPPORT</a></li>
+      </ul>
+    </footer>
+
+    <!-- SCRIPT TAGS -->
+    <script src="js/app/entry.bundle.js"></script>
+
+  </body>
+</html>

app/public/partials/blog.html

@@ -0,0 +1,37 @@
+<!-- Blog Main SECTION -->
+<section class="page-banner">
+  <h1>Blog</h1>
+</section>
+<!-- MINI NAV  -->
+<div class="sub-nav-wrapper">
+  <nav class="sub-nav">
+    <ul>
+      <li><a href="#">HOME</a></li>
+      <li><a href="#/blogposts/">BLOG</a></li>
+      <li>{{vm.blogpost.title}}</li>
+    </ul>
+  </nav>
+  <div class="share-social-icons">
+    <p>Share</p>
+    <ul>
+      <li><a class="icon-twitter" href="#"></a></li>
+      <li><a class="icon-facebook" href="#"></a></li>
+      <li><a class="icon-google" href="#"></a></li>
+      <li><a class="icon-pinterest" href="#"></a></li>
+    </ul>
+  </div>
+</div>
+<section class="blog-container">
+<!--   <h1>Single Blogpost!</h1> -->
+  <article ng-controller="BlogpostCtrl" class="blog-summary">
+    <h1>{{ vm.blogpost.title }}</h1>
+    <p> {{ vm.blogpost.text }}</p>
+    <ul class="blog-metadata">
+      <li>{{ vm.blogpost.author }}</li>
+      <li class="date">{{ vm.blogpost.date | date:"MM-dd-yyyy" }}</li>
+      <li>4 comments</li>
+    </ul>
+    <a class="btn-primary" href="#/blogposts/{{ blogpost._id }}">View All</a>
+    <a class= "btn-small" href="#/blogposts/{{vm.blogpost._id}}/edit">Edit</a>
+  </article>
+</section>

app/public/partials/blogpost.html

@@ -0,0 +1,41 @@
+<!-- Blog Main SECTION -->
+<section class="page-banner">
+  <h1>Blog</h1>
+  <p>The secular cooling that must someday overtake our planet has already gone far indeed with our neighbour. Its physical condition is still largely a mystery, but we know now that</p>
+</section>
+
+<!-- MINI NAV  -->
+<div class="sub-nav-wrapper">
+  <nav class="sub-nav">
+    <ul>
+      <li><a href="#">HOME</a></li>
+      <li>BLOG</li>
+      <!-- BLOG link is breadcrumbs -->
+		</ul>
+	</nav>
+  <div class="share-social-icons">
+	  <p>Share</p>
+    <ul>
+      <li><a class="icon-twitter" href="#"></a></li>
+      <li><a class="icon-facebook" href="#"></a></li>
+      <li><a class="icon-google" href="#"></a></li>
+      <li><a class="icon-pinterest" href="#"></a></li>
+    </ul>
+  </div>
+</div>
+
+<section class="blog-container">
+<!-- 	<h1>List of Blogposts!</h1> -->
+	<article ng-repeat="blogpost in vm.blogposts" class="blog-summary">
+		<h1>{{ blogpost.title }}</h1>
+		<p> {{ blogpost.text | limitTo: 300 }}{{ blogpost.text.length > 300 ? '...' : '' }}</p>
+		<ul class="blog-metadata">
+			<li>{{ blogpost.author }}</li>
+			<li class="date">{{ blogpost.date | date:"MM-dd-yyyy" }}</li>
+			<li>4 comments</li>
+		</ul>
+		<a class="btn-primary" href="#/blogposts/{{ blogpost._id }}">Read More</a>
+		<a class="btn-small" ng-click="vm.delete(blogpost)">Delete</a>
+	</article>
+	<a class="btn-primary-alt" href="#/blogposts/new">Add New</a>
+</section>

app/public/partials/form.html

@@ -0,0 +1,31 @@
+<section class="page-banner">
+  <h1>Add or Edit A Blogpost</h1>
+</section>
+
+<!-- MINI NAV  -->
+<div class="sub-nav-wrapper">
+  <nav class="sub-nav">
+    <ul>
+      <li><a href="#">HOME</a></li>
+      <li><a href="#">BLOG</a></li>
+      <li>Add/Edit</li>
+    </ul>
+  </nav>
+  <div class="share-social-icons">
+    <p>Share</p>
+    <ul>
+      <li><a class="icon-twitter" href="#"></a></li>
+      <li><a class="icon-facebook" href="#"></a></li>
+      <li><a class="icon-google" href="#"></a></li>
+      <li><a class="icon-pinterest" href="#"></a></li>
+    </ul>
+  </div>
+</div>
+<!-- Form -->
+<form ng-submit="vm.save()" ng-controller="BlogFormCtrl">
+  <input type="text" ng-model="vm.blogpost.title" placeholder="Title" />
+  <textarea type="text" ng-model="vm.blogpost.text" placeholder="Text"></textarea>
+  <input type="text" ng-model="vm.blogpost.author" placeholder="Author" />
+  <input type="date" ng-model="vm.blogpost.date" placeholder="Date" />
+  <input class="btn-primary-alt" type="submit" name="Submit">
+</form>

app/sass/base/_index.scss

@@ -0,0 +1,3 @@
+@import "reset";
+@import "variables";
+@import "typography";