Fix asset urls for examples that load images/icons (#60)

* Fix asset urls for examples that load images/icons

* Missing semi-colon

* asset

Author: jelbourn

src/app/examples/card-fancy/card-fancy-example.css

@@ -3,6 +3,6 @@
 }
 
 .example-header-image {
-  background-image: url('shiba1.jpg');
+  background-image: url('assets/img/examples/shiba1.jpg');
   background-size: cover;
 }

src/app/examples/card-fancy/card-fancy-example.html

@@ -4,7 +4,7 @@
     <md-card-title>Shiba Inu</md-card-title>
     <md-card-subtitle>Dog Breed</md-card-subtitle>
   </md-card-header>
-  <img md-card-image src="shiba2.jpg">
+  <img md-card-image src="assets/img/examples/shiba2.jpg">
   <md-card-content>
     <p>
       The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.

src/app/examples/icon-svg-example/ic_3d_rotation_black_24px.svg

@@ -1 +1 @@
-<md-icon svgSrc="ic_3d_rotation_black_24px.svg"></md-icon>
+<md-icon svgIcon="thumbs-up"></md-icon>

src/app/examples/icon-svg-example/icon-svg-example.html

@@ -1,8 +1,16 @@
 import {Component} from '@angular/core';
+import {DomSanitizer} from '@angular/platform-browser';
+import {MdIconRegistry} from '@angular/material';
 
 
 @Component({
   selector: 'icon-svg-example',
   templateUrl: './icon-svg-example.html',
 })
-export class IconSvgExample {}
+export class IconSvgExample {
+  constructor(iconRegistry: MdIconRegistry, sanitizer: DomSanitizer) {
+    iconRegistry.addSvgIcon(
+        'thumbs-up',
+        sanitizer.bypassSecurityTrustResourceUrl('assets/img/examples/thumbup-icon.svg'));
+  }
+}

src/app/examples/icon-svg-example/icon-svg-example.ts

@@ -37,7 +37,7 @@ <h2>Fast and Consistent</h2>
     </div>
     <div class="docs-homepage-promo-desc">
       <h2>Versatile</h2>
-      <p>Themable, for when you need to stay on brand or just have a facourite color.
+      <p>Themable, for when you need to stay on brand or just have a favorite color.
         Accessible and internationalized so that all users are welcome.</p>
     </div>
   </div>

src/app/pages/homepage/homepage.html

@@ -1,6 +1,6 @@
 <p><code>md-icon</code> makes it easier to use <em>vector-based</em> icons in your app.  This directive supports both
 icon fonts and SVG icons, but not bitmap-based formats (png, jpg, etc.).</p>
-<div material-docs-example="icon-example"></div>
+<div material-docs-example="icon-overview"></div>
 <h3 id="registering-icons">Registering icons</h3>
 <p><code>MdIconRegistry</code> is an injectable service that allows you to associate icon names with SVG URLs and
 define aliases for CSS font classes. Its methods are discussed below and listed in the API summary.</p>