demo card with image

demo/app/mobiledoc-cards/image.js

@@ -0,0 +1,10 @@
+export let imageCard = {
+  name: 'image-card',
+  display: {
+    setup(element) {
+      var card = document.createElement('img');
+      card.src = 'http://placehold.it/200x75';
+      element.appendChild(card);
+    }
+  }
+};

demo/app/mobiledoc-cards/index.js

@@ -1,15 +1,18 @@
 import { inputCard } from './input';
 import { simpleCard } from './simple';
 import { selfieCard } from './selfie';
+import { imageCard } from './image';
 
 export let cardsList = [
   inputCard,
   simpleCard,
-  selfieCard
+  selfieCard,
+  imageCard
 ];
 
 export let cardsHash = {
   ['input-card']: inputCard,
   ['simple-card']: simpleCard,
-  ['selfie-card']: selfieCard
+  ['selfie-card']: selfieCard,
+  ['image-card']: imageCard
 };

demo/app/mobiledocs/image-card.js

@@ -0,0 +1,11 @@
+export let imageCard = {
+  version: '0.2.0',
+  sections: [
+    [],
+    [
+      [1, 'p', [[[], 0, 'before']]],
+      [10, 'image-card'],
+      [1, 'p', [[[], 0, 'after']]]
+    ]
+  ]
+};

demo/app/mobiledocs/index.js

@@ -4,3 +4,4 @@ export { simpleList } from './simple-list';
 export { simpleCard } from './simple-card';
 export { inputCard } from './input-card';
 export { selfieCard } from './selfie-card';
+export { imageCard } from './image-card';

demo/app/templates/index.hbs

@@ -22,6 +22,7 @@
         <option value='empty'>Empty mobiledoc</option>
         <option value='simpleList'>List example</option>
         <option value='simpleCard'>Simple Card</option>
+        <option value='imageCard'>Image Card</option>
         <option value='inputCard'>Card with Input</option>
         <option value='selfieCard'>Selfie Card</option>
       </select>