animate examples on homepage with testnet exploratory deploy (WIP)

examples/hello-world.md

@@ -6,18 +6,8 @@ order: 1
 ---
 
 ```javascript
-new helloworld, stdout(`rho:io:stdout`) in {
-  contract helloworld( world ) = {
-    for( @msg <- world )
-    { stdout!(msg) }
-  }
-
-  | new world, world2 in {
-      helloworld!(*world)
-    | world!("Hello World")
-    | helloworld!(*world2)
-    | world2!("Hello World again")
-    }
-  }
+new world in {
+  world!("Hello!")
+}
 
 ```

package.json

@@ -19,6 +19,7 @@
     "gh-pages": "^2.2.0",
     "gridsome": "^0.7.18",
     "marked": "^0.6.1",
+    "rchain-api": "../RChain-API/",
     "typography": "^0.16.18",
     "vue-atlas": "^2.1.8",
     "vue-instantsearch": "^2.0.0",

src/components/Examples.vue

@@ -27,15 +27,20 @@
 					v-for="({ node }, index) in $static.examples.edges" 
 					v-if="index == current" 
 					:key="index">
-					<div v-html="node.content" />
+                                  <ExampleTry v-bind:pretty="node.content" />
 				</div>
 			</transition>
 		</div>
 	</div>
 </template>
 
 <script>
+import ExampleTry from './ExampleTry';
+
 export default {
+       components: {
+                   ExampleTry
+                   },
 	data() {
 		return {
 			current: 0