use npm logo instead of photo

Author: ShMcK

.gitignore

@@ -32,6 +32,7 @@ $RECYCLE.BIN/
 .DS_Store
 .AppleDouble
 .LSOverride
+.vscode
 
 # Thumbnails
 ._*

.vscode/cSpell.json

@@ -0,0 +1,21 @@
+// cSpell Settings
+{
+    
+    // Version of the setting file.  Always 0.1
+    "version": "0.1",
+    
+    // language - current active spelling language
+    "language": "en",
+    
+    // words - list of words to be always considered correct
+    "words": [
+        "coderoad"
+    ],
+    
+    // flagWords - list of words to be always considered incorrect
+    // This is useful for offensive words and common spelling errors.
+    // For example "hte" should be "the"
+    "flagWords": [
+        "hte"
+    ]
+}

_posts/landing/2016-02-01-atom-coderoad.md

@@ -9,6 +9,8 @@ image:
   href: atom-coderoad-demo
   alt: Atom-CodeRoad Demo
   src: images/demos/atom-coderoad.jpg
+  height: 328px
+  width: 574px
 categories:
 - features
 ---

_posts/landing/2016-02-02-builder-coderoad.md

@@ -9,6 +9,8 @@ image:
   href: builder-coderoad-demo
   alt: Builder-CodeRoad Demo
   src: images/demos/builder-demo.jpg
+  height: 328px
+  width: 574px
 categories:
 - features
 ---

_posts/landing/2016-02-03-publish.md

@@ -1,9 +1,11 @@
 ---
 title: Publish Free & Open
 image:
-  id: publish-tutorial
-  alt: Publish Tutorial
-  src: images/demos/publish.png
+  id: publish-npm
+  alt: Publish on NPM
+  src: images/landing/npm-logo.svg
+  height: 100px
+  width: 100px
 categories:
 - features
 ---

_sass/_custom.scss

@@ -21,6 +21,7 @@ a.smooth:hover {
   width: 90%;
 }
 
+
 /* Portrait */
 @media (max-width: 850px) {
   .edit-docs {

images/docs/elements.svg

@@ -41,9 +41,13 @@ <h2>{{summary.title}}</h2>
 			{% if feature.image.href %}
 			<a id="{{feature.image.id}}" href="#{{feature.image.href}}" class="modal-link">
 			{% endif %}
-				<img alt="{{feature.image.alt}}" class="lazy"
-				src="{{feature.image.src}}"
-				height="328px" width="574px"/>
+				<img
+          class="lazy"
+          alt="{{feature.image.alt}}" 
+				  src="{{feature.image.src}}"
+				  height="{{feature.image.height}}"
+          width="{{feature.image.height}}"
+        />
 			{% if feature.image.href %}
 			</a>
 			{% endif %}