From 6b7878daf27a9735fefa4624b46349a3f21b2ffc Mon Sep 17 00:00:00 2001 From: nicole pank Date: Wed, 23 Dec 2015 18:07:33 -0600 Subject: [PATCH] set up app --- .gitignore | 1 + Procfile | 1 + README.md | 2 +- css/main.css | 55 +++++++++++++++++++++++++++++++++++++++++++++++++ dist/all.js | 2 ++ dist/all.min.js | 1 + gulpfile.js | 40 +++++++++++++++++++++++++++++++++++ index.html | 33 +++++++++++++++++++++++++++++ js/app.js | 2 ++ package.json | 29 ++++++++++++++++++++++++++ server.js | 15 ++++++++++++++ 11 files changed, 180 insertions(+), 1 deletion(-) create mode 100644 .gitignore create mode 100644 Procfile create mode 100644 css/main.css create mode 100644 dist/all.js create mode 100644 dist/all.min.js create mode 100644 gulpfile.js create mode 100644 index.html create mode 100644 js/app.js create mode 100644 package.json create mode 100644 server.js diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c2658d7 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules/ diff --git a/Procfile b/Procfile new file mode 100644 index 0000000..489b270 --- /dev/null +++ b/Procfile @@ -0,0 +1 @@ +web: node server.js diff --git a/README.md b/README.md index 42061c0..a311e46 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -README.md \ No newline at end of file +This is my personal site. \ No newline at end of file diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..eae27df --- /dev/null +++ b/css/main.css @@ -0,0 +1,55 @@ +body, +html { + background: #333D47; + font-size: 16px; + font-family: 'Open Sans', sans-serif; + color: #8d6e91; +} + +textarea { + min-width: 50%; + min-height: 250px; + border-radius: 3px; +} +textarea:focus { + outline: none; +} + +a, +a:active, +a:focus, +a:visited { + color: #6e8991; + text-decoration: none; +} +a:hover { + color: #698c96; +} + +.button { + display: inline-block; + min-width: 100px; + max-width: 500px; + padding: 8px; + color: #698c96; + border: 1px solid #698c96; + text-align: center; + outline: none; + text-decoration: none; + border-radius: 3px; + margin: 25px auto; +} +.button:hover, +.button:active { + background-color: #698c96; + color: #333D47; +} + +.center-align { + text-align: center; +} + + +@media screen and (max-width: 960px) { + +} diff --git a/dist/all.js b/dist/all.js new file mode 100644 index 0000000..74d9294 --- /dev/null +++ b/dist/all.js @@ -0,0 +1,2 @@ +var app = angular.module('dnicole', []); + diff --git a/dist/all.min.js b/dist/all.min.js new file mode 100644 index 0000000..1145081 --- /dev/null +++ b/dist/all.min.js @@ -0,0 +1 @@ +var app=angular.module("dnicole",[]); \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..bb0b23f --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,40 @@ +var gulp = require('gulp'); + +var jshint = require('gulp-jshint'), + concat = require('gulp-concat'), + uglify = require('gulp-uglify'), + rename = require('gulp-rename'), + connect = require('gulp-connect'), + express = require('express'); + +gulp.task('lint', function() { + return gulp.src('js/*.js') + .pipe(jshint()) + .pipe(jshint.reporter('default')); +}); + +gulp.task('scripts', function() { + return gulp.src('js/*.js') + .pipe(concat('all.js')) + .pipe(gulp.dest('dist')) + .pipe(rename('all.min.js')) + .pipe(uglify()) + .pipe(gulp.dest('dist')); +}); + +gulp.task('watch', function() { + gulp.watch('js/*.js', ['lint', 'scripts']); +}); + +// For development, but express will handle this in prod. +gulp.task('serve', function() { + connect.server(); +}); + +// Default Task +gulp.task('default', ['lint', 'scripts', 'serve', 'watch']); + +// I run on deploy! +// gulp.task('heroku:production', function() { +// console.log('starting up!'); +// }); diff --git a/index.html b/index.html new file mode 100644 index 0000000..f80f312 --- /dev/null +++ b/index.html @@ -0,0 +1,33 @@ + + + + + + Nicole Pank + + + + + + + + + + + + +
+
+ Hello World! +
+ Button + link link link + +
+ + + + + diff --git a/js/app.js b/js/app.js new file mode 100644 index 0000000..74d9294 --- /dev/null +++ b/js/app.js @@ -0,0 +1,2 @@ +var app = angular.module('dnicole', []); + diff --git a/package.json b/package.json new file mode 100644 index 0000000..d552744 --- /dev/null +++ b/package.json @@ -0,0 +1,29 @@ +{ + "name": "dnicole", + "version": "1.0.0", + "description": "Nicole Pank's portfolio", + "main": "index.js", + "repository": { + "type": "git" + }, + "author": "", + "license": "ISC", + "dependencies": { + "gulp": "^3.9.0", + "gulp-concat": "^2.6.0", + "gulp-connect": "^2.2.0", + "gulp-jshint": "^1.11.2", + "gulp-rename": "^1.2.2", + "gulp-uglify": "^1.2.0", + "express": "~4.9.x", + "angular": "^1.4.7", + "mongodb": "^2.0.46" + }, + "engines": { + "node": "0.10.x", + "npm": "2.1.14" + }, + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + } +} diff --git a/server.js b/server.js new file mode 100644 index 0000000..c1fc8f8 --- /dev/null +++ b/server.js @@ -0,0 +1,15 @@ +var express = require('express'); +var app = express(); + +app.set('port', (process.env.PORT || 5000)); + +// Ok, so I know it's wrong and bad to make root a static dir. +app.use(express.static(__dirname + '/')); + +app.get('/', function(request, response) { + response.sendfile('index.html'); +}); + +app.listen(app.get('port'), function() { + console.log('Node app is running on port', app.get('port')); +});