Skip to content

Commit

Permalink
adjust styling to fit better in a jupyterlab tab
Browse files Browse the repository at this point in the history
  • Loading branch information
@brian-from-quantrocket
brian-from-quantrocket committed Jul 20, 2023
1 parent 992efaa commit 65b311d
Showing 1 changed file with 66 additions and 64 deletions.
130 changes: 66 additions & 64 deletions vnc.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
<title>noVNC</title>

<meta charset="utf-8">

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Expand Down Expand Up @@ -83,75 +83,77 @@
<div id="noVNC_control_bar">
<div id="noVNC_control_bar_handle" title="Hide/Show the control bar"><div></div></div>

<!-- QuantRocket tips -->
<div style="background: #eee;color: #333;border: 2px solid #E0E0E0;max-width: 400px;">
<h2 style="background-color: #494949; padding: 5px; color: #fff; font-size: larger;margin: 0px;">
IB Gateway GUI Tips
</h2>
<ul style="padding-right: 5px;">
<li>The screen will be black if IB Gateway is not running.
Start IB Gateway from a terminal with the command:
<pre> quantrocket ibg start</pre>
</li>
<li>Connection Status:
<ul>
<li><em>Interactive Brokers API Server</em>: Indicates whether IB
Gateway is connected to the IBKR servers. Should always be green/connected. Red indicates a network problem.
</li>
<li><em>API Client</em>: Indicates the number of QuantRocket services
currently connected to IB Gateway. Usually green but
might be red if QuantRocket isn't doing much right now.
</li>
</ul>
</li>
<li>Closing the browser tab will end this VNC session but leave IB Gateway
running.
</li>
</ul>
</div>
<div style="display: flex;">
<!-- QuantRocket tips -->
<div style="background: #eee;color: #333;border: 2px solid #E0E0E0;max-width: 500px; font-size: small;">
<h2 style="background-color: #494949; padding: 5px; color: #fff; margin: 0px;">
IB Gateway GUI Tips
</h2>
<ul style="padding-right: 5px;">
<li>The screen will be black if IB Gateway is not running.
Start IB Gateway from a terminal with the command:
<pre> quantrocket ibg start</pre>
</li>
<li>Connection Status:
<ul>
<li><em>Interactive Brokers API Server</em>: Indicates whether IB
Gateway is connected to the IBKR servers. Should always be green/connected. Red indicates a network problem.
</li>
<li><em>API Client</em>: Indicates the number of QuantRocket services
currently connected to IB Gateway. Usually green but
might be red if QuantRocket isn't doing much right now.
</li>
</ul>
</li>
<li>Closing this tab will end this VNC session but leave IB Gateway
running.
</li>
</ul>
</div>

<!-- end Quantrocket tips -->
<!-- end Quantrocket tips -->

<div class="noVNC_scroll">
<div class="noVNC_scroll">

<h1 class="noVNC_logo" translate="no"><span>no</span><br>VNC</h1>
<h1 class="noVNC_logo" translate="no"><span>no</span><br>VNC</h1>

<!-- Drag/Pan the viewport -->
<input type="image" alt="Drag" src="app/images/drag.svg"
id="noVNC_view_drag_button" class="noVNC_button noVNC_hidden"
title="Move/Drag Viewport">
<!-- Drag/Pan the viewport -->
<input type="image" alt="Drag" src="app/images/drag.svg"
id="noVNC_view_drag_button" class="noVNC_button noVNC_hidden"
title="Move/Drag Viewport">

<!--noVNC Touch Device only buttons-->
<div id="noVNC_mobile_buttons">
<input type="image" alt="Keyboard" src="app/images/keyboard.svg"
id="noVNC_keyboard_button" class="noVNC_button" title="Show Keyboard">
</div>
<!--noVNC Touch Device only buttons-->
<div id="noVNC_mobile_buttons">
<input type="image" alt="Keyboard" src="app/images/keyboard.svg"
id="noVNC_keyboard_button" class="noVNC_button" title="Show Keyboard">
</div>

<!-- Extra manual keys -->
<input type="image" alt="Extra keys" src="app/images/toggleextrakeys.svg"
id="noVNC_toggle_extra_keys_button" class="noVNC_button"
title="Show Extra Keys">
<div class="noVNC_vcenter">
<div id="noVNC_modifiers" class="noVNC_panel">
<input type="image" alt="Ctrl" src="app/images/ctrl.svg"
id="noVNC_toggle_ctrl_button" class="noVNC_button"
title="Toggle Ctrl">
<input type="image" alt="Alt" src="app/images/alt.svg"
id="noVNC_toggle_alt_button" class="noVNC_button"
title="Toggle Alt">
<input type="image" alt="Windows" src="app/images/windows.svg"
id="noVNC_toggle_windows_button" class="noVNC_button"
title="Toggle Windows">
<input type="image" alt="Tab" src="app/images/tab.svg"
id="noVNC_send_tab_button" class="noVNC_button"
title="Send Tab">
<input type="image" alt="Esc" src="app/images/esc.svg"
id="noVNC_send_esc_button" class="noVNC_button"
title="Send Escape">
<input type="image" alt="Ctrl+Alt+Del" src="app/images/ctrlaltdel.svg"
id="noVNC_send_ctrl_alt_del_button" class="noVNC_button"
title="Send Ctrl-Alt-Del">
</div>
<!-- Extra manual keys -->
<input type="image" alt="Extra keys" src="app/images/toggleextrakeys.svg"
id="noVNC_toggle_extra_keys_button" class="noVNC_button"
title="Show Extra Keys">
<div class="noVNC_vcenter">
<div id="noVNC_modifiers" class="noVNC_panel">
<input type="image" alt="Ctrl" src="app/images/ctrl.svg"
id="noVNC_toggle_ctrl_button" class="noVNC_button"
title="Toggle Ctrl">
<input type="image" alt="Alt" src="app/images/alt.svg"
id="noVNC_toggle_alt_button" class="noVNC_button"
title="Toggle Alt">
<input type="image" alt="Windows" src="app/images/windows.svg"
id="noVNC_toggle_windows_button" class="noVNC_button"
title="Toggle Windows">
<input type="image" alt="Tab" src="app/images/tab.svg"
id="noVNC_send_tab_button" class="noVNC_button"
title="Send Tab">
<input type="image" alt="Esc" src="app/images/esc.svg"
id="noVNC_send_esc_button" class="noVNC_button"
title="Send Escape">
<input type="image" alt="Ctrl+Alt+Del" src="app/images/ctrlaltdel.svg"
id="noVNC_send_ctrl_alt_del_button" class="noVNC_button"
title="Send Ctrl-Alt-Del">
</div>
</div>
</div>

<!-- Shutdown/Reboot -->
Expand Down

0 comments on commit 65b311d

Please sign in to comment.