Merge branch 'develop'

Author: jenssogaard

README.md

@@ -1,39 +1,47 @@
 # Conversational Form
 
-**Turning web forms into conversations.** Conversational Form is an open-source concept by [SPACE10](https://www.space10.io) to easily turn any form element on a web page into a conversational form interface. It features conversational replacement of all input elements, reusable variables from previous questions and complete customization and control over the styling.
+Conversational Form is an open-source concept by [SPACE10](https://www.space10.io) to easily turn your content into conversations. It features conversational replacement of all input elements, reusable variables from previous questions and complete customization and control over the styling.
 
 <p align="center">
 	<a href="https://medium.com/conversational-interfaces/introducing-the-conversational-form-c3166eb2ee2f#.yq5axcfcq"><strong>Learn why we did it</strong></a>
 </p>
 <p align="center">
-	<a href="https://space10-community.github.io/conversational-form/docs/0.9.90/"><strong>Explore Conversational Form docs »</strong></a>
+	<a href="https://space10-community.github.io/conversational-form/docs/1.0.0/"><strong>Explore Conversational Form docs »</strong></a>
 </p>
 <p align="center">
-	<img src="https://raw.githubusercontent.com/space10-community/conversational-form/master/docs/0.9.70/assets/readme-cf.gif" />
+	<img src="https://raw.githubusercontent.com/space10-community/conversational-form/dist/docs/1.0.0/assets/cf-demo.gif" />
 </p>
 
 ## Quick Start
 
-Include ConversationalForm in your page:
+Include Conversational Form in your page:
 
 ```html
-<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/space10-community/conversational-form@0.9.90/dist/conversational-form.min.js" crossorigin></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/space10-community/conversational-form@1.0.1/dist/conversational-form.min.js" crossorigin></script>
 ```
-Or download the latest release:
+Or download/install the latest release:
 - Clone the repo: ````git clone https://github.com/space10-community/conversational-form.git````
 - Install with npm: ````npm install conversational-form````
 - Install with yarn: ````yarn add conversational-form````
 
-ConversationalForm will automatically look through the DOM for a form element with the attribute `cf-form`, and auto-instantiate.
+Manually instantiating Conversational Form
+```
+import { ConversationalForm } from 'conversational-form';
+
+const cfInstance = new ConversationalForm({
+    formEl: formElement,
+    context: targetElement,
+});
+```
+
+Conversational Form will automatically look through the DOM for a form element with the attribute `cf-form`, and auto-instantiate.
 ```html
 <form id="my-form-element" cf-form>
 ...
 </form>
 ```
 
-[jsbin](https://jsbin.com/vopuxukaze/edit?html,js,output)
-
-Read the [Getting started](https://space10-community.github.io/conversational-form/docs/0.9.90/getting-started/) page for information on the framework contents, options, templates and examples and more.
+Read the [Getting started](https://space10-community.github.io/conversational-form/docs/1.0.0/getting-started/) page for information on the framework contents, options, templates, examples and more.
 
 ## Status
 [![npm version](https://img.shields.io/npm/v/conversational-form.svg)](https://www.npmjs.com/package/conversational-form)

docs/1.0.0/getting-started/index.html

@@ -136,7 +136,7 @@ <h1 id="getting-started">Getting Started</h1>
     <p>Turning web forms into conversations. Conversational Form is an open-source concept by <a href="https://space10.io/" target="_blank">SPACE10</a> to easily turn any form element on a web page into a conversational form interface. It features conversational replacement of all input elements, reusable variables from previous questions and complete customization and control over the styling.</p>
 
     <h2 id="include-conversationalform-in-your-page">Include ConversationalForm in your page</h2>
-    <pre><code class="language-html" data-lang="html">&lt;script type="text/javascript" src="https://cdn.jsdelivr.net/gh/space10-community/conversational-form@1.0.0/dist/conversational-form.min.js" crossorigin>&lt;/script></code></pre>
+    <pre><code class="language-html" data-lang="html">&lt;script type="text/javascript" src="https://cdn.jsdelivr.net/gh/space10-community/conversational-form@1.0.1/dist/conversational-form.min.js" crossorigin>&lt;/script></code></pre>
 
     <p>ConversationalForm will automatically look through the DOM for a form element with the attibute cf-form, and auto-instantiate.</p>
     <pre><code class="language-html" data-lang="html">&lt;form id="my-form-element" cf-form ...></code></pre>

docs/1.0.0/src/pages/getting-started/index.twig

@@ -8,7 +8,7 @@
     <p>Turning web forms into conversations. Conversational Form is an open-source concept by <a href="https://space10.io/" target="_blank">SPACE10</a> to easily turn any form element on a web page into a conversational form interface. It features conversational replacement of all input elements, reusable variables from previous questions and complete customization and control over the styling.</p>
 
     <h2 id="include-conversationalform-in-your-page">Include ConversationalForm in your page</h2>
-    <pre><code class="language-html" data-lang="html">&lt;script type="text/javascript" src="https://cdn.jsdelivr.net/gh/space10-community/conversational-form@{{nextVersion}}/dist/conversational-form.min.js" crossorigin>&lt;/script></code></pre>
+    <pre><code class="language-html" data-lang="html">&lt;script type="text/javascript" src="https://cdn.jsdelivr.net/gh/space10-community/conversational-form@1.0.1/dist/conversational-form.min.js" crossorigin>&lt;/script></code></pre>
 
     <p>ConversationalForm will automatically look through the DOM for a form element with the attibute cf-form, and auto-instantiate.</p>
     <pre><code class="language-html" data-lang="html">&lt;form id="my-form-element" cf-form ...></code></pre>