use npm logo instead of photo

ShMcK · ShMcK · commit 50a5657d6812 · 2016-09-18T15:31:11.000-07:00
diff --git a/.gitignore b/.gitignore
@@ -32,6 +32,7 @@ $RECYCLE.BIN/
 .DS_Store
 .AppleDouble
 .LSOverride
+.vscode
 
 # Thumbnails
 ._*
diff --git a/.vscode/cSpell.json b/.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"
+    ]
+}
diff --git a/_posts/landing/2016-02-01-atom-coderoad.md b/_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
 ---
diff --git a/_posts/landing/2016-02-02-builder-coderoad.md b/_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
 ---
diff --git a/_posts/landing/2016-02-03-publish.md b/_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
 ---
diff --git a/_sass/_custom.scss b/_sass/_custom.scss
@@ -21,6 +21,7 @@ a.smooth:hover {
   width: 90%;
 }
 
+
 /* Portrait */
 @media (max-width: 850px) {
   .edit-docs {
diff --git a/images/docs/elements.svg b/images/docs/elements.svg
diff --git a/images/docs/tutorial.svg b/images/docs/tutorial.svg
diff --git a/images/landing/npm-logo.svg b/images/landing/npm-logo.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="540px" height="210px" viewBox="0 0 18 7">
+<path fill="#CB3837" d="M0,0h18v6H9v1H5V6H0V0z M1,5h2V2h1v3h1V1H1V5z M6,1v5h2V5h2V1H6z M8,2h1v2H8V2z M11,1v4h2V2h1v3h1V2h1v3h1V1H11z"/>
+<polygon fill="#FFFFFF" points="1,5 3,5 3,2 4,2 4,5 5,5 5,1 1,1 "/>
+<path fill="#FFFFFF" d="M6,1v5h2V5h2V1H6z M9,4H8V2h1V4z"/>
+<polygon fill="#FFFFFF" points="11,1 11,5 13,5 13,2 14,2 14,5 15,5 15,2 16,2 16,5 17,5 17,1 "/>
+</svg>
diff --git a/index.html b/index.html
@@ -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 %}

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@ a.smooth:hover {`
`21`	`21`	`width: 90%;`
`22`	`22`	`}`
`23`	`23`
	`24`	`+`
`24`	`25`	`/* Portrait */`
`25`	`26`	`@media (max-width: 850px) {`
`26`	`27`	`.edit-docs {`