Update codepen for Inline, Distraction-free, and Classic Editor

_data/nav.yml

@@ -28,7 +28,7 @@
   - url: "whats-new"
   - url: "basic-example"
   - url: "full-featured"
-  - url: "inlite"
+  - url: "editor-dfree"
   - url: "inline"
   - url: "classic"
   - url: "image-tools"

demo/classic.md

@@ -1,10 +1,10 @@
 ---
 layout: default
-title: Classic Example
-title_nav: Classic
+title: Classic Editor Example
+title_nav: Classic Editor
 description_short: Configure TinyMCE 4 to match the old 3.x branch.
 description: This example shows you how to configure TinyMCE 4 to match the old 3.x branch.
-keywords: example demo classic 3x
+keywords: example demo classic editor 3x
 ---
 
 ## Live example

demo/editor-dfree.md

@@ -0,0 +1,14 @@
+---
+layout: default
+title: Distraction-free Editor Example
+title_nav: Distraction-free Editor
+description_short: Distraction-free Editor.
+description: Distraction-free Editor
+keywords: example distraction-free editor
+---
+
+## Live example
+
+This example shows you how to use the distraction-free editor.
+
+{% include codepen.html id="xzoELd" %}

demo/inline.md

@@ -1,12 +1,12 @@
 ---
 layout: default
-title: Inline Mode Example
-title_nav: Inline Mode
-description_short: See how inline mode works.
-description: This example shows you the inline editing capabilities of TinyMCE. Click on the header or div below.
+title: Inline Editor Example
+title_nav: Inline Editor
+description_short: See how inline editor works.
+description: This example shows you the inline editing capabilities of TinyMCE. 
 keywords: example demo custom inline
 ---
 
-This example shows you the inline editing capabilities of TinyMCE. Click on the "editable header" or "editable div element" below.
+This example shows you the inline editing capabilities of TinyMCE. 
 
-{% include codepen.html id="YydQoj" %}
+{% include codepen.html id="bKPBjg" %}

demo/inlite.md

@@ -1,14 +0,0 @@
----
-layout: default
-title: Inlite Theme Example
-title_nav: Inlite Theme
-description_short: Inlite theme.
-description: Inlite theme
-keywords: example inlite theme
----
-
-## Live example
-
-This example shows you how to use the inlite theme.
-
-{% include codepen.html id="Gqmkja" %}