knowuh · September 2, 2015 22:02
diff --git a/a.html b/a.html

      <!DOCTYPE html>
      <html>
        <head>
          <base href="http://concord-consortium.github.io/lara-interactive-api/">
          <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
          <title>content from http://concord-consortium.github.io/lara-interactive-api/ 2015-09-02 (09:49PM)</title>
          <link rel="stylesheet" href="css/app.css"><style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
 .en-markup-crop-options {
    top: 18px !important;
    left: 50% !important;
    margin-left: -100px !important;
    width: 200px !important;
    border: 2px rgba(255,255,255,.38) solid !important;
    border-radius: 4px !important;
 }

 .en-markup-crop-options div div:first-of-type {
    margin-left: 0px !important;
 }
 </style>
        </head>
        <body>
          <iframe id="interactive-iframe" width="500" height="400" allowfullscreen="true" scrolling="no" src="data:text/html,&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;base href='http://lab.concord.org/version/1-0/embeddable.html?is_versioned_url=true'&gt;&lt;meta content='text/html;charset=utf-8' http-equiv='Content-Type'&gt;&lt;title&gt;content from http://lab.concord.org/version/1-0/embeddable.html?is_versioned_url=true&lt;/title&gt;&lt;link href=&quot;lab/vendor/jquery-ui/jquery-ui.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;&lt;link href=&quot;lab/vendor/jquery-context-menu/jquery.contextMenu.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;&lt;link href=&quot;lab/vendor/jquery-selectBoxIt/jquery.selectBoxIt.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;&lt;link href=&quot;lab/lab.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;&lt;link href=&quot;//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css&quot; rel=&quot;stylesheet&quot;&gt;&lt;link href=&quot;//fonts.googleapis.com/css?family=Lato:300italic,700italic,300,400,400italic,700&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;&lt;link href=&quot;themes/cc-themes.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;&lt;link href=&quot;embeddable.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=&quot;interactive-container&quot; tabindex=&quot;0&quot; class=&quot;lab-interactive-container lab-responsive-content interactive-rendered&quot; style=&quot;font-size: 0.793274336283186em; top: 0px; left: 0px; margin: 0px; width: 498px; height: 398px;&quot;&gt;&lt;div class=&quot;lab-fastclick-container&quot;&gt;&lt;div class=&quot;lab-dialog-container&quot;&gt;&lt;div class=&quot;ui-dialog ui-widget ui-widget-content ui-corner-all ui-front credits-dialog ui-draggable ui-resizable&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-describedby=&quot;ui-id-1&quot; aria-labelledby=&quot;ui-id-2&quot; style=&quot;display: none; position: absolute;&quot;&gt;&lt;div class=&quot;ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix&quot;&gt;&lt;span id=&quot;ui-id-2&quot; class=&quot;ui-dialog-title&quot;&gt;Credits: Table: Determining the charge&lt;/span&gt;&lt;button class=&quot;ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close&quot; role=&quot;button&quot; aria-disabled=&quot;false&quot; title=&quot;Close&quot;&gt;&lt;span class=&quot;ui-button-icon-primary ui-icon ui-icon-closethick&quot;&gt;&lt;/span&gt;&lt;span class=&quot;ui-button-text&quot;&gt;Close&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;div id=&quot;ui-id-1&quot; class=&quot;ui-dialog-content ui-widget-content&quot; style=&quot;display: block;&quot;&gt;&lt;input type=&quot;hidden&quot; autofocus=&quot;autofocus&quot;&gt;&lt;div&gt;&lt;div&gt;
  &lt;p&gt;
    This interactive was created by the &lt;a class=&quot;opens-in-new-window&quot; href=&quot;http://concord.org&quot; target=&quot;_blank&quot;&gt;Concord Consortium&lt;/a&gt; using our &lt;a class=&quot;opens-in-new-window&quot; href=&quot;http://mw.concord.org/nextgen/ &quot; target=&quot;_blank&quot;&gt;Next-Generation Molecular Workbench&lt;/a&gt; software, with funding by a grant from &lt;a class=&quot;opens-in-new-window&quot; href=&quot;http://www.google.org/&quot; target=&quot;_blank&quot;&gt;Google.org&lt;/a&gt;.
  &lt;/p&gt;
  &lt;div class=&quot;copyright-section&quot;&gt;&lt;strong&gt;Copyright © 2015&lt;/strong&gt; &lt;a class=&quot;opens-in-new-window&quot; href=&quot;http://concord.org&quot; target=&quot;_blank&quot;&gt;The Concord Consortium&lt;/a&gt;. All rights reserved. The software is licensed under the &lt;a class=&quot;opens-in-new-window&quot; href=&quot;http://opensource.org/licenses/MIT&quot; target=&quot;_blank&quot;&gt;MIT&lt;/a&gt; license. Please provide attribution to the Concord Consortium and the URL &lt;a class=&quot;opens-in-new-window&quot; href=&quot;http://concord.org/&quot; target=&quot;_blank&quot;&gt;http://concord.org&lt;/a&gt;.&lt;/div&gt;
 &lt;/div&gt;
 &lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-n&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-e&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-s&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-w&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-sw&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-ne&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-nw&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ui-dialog ui-widget ui-widget-content ui-corner-all ui-front share-dialog ui-draggable ui-resizable&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-describedby=&quot;ui-id-3&quot; aria-labelledby=&quot;ui-id-4&quot; style=&quot;display: none; position: absolute;&quot;&gt;&lt;div class=&quot;ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix&quot;&gt;&lt;span id=&quot;ui-id-4&quot; class=&quot;ui-dialog-title&quot;&gt;Share: Table: Determining the charge&lt;/span&gt;&lt;button class=&quot;ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close&quot; role=&quot;button&quot; aria-disabled=&quot;false&quot; title=&quot;Close&quot;&gt;&lt;span class=&quot;ui-button-icon-primary ui-icon ui-icon-closethick&quot;&gt;&lt;/span&gt;&lt;span class=&quot;ui-button-text&quot;&gt;Close&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;div id=&quot;ui-id-3&quot; class=&quot;ui-dialog-content ui-widget-content&quot; style=&quot;display: block;&quot;&gt;&lt;input type=&quot;hidden&quot; autofocus=&quot;autofocus&quot;&gt;&lt;div&gt;&lt;div&gt;
  &lt;h2&gt;
    Paste this &lt;a class=&quot;opens-in-new-window&quot; href=&quot;http://lab.concord.org/version/1-0/embeddable.html&quot; target=&quot;_blank&quot;&gt;link&lt;/a&gt; in email or IM.
  &lt;/h2&gt;
  &lt;textarea&gt;http://lab.concord.org/version/1-0/embeddable.html&lt;/textarea&gt;
  &lt;h2&gt;Paste HTML to embed in website or blog.&lt;/h2&gt;
  &lt;p&gt;Select Size:
    &lt;select id=&quot;iframe-size&quot;&gt;
      &lt;option value=&quot;smaller&quot;&gt;30% smaller&lt;/option&gt;
      &lt;option selected=&quot;&quot; value=&quot;actual&quot;&gt;actual&lt;/option&gt;
      &lt;option value=&quot;larger&quot;&gt;50% larger&lt;/option&gt;
    &lt;/select&gt;
  &lt;/p&gt;
  &lt;textarea id=&quot;share-iframe-content&quot;&gt;&lt;/textarea&gt;
  &lt;div class=&quot;copyright-section&quot;&gt;&lt;strong&gt;Copyright © 2015&lt;/strong&gt; &lt;a class=&quot;opens-in-new-window&quot; href=&quot;http://concord.org&quot; target=&quot;_blank&quot;&gt;The Concord Consortium&lt;/a&gt;. All rights reserved. The software is licensed under the &lt;a class=&quot;opens-in-new-window&quot; href=&quot;http://opensource.org/licenses/MIT&quot; target=&quot;_blank&quot;&gt;MIT&lt;/a&gt; license. Please provide attribution to the Concord Consortium and the URL &lt;a class=&quot;opens-in-new-window&quot; href=&quot;http://concord.org/&quot; target=&quot;_blank&quot;&gt;http://concord.org&lt;/a&gt;.&lt;/div&gt;
 &lt;/div&gt;
 &lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-n&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-e&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-s&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-w&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-sw&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-ne&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-nw&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ui-dialog ui-widget ui-widget-content ui-corner-all ui-front about-dialog ui-draggable ui-resizable&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-describedby=&quot;ui-id-5&quot; aria-labelledby=&quot;ui-id-6&quot; style=&quot;display: none; position: absolute;&quot;&gt;&lt;div class=&quot;ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix&quot;&gt;&lt;span id=&quot;ui-id-6&quot; class=&quot;ui-dialog-title&quot;&gt;About: Table: Determining the charge&lt;/span&gt;&lt;button class=&quot;ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close&quot; role=&quot;button&quot; aria-disabled=&quot;false&quot; title=&quot;Close&quot;&gt;&lt;span class=&quot;ui-button-icon-primary ui-icon ui-icon-closethick&quot;&gt;&lt;/span&gt;&lt;span class=&quot;ui-button-text&quot;&gt;Close&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;div id=&quot;ui-id-5&quot; class=&quot;ui-dialog-content ui-widget-content&quot; style=&quot;display: block;&quot;&gt;&lt;input type=&quot;hidden&quot; autofocus=&quot;autofocus&quot;&gt;&lt;div&gt;&lt;div&gt;&lt;div class=&quot;markdown-typography&quot;&gt;&lt;p&gt;Use this table to collect data so that you can determine the charge (positive or negative)
 of the various rods.&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-n&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-e&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-s&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-w&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-sw&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-ne&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;ui-resizable-handle ui-resizable-nw&quot; style=&quot;z-index: 90;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;top-bar&quot; style=&quot;display: inline-block; position: absolute; left: 0px; top: 0px; height: 1.5em; width: 498px;&quot;&gt;&lt;div class=&quot;inner-container&quot; style=&quot;padding-top: 0.15em; padding-bottom: 0.15em;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;banner-right&quot; style=&quot;display: inline-block; position: absolute; white-space: nowrap; font-size: 0.975em; text-align: right; top: 0px; height: 1.5em; left: 433.185840707965px;&quot;&gt;&lt;div class=&quot;inner-container&quot; style=&quot;padding: 0.15em 0.75em 0.15em 1em;&quot;&gt;&lt;div class=&quot;interactive-row&quot; style=&quot;width: 100%; height: 100%;&quot;&gt;&lt;div id=&quot;about-link&quot; class=&quot;component clickable interactive-text&quot; title=&quot;Instructions&quot; style=&quot;width: auto; height: auto;&quot;&gt;&lt;div class=&quot;markdown-typography&quot;&gt;&lt;p&gt;About&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;banner-middle&quot; style=&quot;display: inline-block; position: absolute; white-space: nowrap; font-size: 0.975em; text-align: right; top: 0px; height: 1.5em; left: 389.171875px;&quot;&gt;&lt;div class=&quot;inner-container&quot; style=&quot;padding-top: 0.15em; padding-bottom: 0.15em; padding-right: 1em;&quot;&gt;&lt;div class=&quot;interactive-row&quot; style=&quot;width: 100%; height: 100%;&quot;&gt;&lt;div id=&quot;share-link&quot; class=&quot;component clickable interactive-text&quot; title=&quot;Share using e-mail, IM or embed in website&quot; style=&quot;width: auto; height: auto;&quot;&gt;&lt;div class=&quot;markdown-typography&quot;&gt;&lt;p&gt;Share&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;banner-reload&quot; style=&quot;display: inline-block; position: absolute; white-space: nowrap; font-size: 0.975em; text-align: left; left: 0.7em; top: 0px; height: 1.5em;&quot;&gt;&lt;div class=&quot;inner-container&quot; style=&quot;padding-top: 0.15em; padding-bottom: 0.15em; padding-right: 1em;&quot;&gt;&lt;div class=&quot;interactive-row&quot; style=&quot;width: 100%; height: 100%;&quot;&gt;&lt;div id=&quot;interactive-reload-icon&quot; class=&quot;component clickable&quot; title=&quot;Reload interactive&quot; style=&quot;width: auto; height: auto;&quot;&gt;&lt;i class=&quot;icon-repeat&quot;&gt;&lt;/i&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;bottom-bar&quot; style=&quot;display: inline-block; position: absolute; left: 0px; height: 2.5em; width: 498px; top: 366px;&quot;&gt;&lt;div class=&quot;inner-container&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;banner-bottom-left&quot; style=&quot;display: inline-block; position: absolute; white-space: nowrap; text-align: left; left: 0px; top: 367px;&quot;&gt;&lt;div class=&quot;inner-container&quot; style=&quot;padding-left: 0.3em;&quot;&gt;&lt;div class=&quot;interactive-row&quot; style=&quot;width: 100%; height: 100%;&quot;&gt;&lt;div id=&quot;credits-link&quot; class=&quot;component clickable credits&quot; title=&quot;Learn more about The Concord Consortium&quot; style=&quot;width: 8.1em; height: 2.5em;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;banner-bottom-right&quot; style=&quot;display: inline-block; position: absolute; white-space: nowrap; text-align: left; left: 454px; top: 367px;&quot;&gt;&lt;div class=&quot;inner-container&quot; style=&quot;padding-left: 1em;&quot;&gt;&lt;div class=&quot;interactive-row&quot; style=&quot;width: 100%; height: 100%;&quot;&gt;&lt;div id=&quot;fullsize-link&quot; class=&quot;component clickable fullscreen&quot; title=&quot;Toggle full-screen&quot; style=&quot;width: 2.5em; height: 2.5em;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;interactive-playback-container&quot; style=&quot;display: inline-block; position: absolute; white-space: nowrap; left: 107px; height: 31px; width: 347px; top: 367px;&quot;&gt;&lt;div class=&quot;inner-container&quot;&gt;&lt;div class=&quot;interactive-row&quot; style=&quot;width: 100%; height: 100%;&quot;&gt;&lt;div id=&quot;playback&quot; class=&quot;component interactive-playback video&quot;&gt;&lt;button class=&quot;reset hidden&quot; title=&quot;Reset the simulation&quot;&gt;&lt;i class=&quot;icon-step-backward&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;div class=&quot;spacer reset hidden&quot;&gt;&lt;/div&gt;&lt;button class=&quot;step hidden&quot; title=&quot;Step back&quot;&gt;&lt;i class=&quot;icon-backward&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;div class=&quot;spacer step hidden&quot;&gt;&lt;/div&gt;&lt;button class=&quot;play-pause hidden&quot; title=&quot;Start / pause the simulation&quot; style=&quot;cursor: pointer;&quot;&gt;&lt;i class=&quot;icon-play&quot;&gt;&lt;/i&gt;&lt;i class=&quot;icon-pause&quot;&gt;&lt;/i&gt;&lt;span class=&quot;time-display&quot;&gt;&lt;img width=&quot;0&quot; height=&quot;0&quot; src=&quot;data:,&quot; style=&quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;div class=&quot;spacer step hidden&quot;&gt;&lt;/div&gt;&lt;button class=&quot;step hidden&quot; title=&quot;Step forward&quot;&gt;&lt;i class=&quot;icon-forward&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;above&quot; style=&quot;display: inline-block; position: absolute; text-align: center; left: 8.8141592920354px; top: 28.1735342920354px; width: 489.185840707965px; height: 331.8125px;&quot;&gt;&lt;div class=&quot;inner-container&quot; style=&quot;padding-top: 0em; padding-bottom: 3em; padding-right: 0.5em;&quot;&gt;&lt;div class=&quot;interactive-row&quot; style=&quot;width: 100%; height: 100%;&quot;&gt;&lt;div id=&quot;table1&quot; class=&quot;interactive-table component&quot; style=&quot;height: 100%;&quot;&gt;&lt;div class=&quot;table-wrapper&quot;&gt;&lt;table style=&quot;height: 288.923044204712px;&quot;&gt;&lt;thead&gt;&lt;tr class=&quot;header&quot;&gt;&lt;th&gt;Type of Rod&lt;/th&gt;&lt;th&gt;Rubbing Material&lt;/th&gt;&lt;th&gt;Observation: Does it attract or repel?&lt;/th&gt;&lt;th&gt;Interpretation: Charge of rod&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody style=&quot;height: 250.807716846466px;&quot;&gt;&lt;tr class=&quot;data&quot;&gt;&lt;td style=&quot;width: 61px;&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;td style=&quot;width: 86px;&quot;&gt;x&lt;/td&gt;&lt;td style=&quot;width: 179px;&quot;&gt;y&lt;/td&gt;&lt;td style=&quot;width: 141px;&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;data blank&quot;&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;below&quot; style=&quot;display: inline-block; position: absolute; text-align: center; left: 8.8141592920354px; width: 489.185840707965px; top: 332.173534292035px;&quot;&gt;&lt;div class=&quot;inner-container&quot;&gt;&lt;div class=&quot;interactive-row&quot; style=&quot;width: 100%; height: 100%;&quot;&gt;&lt;div id=&quot;clear-dataset&quot; class=&quot;component clickable interactive-button&quot;&gt;&lt;button&gt;Clear table&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;model-container&quot; class=&quot;container&quot; style=&quot;display: inline-block; position: absolute; z-index: 0; width: 369.667389231518px; height: 0.369667389231518px; left: 8.8610342920354px; top: 27.8141592920354px;&quot;&gt;&lt;iframe id=&quot;iframe-model&quot; style=&quot;width:100%;height:100%&quot; src=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;" style="top: 0px; left: 0px; margin: 0px; width: 500px; height: 400px;">
      </iframe>
        </body>
      </html>

	<!DOCTYPE html>
	<html>
	<head>
	<base href="http://concord-consortium.github.io/lara-interactive-api/">
	<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
	<title>content from http://concord-consortium.github.io/lara-interactive-api/ 2015-09-02 (09:49PM)</title>
	<link rel="stylesheet" href="css/app.css"><style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
	.en-markup-crop-options {
	top: 18px !important;
	left: 50% !important;
	margin-left: -100px !important;
	width: 200px !important;
	border: 2px rgba(255,255,255,.38) solid !important;
	border-radius: 4px !important;
	}

	.en-markup-crop-options div div:first-of-type {
	margin-left: 0px !important;
	}
	</style>
	</head>
	<body>
	<iframe id="interactive-iframe" width="500" height="400" allowfullscreen="true" scrolling="no" src="data:text/html,<!DOCTYPE html><html><head><base href='http://lab.concord.org/version/1-0/embeddable.html?is_versioned_url=true'><meta content='text/html;charset=utf-8' http-equiv='Content-Type'><title>content from http://lab.concord.org/version/1-0/embeddable.html?is_versioned_url=true</title><link href="lab/vendor/jquery-ui/jquery-ui.css" rel="stylesheet" type="text/css"><link href="lab/vendor/jquery-context-menu/jquery.contextMenu.css" rel="stylesheet" type="text/css"><link href="lab/vendor/jquery-selectBoxIt/jquery.selectBoxIt.css" rel="stylesheet" type="text/css"><link href="lab/lab.css" rel="stylesheet" type="text/css"><link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"><link href="//fonts.googleapis.com/css?family=Lato:300italic,700italic,300,400,400italic,700" rel="stylesheet" type="text/css"><link href="themes/cc-themes.css" rel="stylesheet" type="text/css"><link href="embeddable.css" rel="stylesheet" type="text/css"></head><body><div id="interactive-container" tabindex="0" class="lab-interactive-container lab-responsive-content interactive-rendered" style="font-size: 0.793274336283186em; top: 0px; left: 0px; margin: 0px; width: 498px; height: 398px;"><div class="lab-fastclick-container"><div class="lab-dialog-container"><div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front credits-dialog ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-describedby="ui-id-1" aria-labelledby="ui-id-2" style="display: none; position: absolute;"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-2" class="ui-dialog-title">Credits: Table: Determining the charge</span><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="Close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">Close</span></button></div><div id="ui-id-1" class="ui-dialog-content ui-widget-content" style="display: block;"><input type="hidden" autofocus="autofocus"><div><div>
	<p>
	This interactive was created by the <a class="opens-in-new-window" href="http://concord.org" target="_blank">Concord Consortium</a> using our <a class="opens-in-new-window" href="http://mw.concord.org/nextgen/ " target="_blank">Next-Generation Molecular Workbench</a> software, with funding by a grant from <a class="opens-in-new-window" href="http://www.google.org/" target="_blank">Google.org</a>.
	</p>
	<div class="copyright-section"><strong>Copyright © 2015</strong> <a class="opens-in-new-window" href="http://concord.org" target="_blank">The Concord Consortium</a>. All rights reserved. The software is licensed under the <a class="opens-in-new-window" href="http://opensource.org/licenses/MIT" target="_blank">MIT</a> license. Please provide attribution to the Concord Consortium and the URL <a class="opens-in-new-window" href="http://concord.org/" target="_blank">http://concord.org</a>.</div>
	</div>
	</div></div><div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div></div><div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front share-dialog ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-describedby="ui-id-3" aria-labelledby="ui-id-4" style="display: none; position: absolute;"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-4" class="ui-dialog-title">Share: Table: Determining the charge</span><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="Close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">Close</span></button></div><div id="ui-id-3" class="ui-dialog-content ui-widget-content" style="display: block;"><input type="hidden" autofocus="autofocus"><div><div>
	<h2>
	Paste this <a class="opens-in-new-window" href="http://lab.concord.org/version/1-0/embeddable.html" target="_blank">link</a> in email or IM.
	</h2>
	<textarea>http://lab.concord.org/version/1-0/embeddable.html</textarea>
	<h2>Paste HTML to embed in website or blog.</h2>
	<p>Select Size:
	<select id="iframe-size">
	<option value="smaller">30% smaller</option>
	<option selected="" value="actual">actual</option>
	<option value="larger">50% larger</option>
	</select>
	</p>
	<textarea id="share-iframe-content"></textarea>
	<div class="copyright-section"><strong>Copyright © 2015</strong> <a class="opens-in-new-window" href="http://concord.org" target="_blank">The Concord Consortium</a>. All rights reserved. The software is licensed under the <a class="opens-in-new-window" href="http://opensource.org/licenses/MIT" target="_blank">MIT</a> license. Please provide attribution to the Concord Consortium and the URL <a class="opens-in-new-window" href="http://concord.org/" target="_blank">http://concord.org</a>.</div>
	</div>
	</div></div><div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div></div><div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front about-dialog ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-describedby="ui-id-5" aria-labelledby="ui-id-6" style="display: none; position: absolute;"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-6" class="ui-dialog-title">About: Table: Determining the charge</span><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="Close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">Close</span></button></div><div id="ui-id-5" class="ui-dialog-content ui-widget-content" style="display: block;"><input type="hidden" autofocus="autofocus"><div><div><div class="markdown-typography"><p>Use this table to collect data so that you can determine the charge (positive or negative)
	of the various rods.</p></div></div></div></div><div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div></div></div><div id="top-bar" style="display: inline-block; position: absolute; left: 0px; top: 0px; height: 1.5em; width: 498px;"><div class="inner-container" style="padding-top: 0.15em; padding-bottom: 0.15em;"></div></div><div id="banner-right" style="display: inline-block; position: absolute; white-space: nowrap; font-size: 0.975em; text-align: right; top: 0px; height: 1.5em; left: 433.185840707965px;"><div class="inner-container" style="padding: 0.15em 0.75em 0.15em 1em;"><div class="interactive-row" style="width: 100%; height: 100%;"><div id="about-link" class="component clickable interactive-text" title="Instructions" style="width: auto; height: auto;"><div class="markdown-typography"><p>About</p></div></div></div></div></div><div id="banner-middle" style="display: inline-block; position: absolute; white-space: nowrap; font-size: 0.975em; text-align: right; top: 0px; height: 1.5em; left: 389.171875px;"><div class="inner-container" style="padding-top: 0.15em; padding-bottom: 0.15em; padding-right: 1em;"><div class="interactive-row" style="width: 100%; height: 100%;"><div id="share-link" class="component clickable interactive-text" title="Share using e-mail, IM or embed in website" style="width: auto; height: auto;"><div class="markdown-typography"><p>Share</p></div></div></div></div></div><div id="banner-reload" style="display: inline-block; position: absolute; white-space: nowrap; font-size: 0.975em; text-align: left; left: 0.7em; top: 0px; height: 1.5em;"><div class="inner-container" style="padding-top: 0.15em; padding-bottom: 0.15em; padding-right: 1em;"><div class="interactive-row" style="width: 100%; height: 100%;"><div id="interactive-reload-icon" class="component clickable" title="Reload interactive" style="width: auto; height: auto;"><i class="icon-repeat"></i></div></div></div></div><div id="bottom-bar" style="display: inline-block; position: absolute; left: 0px; height: 2.5em; width: 498px; top: 366px;"><div class="inner-container"></div></div><div id="banner-bottom-left" style="display: inline-block; position: absolute; white-space: nowrap; text-align: left; left: 0px; top: 367px;"><div class="inner-container" style="padding-left: 0.3em;"><div class="interactive-row" style="width: 100%; height: 100%;"><div id="credits-link" class="component clickable credits" title="Learn more about The Concord Consortium" style="width: 8.1em; height: 2.5em;"></div></div></div></div><div id="banner-bottom-right" style="display: inline-block; position: absolute; white-space: nowrap; text-align: left; left: 454px; top: 367px;"><div class="inner-container" style="padding-left: 1em;"><div class="interactive-row" style="width: 100%; height: 100%;"><div id="fullsize-link" class="component clickable fullscreen" title="Toggle full-screen" style="width: 2.5em; height: 2.5em;"></div></div></div></div><div id="interactive-playback-container" style="display: inline-block; position: absolute; white-space: nowrap; left: 107px; height: 31px; width: 347px; top: 367px;"><div class="inner-container"><div class="interactive-row" style="width: 100%; height: 100%;"><div id="playback" class="component interactive-playback video"><button class="reset hidden" title="Reset the simulation"><i class="icon-step-backward"></i></button><div class="spacer reset hidden"></div><button class="step hidden" title="Step back"><i class="icon-backward"></i></button><div class="spacer step hidden"></div><button class="play-pause hidden" title="Start / pause the simulation" style="cursor: pointer;"><i class="icon-play"></i><i class="icon-pause"></i><span class="time-display"><img width="0" height="0" src="data:," style="background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);"></span></button><div class="spacer step hidden"></div><button class="step hidden" title="Step forward"><i class="icon-forward"></i></button></div></div></div></div><div id="above" style="display: inline-block; position: absolute; text-align: center; left: 8.8141592920354px; top: 28.1735342920354px; width: 489.185840707965px; height: 331.8125px;"><div class="inner-container" style="padding-top: 0em; padding-bottom: 3em; padding-right: 0.5em;"><div class="interactive-row" style="width: 100%; height: 100%;"><div id="table1" class="interactive-table component" style="height: 100%;"><div class="table-wrapper"><table style="height: 288.923044204712px;"><thead><tr class="header"><th>Type of Rod</th><th>Rubbing Material</th><th>Observation: Does it attract or repel?</th><th>Interpretation: Charge of rod</th></tr></thead><tbody style="height: 250.807716846466px;"><tr class="data"><td style="width: 61px;">&nbsp;</td><td style="width: 86px;">x</td><td style="width: 179px;">y</td><td style="width: 141px;">&nbsp;</td></tr><tr class="data blank"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></tbody></table></div></div></div></div></div><div id="below" style="display: inline-block; position: absolute; text-align: center; left: 8.8141592920354px; width: 489.185840707965px; top: 332.173534292035px;"><div class="inner-container"><div class="interactive-row" style="width: 100%; height: 100%;"><div id="clear-dataset" class="component clickable interactive-button"><button>Clear table</button></div></div></div></div><div id="model-container" class="container" style="display: inline-block; position: absolute; z-index: 0; width: 369.667389231518px; height: 0.369667389231518px; left: 8.8610342920354px; top: 27.8141592920354px;"><iframe id="iframe-model" style="width:100%;height:100%" src=""></iframe></div></div></div></body></html>" style="top: 0px; left: 0px; margin: 0px; width: 500px; height: 400px;">
	</iframe>
	</body>
	</html>