34 lines
1.9 KiB
HTML
34 lines
1.9 KiB
HTML
<div class="flex-vert">
|
|
<div class="flex-shrink section top">
|
|
<h1>code editor</h1>
|
|
<window-control distribute=".code-editor-containers">
|
|
<window-control-connector style="display: none;" target=".menu-container" class="active">Sessions</window-control-connector>
|
|
<window-control-connector target="code-editor-container[language='Javascript']" class="active">Javascript</window-control-connector>
|
|
<window-control-connector target="code-editor-container[language='HTML']">HTML</window-control-connector>
|
|
<window-control-connector target="code-editor-container[language='CSS']">CSS</window-control-connector>
|
|
</window-control>
|
|
</div>
|
|
<div class="flex-dynamic">
|
|
<div class="menu menu-container" id="session-menu" style="display: none">
|
|
<resize-handle target=".menu-container" place="right" dir="horizontal"></resize-handle>
|
|
<session-list></session-list>
|
|
</div>
|
|
<div class="code-editor-containers flex-vert">
|
|
<code-editor-container language="Javascript" dir="vertical" class="first-visible last-visible">
|
|
</code-editor-container>
|
|
|
|
<code-editor-container language="HTML" dir="vertical" style="display: none;">
|
|
</code-editor-container>
|
|
|
|
<code-editor-container language="CSS" dir="vertical" style="display: none;">
|
|
</code-editor-container>
|
|
</div>
|
|
<div class="output-frame-container">
|
|
<resize-handle target=".code-editor-containers" dir="horizontal"></resize-handle>
|
|
<resize-handle target=".code-editor-containers" dir="vertical" place="top"></resize-handle>
|
|
<output-frame></output-frame>
|
|
</div>
|
|
</div>
|
|
<div class="flex-shrink section bottom">methods: rect, box, center, width, height, rand, randomColor</div>
|
|
</div>
|
|
<notification-bubbles></notification-bubbles> |