Update gh-pages style

devel/webpack.common.js

@@ -173,21 +173,18 @@ module.exports = {
       }, {
         // additional css extracted to style/app-theme.css
         test: /\.css$/,
-        use: extractDefaultTheme.extract({
-          fallback: 'style-loader',
-          use: [
-            { loader: 'css-loader', options: { sourceMap: isDev } },
-            { loader: 'postcss-loader',
-              options: {
-                sourceMap: true,
-                plugins: (loader) => [
-                  require('autoprefixer')({browsers: ['last 3 versions', 'iOS 9']})
-                ]
-              }
-            },
-            'resolve-url-loader'
-          ]
-        })
+        use: [
+          { loader: 'css-loader', options: { sourceMap: isDev } },
+          { loader: 'postcss-loader',
+            options: {
+              sourceMap: true,
+              plugins: (loader) => [
+                require('autoprefixer')({browsers: ['last 3 versions', 'iOS 9']})
+              ]
+            }
+          },
+          'resolve-url-loader'
+        ]
       }, {
         // blue theme extracted to style/app-theme-blue.css
         test: /app-theme-blue.scss$/,

package.json

@@ -33,7 +33,7 @@
     "lint": "npm-run-all lint:*",
     "lint:stylelint": "stylelint './src/app/sass/**/*.scss' --syntax scss --config ./config/stylelint.json",
     "lint:standard": "standard -v | snazzy",
-    "start": "webpack-dev-server --config ./devel/webpack.dev.js",
+    "start": "NODE_ENV=development webpack-dev-server --config ./devel/webpack.dev.js",
     "test:ci-on-linux": "echo \"run tests\"",
     "test:ci-on-mac": "echo \"run tests\"",
     "test:ci-on-windows": "echo \"run tests\"",

src/js/app.js

@@ -11,7 +11,7 @@ import '../style/app-theme-yellow.scss'
 
 const metadata = require('../metadata')
 
-if (process.env.NODE_ENV !== 'production') {
+if (process.env.NODE_ENV !== 'production' && typeof AFRAME !== 'undefined') {
   const info = AFRAME.utils.debug(`${PROJECT_NAME}:info`)
   info('Looks like we are in development mode!')
   info(`Version: ${PROJECT_VERSION}-dev`)

src/style/app/_entry.scss

@@ -6,4 +6,4 @@
 @import '../config/index';
 
 // https://mkungla.github.io/aframe-webpack-boilerplate/
-@import 'mkungla.github.io';
+@import 'mkungla-github-io';

src/style/app/_mkungla.github.io.scss → src/style/app/_mkungla-github-io.scss

@@ -1,6 +1,6 @@
 .github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
 html {
-  background: #33425B;
+  background: coral;
   color: #FAFAFA;
   font-family: monospace;
   font-size: 20px;