set up app

dnicole · Dec 24, 2015 · 6b7878d · 6b7878d
1 parent aa01930
commit 6b7878d
Show file tree

Hide file tree

Showing 11 changed files with 180 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/Procfile b/Procfile
@@ -0,0 +1 @@
+web: node server.js
diff --git a/README.md b/README.md
@@ -1 +1 @@
-README.md
+This is my personal site.
diff --git a/css/main.css 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
@@ -0,0 +1,2 @@
+var app = angular.module('dnicole', []);
+
diff --git a/dist/all.min.js b/dist/all.min.js
@@ -0,0 +1 @@
+var app=angular.module("dnicole",[]);
diff --git a/gulpfile.js 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
@@ -0,0 +1,33 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>Nicole Pank</title>
+        <meta name="description" content="Nicole Pank's portfolio">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
+        <link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
+
+        <link rel="stylesheet" type="text/css" href="/css/main.css" />
+        <script src="/node_modules/angular/angular.js"></script>
+        <script src="/js/app.js"></script>
+    </head>
+    <body ng-app="dnicole">
+        <!--[if lt IE 8]>
+            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+
+        <div class="center-align">
+            <div>
+                Hello World!
+            </div>
+            <a class="button" href="#">Button</a>
+            <a href="#">link link link</a>
+
+        </div>
+
+
+
+    </body>
+</html>
diff --git a/js/app.js b/js/app.js
@@ -0,0 +1,2 @@
+var app = angular.module('dnicole', []);
+
diff --git a/package.json 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
@@ -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'));
+});