moved images to assets/images

scripts/imagemin.js

@@ -1,15 +1,14 @@
 var Imagemin = require('imagemin');
 
 new Imagemin()
-	.src('src/images/**/*.{gif,jpg,png,svg}')
-	.dest('dist/images')
+	.src('src/assets/images/**/*.{gif,jpg,png,svg}')
+	.dest('dist/assets/images')
 	.use(Imagemin.jpegtran({ progressive: true }))
 	.use(Imagemin.gifsicle({ interlaced: true }))
 	.use(Imagemin.optipng())
 	.use(Imagemin.svgo({ cleanupIDs: false }))
 	.run(function (err, files) {
         if (err) {
-            console.error('Error:', err);
+            console.error('Error:', err, files);
         }
-		console.log(files[0]);
 	});

scripts/server.js

@@ -28,7 +28,7 @@ if (argv.env && argv.env === 'build') {
         },
         files: [
             '.tmp/styles/index.css',
-            'src/images/**/*',
+            'src/assets/images/**/*',
             {
                 match: ['src/styles/**/*.scss'],
                 fn: function(event, file) {

src/sections/home.html

@@ -1,4 +1,4 @@
 <section id="home">
-    <header><img ui-sref="home" src="images/walk-with-me-logo.png" alt="Walk With Me: Berlin" title="Walk With Me: Berlin" width="230"/></header>
+    <header><img ui-sref="home" src="assets/images/walk-with-me-logo.png" alt="Walk With Me: Berlin" title="Walk With Me: Berlin" width="230"/></header>
     <age-form></age-form>
 </section>

src/sections/journey.html

@@ -1,7 +1,7 @@
 <section id="journey">
     <header>
         <div class="header-logo">
-            <p class="sub-image"><img src="images/h1-walk-with.png" alt="Walk with"/></p>
+            <p class="sub-image"><img src="assets/images/h1-walk-with.png" alt="Walk with"/></p>
             <h1>
                 <span ng-bind="vm.refugee.name"></span>,
                 <span ng-bind="vm.refugee.age"></span>
@@ -18,7 +18,7 @@ <h1>
                 &rarr;
                 <span ng-bind="vm.refugee.currentCity"></span>
             </p>
-            <img class="route-map" ng-src="images/journey/{{vm.refugee.mapUrl}}" alt="{{vm.refugee.homeTown}} to {{vm.refugee.currentCity}}"/>
+            <img class="route-map" ng-src="assets/images/journey/{{vm.refugee.mapUrl}}" alt="{{vm.refugee.homeTown}} to {{vm.refugee.currentCity}}"/>
         </div>
     </header>
 
@@ -30,7 +30,7 @@ <h1>
     </div>
 
     <article class="card">
-        <h2 class="sub-image"><img src="images/h1-my-story.png" alt="My story"/></h2>
+        <h2 class="sub-image"><img src="assets/images/h1-my-story.png" alt="My story"/></h2>
         <div ng-bind-html="vm.refugee.story.whoAreYou"></div>
 
         <h2>Why did you leave?</h2>

src/sections/profileAdded.html

@@ -1,6 +1,6 @@
 <section id="profile-added">
     <header>
-        <img ui-sref="home" src="images/walk-with-me-logo.png" alt="Walk With Me: Berlin" title="Walk With Me: Berlin" width="230"/>
+        <img ui-sref="home" src="assets/images/walk-with-me-logo.png" alt="Walk With Me: Berlin" title="Walk With Me: Berlin" width="230"/>
     </header>
 
     <p class="success-message">

src/styles/sections/addProfile.scss

@@ -1,10 +1,10 @@
 #add-profile {
-  background: transparent url('../images/bg-mobile.jpg') center center no-repeat fixed;
+  background: transparent url('../assets/images/bg-mobile.jpg') center center no-repeat fixed;
   background-size: cover;
   padding: 1rem;
 
   @media(min-width: $layout-s) {
-    background-image: url('../images/bg-web.jpg');
+    background-image: url('../assets/images/bg-web.jpg');
   }
 
   h2 {

src/styles/sections/home.scss

@@ -1,11 +1,11 @@
 #home {
-  background: transparent url('../images/bg-mobile.jpg') center center no-repeat;
+  background: transparent url('../assets/images/bg-mobile.jpg') center center no-repeat;
   background-size: cover;
   padding: 1rem;
   position: relative;
 
   @media(min-width: 768px) {
-    background-image: url('../images/bg-web.jpg');
+    background-image: url('../assets/images/bg-web.jpg');
   }
 
   .age-form {

src/styles/sections/journey.scss

@@ -47,7 +47,7 @@ $map-height: 460px;
 
     &::after {
       content: "";
-      background: transparent url('../images/grunge-over-image.png') left bottom no-repeat;
+      background: transparent url('../assets/images/grunge-over-image.png') left bottom no-repeat;
       top: 0;
       left: 0;
       bottom: 0;
@@ -112,7 +112,7 @@ $map-height: 460px;
   }
 
   article {
-    background: transparent url('../images/grunge-white-top.jpg') left -55px no-repeat;
+    background: transparent url('../assets/images/grunge-white-top.jpg') left -55px no-repeat;
     line-height: 1.5;
     max-width: $content-max-width;
     padding: 2rem;

src/styles/sections/profileAdded.scss

@@ -1,11 +1,11 @@
 #profile-added {
-  background: transparent url('../images/bg-mobile.jpg') center center no-repeat;
+  background: transparent url('../assets/images/bg-mobile.jpg') center center no-repeat;
   background-size: cover;
   padding: 1rem;
   position: relative;
 
   @media(min-width: $layout-s) {
-    background-image: url('../images/bg-web.jpg');
+    background-image: url('../assets/images/bg-web.jpg');
   }
 
   .success-message {