webapprentice

  <script src="/javascripts/ckeditor/ckeditor.js"></script>

  <form action="/tutorial_43_demo_1" method="post">
  <textarea class="ckeditor" rows="5" cols="40" name="editor"><%= @text %></textarea>
  <br>
  <input type="submit" value="Submit">
  </form>

  <hr>
  <p>Raw text sent to the server:</p>

webapprentice

<p>URL: http://maps.googleapis.com/maps/api/streetview?size=400x400&location=47.65072,-122.351209&heading=200&pitch=30&fov=60&sensor=false</p>

<img 
src="http://maps.googleapis.com/maps/api/streetview?size=400x400&location=47.65072,-122.351209&heading=200&pitch=30&fov=60&sensor=false"
alt="Street View Image"/>

webapprentice

<div id="map_canvas"></div>

<style>
   #map_canvas {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 600px;
    height: 400px;
  }

webapprentice

<div id="map_canvas"></div>

<style>
   #map_canvas {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 600px;
    height: 400px;
  }

webapprentice

<div id='container'>
  <img src='assets/slideshow_3.png' id='myimage' />
</div>

<p style='text-align: center'>
Click the image to expand - Hit the ESC key to collapse
</p>

<style type="text/css">

webapprentice

<p>Here is some placeholder text</p>


  <div id="disqus_thread"></div>
  <script type="text/javascript">
      /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
      var disqus_shortname = 'webapprentice'; // required: replace example with your forum shortname

      /* * * DON'T EDIT BELOW THIS LINE * * */
      (function() {

webapprentice

<div id="transcript">&nbsp;</div>
<br>
<div id="instructions">&nbsp;</div>
<div id="controls">
<button id="start_button">Click to Start</button>
</div>


<style>

webapprentice

<p style="text-align: center">Click Start and begin speaking</p>
<canvas id="canvas" width="800" height="256" ></canvas>

<p id="controls">
  <input type="button" id="start_button" value="Start">
  &nbsp; &nbsp;
  <input type="button" id="stop_button" value="Stop">
</p>

<!-- ----------------------------------------------------- -->

webapprentice

<video id="video"></video>
<br>
<div id="controls">
<button id="start_button">Start Video</button>   &nbsp;
<button id="stop_button">Stop Video</button>     &nbsp;
<button id="capture_button">Capture Photo</button>
</div>
<br>
<canvas id="canvas"></canvas>

webapprentice

<!-- depends on jQuery which must have been loaded before these lines -->
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js"></script>

<script>
  jQuery(document).ready(function($) {
    $('a[rel*=facebox]').facebox({
          loadingImage : '/facebox/loading.gif',
          closeImage   : '/facebox/closelabel.png'
    });