change content to be contained in <div>

Since <p> can't hold block level elements, makes it hard to nest <divs> and other things.
LinkedInAttic · Jun 5, 2013 · d3d48ff · d3d48ff
1 parent e31af84
commit d3d48ff
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 43 deletions.
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 Hopscotch
 =========
-Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.
+Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress. Seeing is believing, so why not check out a [demo](http://linkedin.github.io/hopscotch)!
 
 Features
 ========

diff --git a/css/hopscotch.css b/css/hopscotch.css
diff --git a/js/hopscotch-0.1.js b/js/hopscotch-0.1.js
@@ -1080,7 +1080,10 @@
       this.element        = el;
       this.containerEl    = containerEl;
       this.titleEl        = document.createElement('h3');
-      this.contentEl      = document.createElement('p');
+      this.contentEl      = document.createElement('div');
+
+      utils.addClass(this.titleEl, 'hopscotch-title');
+      utils.addClass(this.contentEl, 'hopscotch-content');
 
       opt = {
         showPrevButton: defaultOpts.showPrevButton,