Add simple navigation without page transitions

Author: collingo

.jshintrc

@@ -1,3 +1,5 @@
 {
-  "esnext": true
+  "esnext": true,
+  "browser": true,
+  "globalstrict": true
 }

Dockerfile

@@ -11,7 +11,6 @@ ENV TERM=xterm-256color
 ENV NODE_ENV=production
 
 COPY package.json /usr/local/src/package.json
-COPY npm-shrinkwrap.json /usr/local/src/npm-shrinkwrap.json
 RUN npm install --production
 
 COPY gulpfile.js /usr/local/src/gulpfile.js

Makefile

@@ -1,9 +1,9 @@
-tag ?= 0.1.2
+tag ?= 0.2.0
 image_name ?= ustwo/ustwo.com-frontend
 container ?= us2
 vm ?= dev
 image = $(image_name):$(tag)
-mount = -v $$(pwd)/node_modules:/usr/local/src/node_modules -v $$(pwd)/src:/usr/local/src/src -v $$(pwd)/npm-shrinkwrap.json:/usr/local/src/npm-shrinkwrap.json -v $$(pwd)/package.json:/usr/local/src/package.json -v $$(pwd)/gulpfile.js:/usr/local/src/gulpfile.js
+mount = -v $$(pwd)/node_modules:/usr/local/src/node_modules -v $$(pwd)/src:/usr/local/src/src -v $$(pwd)/package.json:/usr/local/src/package.json -v $$(pwd)/gulpfile.js:/usr/local/src/gulpfile.js
 .PHONY : browsersync restart rm styleguide watch
 
 # Build container
@@ -85,7 +85,7 @@ stop :
 
 # Update packages inside container
 install :
-	docker run -p 8888:8888 --name $(container) $(mount) $(image) npm install
+	docker run -p 8888:8888 --name $(container) $(base_mount) $(image) npm install
 
 # Update packages inside container
 update :

npm-shrinkwrap.json

@@ -53,7 +53,7 @@
     "pluralize": "1.1.2",
     "react": "0.13.3",
     "react-style-guide": "1.1.5",
-    "react-transition-manager": "1.2.2",
+    "react-transition-manager": "1.2.3",
     "reactify": "1.1.1",
     "route-pattern": "0.0.6",
     "scrollmagic": "2.0.5",

package.json

@@ -1,14 +1,3 @@
-html,
-body,
-#pageContent,
-.app,
-.app__stage,
-.app__stage__page-container {
-  height: 100%;
-  width: 100%;
-}
-
-
 .app {
 
   .nav-wrapper {
@@ -31,29 +20,6 @@ body,
       height: 100%;
       width: 100%;
 
-      &.add {
-        opacity: 0;
-        transition: opacity 0.5s ease-in-out;
-
-        &.show {
-          opacity: 1;
-        }
-        &.hide {
-          opacity: 0;
-        }
-      }
-    }
-  }
-  &__stage {
-
-    &__page-container {
-      position: absolute;
-      top: 0;
-      left: 0;
-      overflow-y: scroll;
-      overflow-x: hidden;
-      -webkit-overflow-scrolling: touch;
-
       &.add {
         opacity: 0;
         transition: opacity 0.5s ease-in-out;

src/assets/scss/_app.scss

@@ -1,6 +1,6 @@
 .header {
   display: block;
-  position: fixed;
+  position: absolute;
   top: 0;
   right: 0;
   left: 0;