Skip to content

Instantly share code, notes, and snippets.

@knowuh

knowuh/a.html

Created September 2, 2015 22:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save knowuh/4bc6476c0078c178e655 to your computer and use it in GitHub Desktop.
Save knowuh/4bc6476c0078c178e655 to your computer and use it in GitHub Desktop.
Download ZIP
some html tests
Raw
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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment