Added sample elements used in instruction page

Author: gaskij

lib/fast-forward-view.coffee

@@ -20,6 +20,63 @@ class FastForwardView
     )
     @element.appendChild(@button)
 
+    # Create style
+    style = document.createElement('style')
+    style.textContent += '#fast-forward {
+          width: 300px;
+          height: 800px;
+          padding-left: 1em;
+          padding-right: 1em; }'
+    style.textContent += '.codeSnippet {
+          font-family: Consolas;
+          color: black;
+          border-style: solid;
+          border-width: thin;
+          border-radius: 5px;
+          background-color: darkgray;
+          padding: 5px;
+          margin: 5px 5px 5px; }'
+    style.textContent += 'code {
+          color: black;
+          background-color: darkgray;
+          padding: 0px 3px 0px 3px; }'
+    style.textContent += '#next { }'
+    @element.appendChild(style)
+
+    # Create heading (title)
+    heading = document.createElement('h1')
+    heading.textContent = "Page Title"
+    @element.appendChild(heading)
+
+    # Create main body section
+    message = document.createElement('div')
+    message.id = "mainbody"
+    message.classList.add('message')
+    @element.appendChild(message)
+
+    intro = document.createElement('p')
+    intro.textContent = "Main Body section"
+    message.appendChild(intro)
+
+    # Create sample code section
+    code = document.createElement('pre')
+    message.classList.add('codeSnippet')
+    message.textContent = 'console.log("This is code");'
+    @element.appendChild(message)
+
+    # Create sample hint section
+    hint = document.createElement('div')
+    hint.id = "hint"
+    hint.textContent = "Hint section (default hidden)"
+    @element.appendChild(hint)
+
+    # Create next button
+    @next = document.createElement('button')
+    @next.classList.add('btn')
+    @next.classList.add('btn-primary')
+    @next.textContent = "Next"
+    @element.appendChild(@next)
+
   # Returns an object that can be retrieved when package is activated
   serialize: ->