Sceneplate with HTML menu

You can interact with the scene from within an HTML page by calling Python functions of the VRED Python API, as well as custom Python functions defined in the script that comes with the vpb file (Edit > Script Editor).

Use JavaScript to execute Python code in VRED:

JavaScript
// just calls some Python code
vred.executePython("setWireframe(SWITCH_TOGGLE)");

// example how to call a Python command with a return value
vred.executePythonCommand("getFov()", function(value)
  { alert(value); } // do something with the value returned by getFov()
);

vred is a special object that is available in JavaScript when running the web page within a VRED web engine. The Python code passed to executePython and executePythonCommand is executed by VRED’s Python interpreter, similar to running it in the Terminal or Script Editor.

Example

The example file menu-sceneplate.vpb shows an HTML menu on a Frontplate (Sceneplate Editor). A click on the buttons triggers an action in the VRED scene, like switching the material and playing an animation.

The Python code in the vpb (Edit > Script Editor) defines functions that are called when clicking on the Top, Left, Bottom, Right buttons in the menu:

menu-sceneplate.vpb
 1def dock(dockState):
 2    node = vrSceneplateService.findNode("Frontplate")
 3    plate = (vrdSceneplateNode)(node)
 4    plate.setPosition(dockState)
 5
 6def dockLeft():
 7    dock(vrSceneplateTypes.Left)
 8
 9def dockRight():
10    dock(vrSceneplateTypes.Right)
11
12def dockTop():
13    dock(vrSceneplateTypes.Top)
14
15def dockBottom():
16    dock(vrSceneplateTypes.Bottom)

Html code in sceneplate:

menu-sceneplate.vpb
  1<!DOCTYPE html>
  2<html>
  3<head>
  4    <meta content="text/html" charset="UTF-8">
  5    <title>Frontplate whith webcontent</title>
  6
  7    <style>
  8        html, body {
  9            font-family: Verdana, Geneva, sans-serif;
 10            margin: 0px;
 11            font-size: 12px;
 12            color: Orange;
 13            -webkit-user-select: none;
 14            overflow: hidden;
 15        }
 16
 17        .header {
 18            margin: 2px;
 19        }
 20
 21        .toolbar {
 22            margin-top: 2px;
 23        }
 24
 25        .box, .cone, .cylinder, .circle, .top, .bottom, .left, .right {
 26            width: 30px;
 27            height: 30px;
 28        }
 29
 30        .box {
 31            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFs8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj5dPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczphPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlU1ZHVmlld2VyRXh0ZW5zaW9ucy8zLjAvIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMTg0LjkwOCAzMjcuOTE0IDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDE4NC45MDggMzI3LjkxNCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGRlZnM+PC9kZWZzPjxyZWN0IGRpc3BsYXk9Im5vbmUiIGZpbGw9IiMxOTE5MTkiIHdpZHRoPSIyOTEiIGhlaWdodD0iMTE3MS45MjEiLz48cGF0aCBkaXNwbGF5PSJub25lIiBmaWxsPSIjM0MzQzNDIiBkPSJNMjEyLjc4LDM1MC40MDdjMCwwLjYwMS0wLjQ4NCwxLjA4My0xLjA4MiwxLjA4M2gtMjEuMzk3Yy0wLjU5NywwLTEuMDgyLTAuNDgyLTEuMDgyLTEuMDgzdi0xMi45MWMwLTAuNTk5LDAuNDg1LTEuMDgzLDEuMDgyLTEuMDgzaDIxLjM5N2MwLjU5OCwwLDEuMDgyLDAuNDg2LDEuMDgyLDEuMDgzVjM1MC40MDd6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxODkuMjE4OCIgeTE9IjM0My45NTE3IiB4Mj0iMjEyLjc4MDMiIHkyPSIzNDMuOTUxNyI+PHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0JCQkNCRSIvPjxzdG9wICBvZmZzZXQ9IjAuMzUzMiIgc3R5bGU9InN0b3AtY29sb3I6I0I0QjVCNyIvPjxzdG9wICBvZmZzZXQ9IjAuODUzMSIgc3R5bGU9InN0b3AtY29sb3I6I0EyQTNBNSIvPjxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5QjlDOUUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGRpc3BsYXk9Im5vbmUiIGZpbGw9InVybCgjU1ZHSURfMV8pIiBkPSJNMjEyLjc4LDM1MC40MDdjMCwwLjYwMS0wLjQ4NCwxLjA4My0xLjA4MiwxLjA4M2gtMjEuMzk3Yy0wLjU5NywwLTEuMDgyLTAuNDgyLTEuMDgyLTEuMDgzdi0xMi45MWMwLTAuNTk5LDAuNDg1LTEuMDgzLDEuMDgyLTEuMDgzaDIxLjM5N2MwLjU5OCwwLDEuMDgyLDAuNDg2LDEuMDgyLDEuMDgzVjM1MC40MDd6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxODkuMjE4OCIgeTE9IjM0My45NTE3IiB4Mj0iMjEyLjc4MDMiIHkyPSIzNDMuOTUxNyI+PHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZDQzIwMCIvPjxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQzdBMjgiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjU1ZHSURfMl8pIiBkPSJNMjEyLjc4LDM1MC40MDdjMCwwLjYwMS0wLjQ4NCwxLjA4My0xLjA4MiwxLjA4M2gtMjEuMzk3Yy0wLjU5NywwLTEuMDgyLTAuNDgyLTEuMDgyLTEuMDgzdi0xMi45MWMwLTAuNTk5LDAuNDg1LTEuMDgzLDEuMDgyLTEuMDgzaDIxLjM5N2MwLjU5OCwwLDEuMDgyLDAuNDg2LDEuMDgyLDEuMDgzVjM1MC40MDd6Ii8+PHJlY3QgaWQ9Il94M0NfU2xpY2VfeDNFX18xNDlfIiB4PSIxODUiIHk9IjMyNy45MjgiIGRpc3BsYXk9Im5vbmUiIGZpbGw9Im5vbmUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPjwvc3ZnPg==);
 32        }
 33
 34        .cylinder {
 35            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFs8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj5dPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczphPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlU1ZHVmlld2VyRXh0ZW5zaW9ucy8zLjAvIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iNzMuOTA4IDMyNy45MTQgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNzMuOTA4IDMyNy45MTQgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxkZWZzPjwvZGVmcz48cmVjdCBkaXNwbGF5PSJub25lIiBmaWxsPSIjMTkxOTE5IiB3aWR0aD0iMjkxIiBoZWlnaHQ9IjExNzEuOTIxIi8+PHBhdGggZGlzcGxheT0ibm9uZSIgZmlsbD0iIzNDM0MzQyIgZD0iTTk3LjEyOCwzMzEuMTcxYzAtMS4zMjgtMy4xOS0yLjQwNS03LjEyOC0yLjQwNWMtMy45MzcsMC03LjEyOCwxLjA3Ny03LjEyOCwyLjQwNWMwLDAuMDI5LDAuMDEsMC4wNTcsMC4wMTMsMC4wODZjLTAuMDAxLDAuMDIzLTAuMDEsMC4wNDUtMC4wMSwwLjA2OHYyNC44OTJjMCwwLjAyMSwwLjAwOCwwLjA0MiwwLjAwOSwwLjA2MmMtMC4wMDMsMC4wMjYtMC4wMTIsMC4wNTUtMC4wMTIsMC4wODFjMCwxLjMyOSwzLjE5MSwyLjQwNSw3LjEyOCwyLjQwNWMzLjkzOCwwLDcuMTI4LTEuMDc2LDcuMTI4LTIuNDA0YzAtMC4wMjItMC4wMDktMC4wNDctMC4wMS0wLjA3YzAuMDAxLTAuMDI0LDAuMDEtMC4wNDksMC4wMS0wLjA3M3YtMjQuODkzYzAtMC4wMjctMC4wMDktMC4wNTMtMC4wMTEtMC4wOEM5Ny4xMTksMzMxLjIyMSw5Ny4xMjgsMzMxLjE5Niw5Ny4xMjgsMzMxLjE3MXogTTkwLDMzMi4xNGMtMi43OTcsMC00LjYyLTAuNTg0LTUuMjY3LTAuOTY5YzAuNjQ3LTAuMzg1LDIuNDY5LTAuOTY5LDUuMjY3LTAuOTY5czQuNjIsMC41ODQsNS4yNjgsMC45NjlDOTQuNjIsMzMxLjU1Niw5Mi43OTgsMzMyLjE0LDkwLDMzMi4xNHoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjgyLjg3MjEiIHkxPSIzNDMuNzY1NiIgeDI9Ijk3LjEyNzkiIHkyPSIzNDMuNzY1NiI+PHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0JCQkNCRSIvPjxzdG9wICBvZmZzZXQ9IjAuMzUzMiIgc3R5bGU9InN0b3AtY29sb3I6I0I0QjVCNyIvPjxzdG9wICBvZmZzZXQ9IjAuODUzMSIgc3R5bGU9InN0b3AtY29sb3I6I0EyQTNBNSIvPjxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5QjlDOUUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGRpc3BsYXk9Im5vbmUiIGZpbGw9InVybCgjU1ZHSURfMV8pIiBkPSJNOTcuMTI4LDMzMS4xNzFjMC0xLjMyOC0zLjE5LTIuNDA1LTcuMTI4LTIuNDA1Yy0zLjkzNywwLTcuMTI4LDEuMDc3LTcuMTI4LDIuNDA1YzAsMC4wMjksMC4wMSwwLjA1NywwLjAxMywwLjA4NmMtMC4wMDEsMC4wMjMtMC4wMSwwLjA0NS0wLjAxLDAuMDY4djI0Ljg5MmMwLDAuMDIxLDAuMDA4LDAuMDQyLDAuMDA5LDAuMDYyYy0wLjAwMywwLjAyNi0wLjAxMiwwLjA1NS0wLjAxMiwwLjA4MWMwLDEuMzI5LDMuMTkxLDIuNDA1LDcuMTI4LDIuNDA1YzMuOTM4LDAsNy4xMjgtMS4wNzYsNy4xMjgtMi40MDRjMC0wLjAyMi0wLjAwOS0wLjA0Ny0wLjAxLTAuMDdjMC4wMDEtMC4wMjQsMC4wMS0wLjA0OSwwLjAxLTAuMDczdi0yNC44OTNjMC0wLjAyNy0wLjAwOS0wLjA1My0wLjAxMS0wLjA4Qzk3LjExOSwzMzEuMjIxLDk3LjEyOCwzMzEuMTk2LDk3LjEyOCwzMzEuMTcxeiBNOTAsMzMyLjE0Yy0yLjc5NywwLTQuNjItMC41ODQtNS4yNjctMC45NjljMC42NDctMC4zODUsMi40NjktMC45NjksNS4yNjctMC45NjlzNC42MiwwLjU4NCw1LjI2OCwwLjk2OUM5NC42MiwzMzEuNTU2LDkyLjc5OCwzMzIuMTQsOTAsMzMyLjE0eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iODIuODcyMSIgeTE9IjM0My43NjU2IiB4Mj0iOTcuMTI3OSIgeTI9IjM0My43NjU2Ij48c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkNDMjAwIi8+PHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0VDN0EyOCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNTVkdJRF8yXykiIGQ9Ik05Ny4xMjgsMzMxLjE3MWMwLTEuMzI4LTMuMTktMi40MDUtNy4xMjgtMi40MDVjLTMuOTM3LDAtNy4xMjgsMS4wNzctNy4xMjgsMi40MDVjMCwwLjAyOSwwLjAxLDAuMDU3LDAuMDEzLDAuMDg2Yy0wLjAwMSwwLjAyMy0wLjAxLDAuMDQ1LTAuMDEsMC4wNjh2MjQuODkyYzAsMC4wMjEsMC4wMDgsMC4wNDIsMC4wMDksMC4wNjJjLTAuMDAzLDAuMDI2LTAuMDEyLDAuMDU1LTAuMDEyLDAuMDgxYzAsMS4zMjksMy4xOTEsMi40MDUsNy4xMjgsMi40MDVjMy45MzgsMCw3LjEyOC0xLjA3Niw3LjEyOC0yLjQwNGMwLTAuMDIyLTAuMDA5LTAuMDQ3LTAuMDEtMC4wN2MwLjAwMS0wLjAyNCwwLjAxLTAuMDQ5LDAuMDEtMC4wNzN2LTI0Ljg5M2MwLTAuMDI3LTAuMDA5LTAuMDUzLTAuMDExLTAuMDhDOTcuMTE5LDMzMS4yMjEsOTcuMTI4LDMzMS4xOTYsOTcuMTI4LDMzMS4xNzF6IE05MCwzMzIuMTRjLTIuNzk3LDAtNC42Mi0wLjU4NC01LjI2Ny0wLjk2OWMwLjY0Ny0wLjM4NSwyLjQ2OS0wLjk2OSw1LjI2Ny0wLjk2OXM0LjYyLDAuNTg0LDUuMjY4LDAuOTY5Qzk0LjYyLDMzMS41NTYsOTIuNzk4LDMzMi4xNCw5MCwzMzIuMTR6Ii8+PHJlY3QgaWQ9Il94M0NfU2xpY2VfeDNFX18xNDlfIiB4PSI3NCIgeT0iMzI3LjkyOCIgZGlzcGxheT0ibm9uZSIgZmlsbD0ibm9uZSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+PC9zdmc+);
 36        }
 37
 38        .cone {
 39            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFs8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj5dPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczphPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlU1ZHVmlld2VyRXh0ZW5zaW9ucy8zLjAvIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iLTAuMDkyIDMyNy45MTQgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTAuMDkyIDMyNy45MTQgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxkZWZzPjwvZGVmcz48cmVjdCBkaXNwbGF5PSJub25lIiBmaWxsPSIjMTkxOTE5IiB3aWR0aD0iMjkxIiBoZWlnaHQ9IjExNzEuOTIxIi8+PHBhdGggZGlzcGxheT0ibm9uZSIgZmlsbD0iIzNDM0MzQyIgZD0iTTI2LjI5NywzNTQuOTQ2aDAuMDM5bC0xMC4zMzctMjYuMDE4TDUuNjYxLDM1NC45NDZoMC4wNDdjLTAuMDIxLDAuMDk4LTAuMDQyLDAuMTkzLTAuMDQyLDAuMjkzYzAsMi4wMzksNC42MjcsMy42ODksMTAuMzM2LDMuNjg5YzUuNzA4LDAsMTAuMzM3LTEuNjUsMTAuMzM3LTMuNjg5QzI2LjM0LDM1NS4xMzksMjYuMzE4LDM1NS4wNDIsMjYuMjk3LDM1NC45NDZ6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1LjY2MTEiIHkxPSIzNDMuOTI4MiIgeDI9IjI2LjMzODkiIHkyPSIzNDMuOTI4MiI+PHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0JCQkNCRSIvPjxzdG9wICBvZmZzZXQ9IjAuMzUzMiIgc3R5bGU9InN0b3AtY29sb3I6I0I0QjVCNyIvPjxzdG9wICBvZmZzZXQ9IjAuODUzMSIgc3R5bGU9InN0b3AtY29sb3I6I0EyQTNBNSIvPjxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5QjlDOUUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGRpc3BsYXk9Im5vbmUiIGZpbGw9InVybCgjU1ZHSURfMV8pIiBkPSJNMjYuMjk3LDM1NC45NDZoMC4wMzlsLTEwLjMzNy0yNi4wMThMNS42NjEsMzU0Ljk0NmgwLjA0N2MtMC4wMjEsMC4wOTgtMC4wNDIsMC4xOTMtMC4wNDIsMC4yOTNjMCwyLjAzOSw0LjYyNywzLjY4OSwxMC4zMzYsMy42ODljNS43MDgsMCwxMC4zMzctMS42NSwxMC4zMzctMy42ODlDMjYuMzQsMzU1LjEzOSwyNi4zMTgsMzU1LjA0MiwyNi4yOTcsMzU0Ljk0NnoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUuNjYxMSIgeTE9IjM0My45MjgyIiB4Mj0iMjYuMzM4OSIgeTI9IjM0My45MjgyIj48c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkNDMjAwIi8+PHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0VDN0EyOCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNTVkdJRF8yXykiIGQ9Ik0yNi4yOTcsMzU0Ljk0NmgwLjAzOWwtMTAuMzM3LTI2LjAxOEw1LjY2MSwzNTQuOTQ2aDAuMDQ3Yy0wLjAyMSwwLjA5OC0wLjA0MiwwLjE5My0wLjA0MiwwLjI5M2MwLDIuMDM5LDQuNjI3LDMuNjg5LDEwLjMzNiwzLjY4OWM1LjcwOCwwLDEwLjMzNy0xLjY1LDEwLjMzNy0zLjY4OUMyNi4zNCwzNTUuMTM5LDI2LjMxOCwzNTUuMDQyLDI2LjI5NywzNTQuOTQ2eiIvPjxyZWN0IGlkPSJfeDNDX1NsaWNlX3gzRV9fMTQ5XyIgeT0iMzI3LjkyOCIgZGlzcGxheT0ibm9uZSIgZmlsbD0ibm9uZSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+PC9zdmc+);
 40        }
 41
 42        .circle {
 43            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFs8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj5dPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczphPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlU1ZHVmlld2VyRXh0ZW5zaW9ucy8zLjAvIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMjIxLjkwOCAzMjcuOTE0IDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDIyMS45MDggMzI3LjkxNCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGRlZnM+PC9kZWZzPjxyZWN0IGRpc3BsYXk9Im5vbmUiIGZpbGw9IiMxOTE5MTkiIHdpZHRoPSIyOTEiIGhlaWdodD0iMTE3MS45MjEiLz48Y2lyY2xlIGRpc3BsYXk9Im5vbmUiIGZpbGw9IiMzQzNDM0MiIGN4PSIyMzguMDEiIGN5PSIzNDMuOTgxIiByPSIxMS43ODEiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjIyNi4yMjg1IiB5MT0iMzQzLjk4MSIgeDI9IjI0OS43OTEiIHkyPSIzNDMuOTgxIj48c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQkJCQ0JFIi8+PHN0b3AgIG9mZnNldD0iMC4zNTMyIiBzdHlsZT0ic3RvcC1jb2xvcjojQjRCNUI3Ii8+PHN0b3AgIG9mZnNldD0iMC44NTMxIiBzdHlsZT0ic3RvcC1jb2xvcjojQTJBM0E1Ii8+PHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzlCOUM5RSIvPjwvbGluZWFyR3JhZGllbnQ+PGNpcmNsZSBkaXNwbGF5PSJub25lIiBmaWxsPSJ1cmwoI1NWR0lEXzFfKSIgY3g9IjIzOC4wMSIgY3k9IjM0My45ODEiIHI9IjExLjc4MSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjI2LjIyODUiIHkxPSIzNDMuOTgxIiB4Mj0iMjQ5Ljc5MSIgeTI9IjM0My45ODEiPjxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGQ0MyMDAiLz48c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRUM3QTI4Ii8+PC9saW5lYXJHcmFkaWVudD48Y2lyY2xlIGZpbGw9InVybCgjU1ZHSURfMl8pIiBjeD0iMjM4LjAxIiBjeT0iMzQzLjk4MSIgcj0iMTEuNzgxIi8+PHJlY3QgaWQ9Il94M0NfU2xpY2VfeDNFX18xNDlfIiB4PSIyMjIiIHk9IjMyNy45MjgiIGRpc3BsYXk9Im5vbmUiIGZpbGw9Im5vbmUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPjwvc3ZnPg==);
 44        }
 45
 46        .bottom {
 47            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIGlkPSJMYXllcl8xIiAgIHg9IjBweCIgICB5PSIwcHgiICAgd2lkdGg9IjMycHgiICAgaGVpZ2h0PSIzMnB4IiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIgICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgICB4bWw6c3BhY2U9InByZXNlcnZlIiAgIHNvZGlwb2RpOmRvY25hbWU9IkRvY2tCb3R0b20uc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMiAoNWMzZTgwZCwgMjAxNy0wOC0wNikiPjxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMTkiPjxyZGY6UkRGPjxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjxkYzp0aXRsZT48L2RjOnRpdGxlPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcyAgICAgaWQ9ImRlZnMxNyIgLz48c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjY0MCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjQ4MCIgICAgIGlkPSJuYW1lZHZpZXcxNSIgICAgIHNob3dncmlkPSJmYWxzZSIgICAgIGlua3NjYXBlOnpvb209IjcuMzc1IiAgICAgaW5rc2NhcGU6Y3g9IjE2IiAgICAgaW5rc2NhcGU6Y3k9IjE2IiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjM3NCIgICAgIGlua3NjYXBlOndpbmRvdy15PSI1MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iTGF5ZXJfMSIgLz48ZyAgICAgaWQ9IkxheWVyXzIiICAgICB0cmFuc2Zvcm09InJvdGF0ZSg5MCwzMiwwKSIgLz48bGluZWFyR3JhZGllbnQgICAgIGlkPSJTVkdJRF8xXyIgICAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiAgICAgeDE9IjEuNjg3NSIgICAgIHkxPSIxNiIgICAgIHgyPSIzMC4zMTI1IiAgICAgeTI9IjE2IiAgICAgZ3JhZGllbnRUcmFuc2Zvcm09InJvdGF0ZSg5MCwxNiwxNikiPjxzdG9wICAgICAgIG9mZnNldD0iMCIgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I0ZDQzIwMCIgICAgICAgaWQ9InN0b3AzIiAvPjxzdG9wICAgICAgIG9mZnNldD0iMSIgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I0VDN0EyOCIgICAgICAgaWQ9InN0b3A1IiAvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggICAgIGQ9Ik0gMzAuMzEyLDE2IEMgMzAuMzEyLDguMDk1IDIzLjkwNSwxLjY4OCAxNiwxLjY4OCA4LjA5NiwxLjY4OCAxLjY4OCw4LjA5NiAxLjY4OCwxNiAxLjY4OCwyMy45MDQgOC4wOTYsMzAuMzEyIDE2LDMwLjMxMiAyMy45MDUsMzAuMzEyIDMwLjMxMiwyMy45MDQgMzAuMzEyLDE2IFogTSAxNS41ODYsMjYuOTI2IGMgLTAuMDA0LDAgLTAuMDE2LC0wLjAwOSAtMC4wMjEsLTAuMDEgLTAuMzAyLC0wLjA5OSAtMC41NiwtMC4yOTMgLTAuNzMyLC0wLjU1NCAtMS44NzYsLTEuNzM5IC02LjQyNywtNy4wMjUgLTYuNDI3LC03LjU1MyAwLC0wLjYzMiAwLjUxMywtMS4xNDQgMS4xNDQsLTEuMTQ0IGggNS4wNTEgViA2LjQwNiBjIDAsLTAuNzcyIDAuNjI3LC0xLjM5OCAxLjM5OCwtMS4zOTggMC43NzIsMCAxLjM5OCwwLjYyNiAxLjM5OCwxLjM5OCB2IDExLjI2IGggNS4wNTIgYyAwLjYzMiwwIDEuMTQ0LDAuNTEyIDEuMTQ0LDEuMTQ0IDAsMC41MjUgLTQuNTMsNS43ODMgLTYuNDE4LDcuNTM4IC0wLjE3NywwLjI3NSAtMC40NDksMC40OCAtMC43NywwLjU3OCAtMC4xMjksMC4wMzkgLTAuMjYzLDAuMDY2IC0wLjQwNCwwLjA2NiAtMC4xNDEsMCAtMC4yNzUsLTAuMDI3IC0wLjQwNCwtMC4wNjYgeiIgICAgIGlkPSJwYXRoOCIgICAgIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMV8pIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz48cGF0aCAgICAgZD0ibSA1LjA5NCwxNS41ODYgYyAtMC4wMSwtMC4wMDMgLTAuMDIsLTAuMDA2IC0wLjAzLC0wLjAxIDAuMDA1LDEwZS00IDAuMDE2LDAuMDEgMC4wMjEsMC4wMSB6IiAgICAgaWQ9InBhdGgxMCIgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICBzdHlsZT0iZmlsbDojZGFkYWRhIiAvPjxwb2x5Z29uICAgICBwb2ludHM9IiIgICAgIGlkPSJwb2x5Z29uMTIiICAgICB0cmFuc2Zvcm09InJvdGF0ZSg5MCwxNS41OTYsNS4wNzQpIiAgICAgc3R5bGU9ImZpbGw6I2RhZGFkYSIgLz48L3N2Zz4=);
 48        }
 49
 50        .left {
 51            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIGlkPSJMYXllcl8xIiAgIHg9IjBweCIgICB5PSIwcHgiICAgd2lkdGg9IjMycHgiICAgaGVpZ2h0PSIzMnB4IiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIgICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgICB4bWw6c3BhY2U9InByZXNlcnZlIiAgIHNvZGlwb2RpOmRvY25hbWU9IkRvY2tMZWZ0LnN2ZyIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjIgKDVjM2U4MGQsIDIwMTctMDgtMDYpIj48bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTE5Ij48cmRmOlJERj48Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMgICAgIGlkPSJkZWZzMTciIC8+PHNvZGlwb2RpOm5hbWVkdmlldyAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSI2NDAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI0ODAiICAgICBpZD0ibmFtZWR2aWV3MTUiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpbmtzY2FwZTp6b29tPSI3LjM3NSIgICAgIGlua3NjYXBlOmN4PSIxNiIgICAgIGlua3NjYXBlOmN5PSIxNiIgICAgIGlua3NjYXBlOndpbmRvdy14PSIzNzQiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNTIwIiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9IkxheWVyXzEiIC8+PGcgICAgIGlkPSJMYXllcl8yIiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLDEsMzIsMCkiIC8+PGxpbmVhckdyYWRpZW50ICAgICBpZD0iU1ZHSURfMV8iICAgICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgICAgIHgxPSIxLjY4NzUiICAgICB5MT0iMTYiICAgICB4Mj0iMzAuMzEyNSIgICAgIHkyPSIxNiIgICAgIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLDEsMzIsMCkiPjxzdG9wICAgICAgIG9mZnNldD0iMCIgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I0ZDQzIwMCIgICAgICAgaWQ9InN0b3AzIiAvPjxzdG9wICAgICAgIG9mZnNldD0iMSIgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I0VDN0EyOCIgICAgICAgaWQ9InN0b3A1IiAvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggICAgIGQ9Ik0gMTYsMS42ODggQyAyMy45MDUsMS42ODggMzAuMzEyLDguMDk1IDMwLjMxMiwxNiAzMC4zMTIsMjMuOTA0IDIzLjkwNCwzMC4zMTIgMTYsMzAuMzEyIDguMDk2LDMwLjMxMiAxLjY4OCwyMy45MDQgMS42ODgsMTYgMS42ODgsOC4wOTUgOC4wOTYsMS42ODggMTYsMS42ODggWiBNIDUuMDc0LDE2LjQxNCBjIDAsMC4wMDQgMC4wMDksMC4wMTYgMC4wMSwwLjAyMSAwLjA5OSwwLjMwMiAwLjI5MywwLjU2IDAuNTU0LDAuNzMyIDEuNzM5LDEuODc2IDcuMDI1LDYuNDI3IDcuNTUzLDYuNDI3IDAuNjMyLDAgMS4xNDQsLTAuNTEzIDEuMTQ0LC0xLjE0NCB2IC01LjA1MSBoIDExLjI1OSBjIDAuNzcyLDAgMS4zOTgsLTAuNjI3IDEuMzk4LC0xLjM5OCAwLC0wLjc3MiAtMC42MjYsLTEuMzk4IC0xLjM5OCwtMS4zOTggSCAxNC4zMzQgViA5LjU1MSBjIDAsLTAuNjMyIC0wLjUxMiwtMS4xNDQgLTEuMTQ0LC0xLjE0NCAtMC41MjUsMCAtNS43ODMsNC41MyAtNy41MzgsNi40MTggLTAuMjc1LDAuMTc3IC0wLjQ4LDAuNDQ5IC0wLjU3OCwwLjc3IC0wLjAzOSwwLjEyOSAtMC4wNjYsMC4yNjMgLTAuMDY2LDAuNDA0IDAsMC4xNDEgMC4wMjcsMC4yNzUgMC4wNjYsMC40MDQgeiIgICAgIGlkPSJwYXRoOCIgICAgIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMV8pIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz48cGF0aCAgICAgZD0ibSA1LjA3NCwxNi40MDQgYyAwLjAwMywwLjAxIDAuMDA2LDAuMDIgMC4wMSwwLjAzIC0xMGUtNCwtMC4wMDUgLTAuMDEsLTAuMDE2IC0wLjAxLC0wLjAyMSB6IiAgICAgaWQ9InBhdGgxMCIgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICBzdHlsZT0iZmlsbDojZGFkYWRhIiAvPjxwb2x5Z29uICAgICBwb2ludHM9IjI2LjkyNiwxNS41OTYgIiAgICAgaWQ9InBvbHlnb24xMiIgICAgIHRyYW5zZm9ybT0ibWF0cml4KC0xLDAsMCwxLDMyLDApIiAgICAgc3R5bGU9ImZpbGw6I2RhZGFkYSIgLz48L3N2Zz4=);
 52        }
 53
 54        .right {
 55            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJMYXllcl8yIj48L2c+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxLjY4NzUiIHkxPSIxNiIgeDI9IjMwLjMxMjUiIHkyPSIxNiI+PHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZDQzIwMCIvPjxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQzdBMjgiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjU1ZHSURfMV8pIiBkPSJNMTYsMS42ODhDOC4wOTUsMS42ODgsMS42ODgsOC4wOTUsMS42ODgsMTZjMCw3LjkwNCw2LjQwOCwxNC4zMTIsMTQuMzEyLDE0LjMxMlMzMC4zMTIsMjMuOTA0LDMwLjMxMiwxNkMzMC4zMTIsOC4wOTUsMjMuOTA0LDEuNjg4LDE2LDEuNjg4eiBNMjYuOTI2LDE2LjQxNGMwLDAuMDA0LTAuMDA5LDAuMDE2LTAuMDEsMC4wMjFjLTAuMDk5LDAuMzAyLTAuMjkzLDAuNTYtMC41NTQsMC43MzJjLTEuNzM5LDEuODc2LTcuMDI1LDYuNDI3LTcuNTUzLDYuNDI3Yy0wLjYzMiwwLTEuMTQ0LTAuNTEzLTEuMTQ0LTEuMTQ0di01LjA1MUg2LjQwNmMtMC43NzIsMC0xLjM5OC0wLjYyNy0xLjM5OC0xLjM5OGMwLTAuNzcyLDAuNjI2LTEuMzk4LDEuMzk4LTEuMzk4aDExLjI2VjkuNTUxYzAtMC42MzIsMC41MTItMS4xNDQsMS4xNDQtMS4xNDRjMC41MjUsMCw1Ljc4Myw0LjUzLDcuNTM4LDYuNDE4YzAuMjc1LDAuMTc3LDAuNDgsMC40NDksMC41NzgsMC43N2MwLjAzOSwwLjEyOSwwLjA2NiwwLjI2MywwLjA2NiwwLjQwNHMtMC4wMjcsMC4yNzUtMC4wNjYsMC40MDRWMTYuNDE0eiIvPjxwYXRoIGZpbGw9IiNEQURBREEiIGQ9Ik0yNi45MjYsMTYuNDA0Yy0wLjAwMywwLjAxLTAuMDA2LDAuMDItMC4wMSwwLjAzYzAuMDAxLTAuMDA1LDAuMDEtMC4wMTYsMC4wMS0wLjAyMVYxNi40MDR6Ii8+PHBvbHlnb24gZmlsbD0iI0RBREFEQSIgcG9pbnRzPSIyNi45MjYsMTUuNTk2IDI2LjkyNiwxNS41OTYgMjYuOTI2LDE1LjU5NiAiLz48L3N2Zz4=);
 56        }
 57
 58        .top {
 59            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIGlkPSJMYXllcl8xIiAgIHg9IjBweCIgICB5PSIwcHgiICAgd2lkdGg9IjMycHgiICAgaGVpZ2h0PSIzMnB4IiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIgICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgICB4bWw6c3BhY2U9InByZXNlcnZlIiAgIHNvZGlwb2RpOmRvY25hbWU9IkRvY2tUb3Auc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMiAoNWMzZTgwZCwgMjAxNy0wOC0wNikiPjxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMTkiPjxyZGY6UkRGPjxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjxkYzp0aXRsZT48L2RjOnRpdGxlPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcyAgICAgaWQ9ImRlZnMxNyIgLz48c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjY0MCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjQ4MCIgICAgIGlkPSJuYW1lZHZpZXcxNSIgICAgIHNob3dncmlkPSJmYWxzZSIgICAgIGlua3NjYXBlOnpvb209IjcuMzc1IiAgICAgaW5rc2NhcGU6Y3g9IjE2IiAgICAgaW5rc2NhcGU6Y3k9IjE2IiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjM3NCIgICAgIGlua3NjYXBlOndpbmRvdy15PSI1MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iTGF5ZXJfMSIgLz48ZyAgICAgaWQ9IkxheWVyXzIiICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLC0xLC0xLDAsMzIsNjQpIiAvPjxsaW5lYXJHcmFkaWVudCAgICAgaWQ9IlNWR0lEXzFfIiAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiICAgICB4MT0iMS42ODc1IiAgICAgeTE9IjE2IiAgICAgeDI9IjMwLjMxMjUiICAgICB5Mj0iMTYiICAgICBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAsLTEsLTEsMCwzMiwzMikiPjxzdG9wICAgICAgIG9mZnNldD0iMCIgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I0ZDQzIwMCIgICAgICAgaWQ9InN0b3AzIiAvPjxzdG9wICAgICAgIG9mZnNldD0iMSIgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I0VDN0EyOCIgICAgICAgaWQ9InN0b3A1IiAvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggICAgIGQ9Ik0gMzAuMzEyLDE2IEMgMzAuMzEyLDIzLjkwNSAyMy45MDUsMzAuMzEyIDE2LDMwLjMxMiA4LjA5NiwzMC4zMTIgMS42ODgsMjMuOTA0IDEuNjg4LDE2IDEuNjg4LDguMDk2IDguMDk2LDEuNjg4IDE2LDEuNjg4IDIzLjkwNSwxLjY4OCAzMC4zMTIsOC4wOTYgMzAuMzEyLDE2IFogTSAxNS41ODYsNS4wNzQgYyAtMC4wMDQsMCAtMC4wMTYsMC4wMDkgLTAuMDIxLDAuMDEgLTAuMzAyLDAuMDk5IC0wLjU2LDAuMjkzIC0wLjczMiwwLjU1NCAtMS44NzYsMS43MzkgLTYuNDI3LDcuMDI1IC02LjQyNyw3LjU1MyAwLDAuNjMyIDAuNTEzLDEuMTQ0IDEuMTQ0LDEuMTQ0IGggNS4wNTEgdiAxMS4yNTkgYyAwLDAuNzcyIDAuNjI3LDEuMzk4IDEuMzk4LDEuMzk4IDAuNzcyLDAgMS4zOTgsLTAuNjI2IDEuMzk4LC0xLjM5OCB2IC0xMS4yNiBoIDUuMDUyIGMgMC42MzIsMCAxLjE0NCwtMC41MTIgMS4xNDQsLTEuMTQ0IDAsLTAuNTI1IC00LjUzLC01Ljc4MyAtNi40MTgsLTcuNTM4IC0wLjE3NywtMC4yNzUgLTAuNDQ5LC0wLjQ4IC0wLjc3LC0wLjU3OCAtMC4xMjksLTAuMDM5IC0wLjI2MywtMC4wNjYgLTAuNDA0LC0wLjA2NiAtMC4xNDEsMCAtMC4yNzUsMC4wMjcgLTAuNDA0LDAuMDY2IHoiICAgICBpZD0icGF0aDgiICAgICBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzFfKSIgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+PHBhdGggICAgIGQ9Im0gNS4wOTQsMTYuNDE0IGMgLTAuMDEsMC4wMDMgLTAuMDIsMC4wMDYgLTAuMDMsMC4wMSAwLjAwNSwtMC4wMDEgMC4wMTYsLTAuMDEgMC4wMjEsLTAuMDEgeiIgICAgIGlkPSJwYXRoMTAiICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgc3R5bGU9ImZpbGw6I2RhZGFkYSIgLz48cG9seWdvbiAgICAgcG9pbnRzPSIiICAgICBpZD0icG9seWdvbjEyIiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMCwtMSwtMSwwLDIwLjY3LDQyLjUyMikiICAgICBzdHlsZT0iZmlsbDojZGFkYWRhIiAvPjwvc3ZnPg==);
 60        }
 61
 62        .png {
 63            width: 32px;
 64            height: 32px;
 65        }
 66
 67        .rule {
 68            color: Orange;
 69            background: Orange;
 70        }
 71
 72        .PlateButton {
 73            background: linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
 74            background-color: #ededed;
 75            border-radius: 15px;
 76            border: 1px solid #d6bcd6;
 77            display: inline-block;
 78            width: 50px;
 79            height: 50px;
 80            text-align: center;
 81            color: #3a8a9e;
 82            font-family: Arial;
 83            font-size: 17px;
 84            padding: 7px 17px;
 85            text-decoration: none;
 86            text-shadow: 0px 1px 0px #e1e2ed;
 87        }
 88
 89            .PlateButton:hover {
 90                background-color: #bab1ba;
 91            }
 92
 93            .PlateButton:active {
 94                position: relative;
 95                top: 1px;
 96            }
 97
 98        .PlateMenu {
 99            width: 370px;
100            padding: 7px;
101            border: 1px solid Orange;
102            border-radius: 11px;
103            background: linear-gradient(DimGrey 10%,Black 90%);
104        }
105    </style>
106
107    <script type="text/javascript">
108        var _materials = [
109            "value=setSwitchMaterialChoice('SwitchMaterial', 0)",
110            "value=setSwitchMaterialChoice('SwitchMaterial', 1)",
111            "value=setSwitchMaterialChoice('SwitchMaterial', 2)",
112            "value=setSwitchMaterialChoice('SwitchMaterial', 3)"
113        ];
114
115        var _shapes = [
116            "playCAnimation('Box_Block')",
117            "playCAnimation('Cylinder_Block')",
118            "playCAnimation('Cone_Block')",
119            "playCAnimation('Sphere_Block')"
120        ];
121
122        var _dockings = [
123            "dockLeft()",
124            "dockRight()",
125            "dockTop()",
126            "dockBottom()"
127        ];
128
129        function setColor(color) {
130            vred.executePython(_materials[color]);
131        }
132
133        function setShape(shape) {
134            vred.executePython(_shapes[shape]);
135        }
136
137        function setDocking(dock) {
138            vred.executePython(_dockings[dock]);
139        }
140    </script>
141</head>
142<body>
143    <div class="PlateMenu">
144            <div class="toolbar">
145                <div class="header">Animate</div>
146                <div class="PlateButton" onclick="setShape(0);">
147                    <svg class="box png"/>Box
148                </div>
149                <div class="PlateButton" onclick="setShape(1);">
150                    <svg class="cylinder png"/>Cylinder
151                </div>
152                <div class="PlateButton" onclick="setShape(2);">
153                    <svg class="cone png"/>Cone
154                </div>
155                <div class="PlateButton" onclick="setShape(3);">
156                    <svg class="circle png"/>Circle
157                </div>
158            </div>
159
160            <div class="toolbar">
161                <div class="header">Color</div>
162                <div class="PlateButton" onclick="setColor(0);">
163                    <img class="png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABZCAMAAACE/LPZAAAC+lBMVEXkAtHlAtHmAtHnAdLnAtLoAdLoAtLpAdLpAdPpAtLqAdLqAdPqAtLrAdLrAdPsAdPtAdPtAdTuAdPuAdTvAdPvAdTwAdLwAdPwAdTxAdLxAdPxAdTxAdXyAdLyAdPyAdTyAdXzAdLzAdPzAdTzAdX0ANX0AdP0AdT0AdX1ANP1ANX1AdP1AdT1AdX2ANP2ANX2AdP2AdT2AdX3ANP3ANT3ANX3AdT3AdX4ANP4ANX4AdT4AdX5ANP5ANT5ANX5AdT6ANP6ANT6ANX6ANb6AdT6AdX7ANT7ANX7ANb7AdT8ANT8ANX8ANb9ANT9ANX9ANb+ANT+ANX+ANb/ANT/ANX/ANb/AdT/AdX/AtT/AtX/A9T/A9X/BNT/BNX/BdT/BdX/BtT/BtX/B9P/B9T/B9X/CNP/CNT/CdP/CdT/CtP/CtT/C9P/C9T/DNP/DNT/DdP/DdT/DtT/D9P/D9T/ENT/EdT/E9T/FNT/FdX/FtT/F9T/F9X/GNT/GNX/GdT/GdX/G9X/HNT/HNX/H9X/INT/IdX/Itb/I9X/I9b/JNX/JNb/Jdb/J9b/K9b/Ldb/Ltb/L9b/L9f/Mdf/Mtf/NNf/Ntj/N9f/ONf/ONj/O9j/PNj/Pdj/Ptj/QNj/QNn/Qtn/Q9n/RNn/Rdn/Rtn/Rtr/R9r/Sdr/Str/TNr/Tdr/Ttr/T9r/UNv/Utv/U9v/VNv/VNz/Vdz/Vtz/V9z/WNz/Wdz/Wt3/W9b/W9f/W9z/W93/XNb/XNf/XNj/XN3/Xdf/Xdj/Xdn/Xd3/Xtj/Xtn/Xtr/Xt3/X9n/X9r/X9v/X93/YNn/YNr/YNv/YNz/YN3/YN7/Ydr/Ydv/Ydz/Yd7/Ytr/Ytv/Ytz/Yt3/Y9v/Y9z/Y93/Y97/ZNv/ZNz/ZN3/ZN7/ZN//Zdz/Zd3/Zd7/Zd//Ztz/Zt3/Zt7/Zt//Z93/Z97/Z9//aN3/aN7/aN//ad7/ad//aeD/at7/at//auD/a9//a+D/bN//bOD/bd//beD/buD/b+Bb5CG2AAAG6UlEQVR4AaTS8VcSQRDA8QGBKwgOJYI0wJCIRECJk0jFoDIjTpID6/X6//+OZmeXG+5YDbyv84SfPjNvHwChUDgcjkQisVjsqWE8i8eTyWTKNM10Or2DPRflRLtU0a3sqehWKLyUvYAQydFo1DCMOMopHyzZ4q7Hq6rq/CFzdxVEsLXlhdlVxxJ6UC6/FVWPqPrRybFI/ufqqir1GiSdSKT4ZITzudweViqVDjDBEnoiO12ugyN6L2tix83mO6wOxpMEyhLekXA+jyzGrCt+lF0udXF5sdQHFS2Cxc0oZ7LZLMkS9rqMDr4McLCrKxzVgKMl5+e4AeTNDO9JmF2FDkTfCRqNcCh7ZFP4hXO3fQLT3N7OEK1kvrjTOev1ev1+fzj8+k30Q4TWjW3/1Gar1BJgmR5Dwu3Tbrd71u8JV7E3ottFM8zR5VkDGe/NjUa73bUsdfBQnutnOUezgpeAoiuVSq3WOGy1W0pmmNF7cnC0Acr7+yTjzZaFr6zgtVxOi79a0C26mR6D5dkmreLyOVgWMMsB8dqbQy9N8qYw0Ss6kGwFk/lurw98dBBZ/5MBpAMe7dwbuO9xiz0Cfhj/fH09Hk+m0+mcCn4vB0yvj/+a3flzxKzg48lEyNyDqujufzHOV8vWg39r868Alome62HKp/5ZTrsD5p70sJRX0L/0949QentKqgvjOL7+TV9eIiG3RGQagocoO6R50KzsUJRlWWSWVqbO2IUXXnjhMJM6CIkHrKgkN2wQ0RSbae211sNam7WlbzPQdPH5PXsTfEkr5XGBruDq/9AxQ8V/FkaMuDnMZQE9LsdX2IIBP0oGl5kOnMJyOp0K5NCjK3QDlaMrcAJMWAK63DV1Hq/P19DU7L+A8zd4PXVnalyu6uqqqiq7w04XzHFGg6y7GNZZd63vYmt3X2AgODwyNj45PYObnpoYGx1+ORC43dtxye+pPXVS37DbHRyX5AqQGeyq8bdefxgc/RjezOb39vcLtEMa/tv+jpaYm3g9eK/3iv/sabxQxM1okDFc39L9IDge1rCKWfyHfRV4hzCzq32eGu6/cbUJ8BLaYiE0ld3ejrtDU4ksdsslTvw5LGRXxxleQv9nYUdjubmzfySs6fCe3q55v1l0oEAXkGDzqwmN37PL2xV4G86CupPfOSLjCDwDMl5NbEo7nO7LfUPzKoG5moUy5COTyYobfODgoFAAvJRWnPXXAh/we87n89wEN51JkzI8vCMtoJLf0cJoX/vgTDK/Z4C1dJlgJJfLwQDFOW2ltKcnOKvpJwOrEXgrvWVa6UYukyOPgMSzyX8+RfG2DX7KgqxRWLQ2N38W+yWUTokPgZ8A8bOtOu1Q3F3PZtQ8v1hLc5SrUsYFyiNikzdiI2+kMTCpbRdvVlVgQf4mJS/AAIKzrfrZTl/Pm41tkLc4LKlfS+IjbCGVSqURO9tqw2fXdj6d0+Bm4WJRjcfXpYQNwwDir8TZeGfs+zaVOc3Vddk13/jBBjAOZ7vbXoQ1Rqvs5gRzcRSOmbYekxYIj+CXrL/1PgkypRMJETZoy2bFYmslAwjb+i95/vEso1Uux0kiHI1FTFqO8IVlYQBZbZUnFHf70BdmCzSt6EajkWikXDCwBjyyVToUz813KqWTlE4wekWAeYtikUV5AQYQft2N9ydVSicZHRfpKM6EXcDhDz19w+wBEH7dj2ZVoLFMbJCjIHOzXEtLS+IAUs49mccysUHG9MoKp8V7Q6GFkJxxofgEqOV5WBXOLiOH/pX0BOjVKqHp2RtFO0r6WyodrDYMxEAA1f//UA2NaUxskuBuL74Y2kMu+Y+uJXfknch4oRPY3J6GwaBTSjvi+DmOob/gTyxi9nfOSsfw7XaljAgumC+ozfQEOoENZD6h+urLYiv9MNpsps1mmXmuL2wbPblsLsk1JxRX+lHQ00onyKD7KDu8PN3m1klhlW+Be8m//F7CE8qL2lZ7hp005R5Mc9hX/JHjNGyvTTCjnI0vsI2emIbs9Ply3ibygf8s9DybPZmd9mu7us87rnbRGzTBZHJeDkjRO1miRTqSjg/0V3Ga7Q3c9XU0+YqvkwT2fuuPHH1z/v6Yl5nsu9GDt+5CmRP5gk3YBs7u6TXRAcPV/jLa7GGIa7dncFGctwML7jb3Zrsl7ai/sO29u9JuQ5tT8AL7bpsMsR3DcaAL7/0fm3XJNopz7/pBYl9gKx7YLdv1vGTb6RyTK+13T8Q7bjZwtpk1mnTGi8HZZhp5KxLxwLe9uwO7aRqgRxck7N3BDnD3WGdebHDs3bN9SPMBi+FmAyeb5BPbUTY4emNwxVsNjw27pj5wHjzEGTkcXzAK20zDrveFv8IQb+p6s/4LVOVqIU8vvlEAAAAASUVORK5CYII= " />Pink
164                </div>
165                <div class="PlateButton" onclick="setColor(1);">
166                    <img class="png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABZCAIAAAA8QNS8AAAPp0lEQVR42r1c6YslVxU/v1NV/ZbunkwmE2d0JowJ6L8SRFEIksxM4iSIKCKKooiiKBJwQVEJuICfXIgbGrM6TjKJRsUFd9w3/OIXlxiTSWbrqeOHWu45595bVe91m0CS1/Vqevr+3m8599xTja0bP0sgIhCofyEAERGImhfNu9R9yc0X3ZfQN0Q3o/3XXIyv21fEqYsr/iPpqzJye03YesnnCCQCYrUMuGXb6w4LRGvOQYNunRASqMXblTO17yp0RNrv1C4KE8CCUD0ZOnUnNl/6eWoR6X/ubuXIA2GZZZiSRCGsUC0G/rr5EHlg2dgNVwxrJMEjbL7sC+36ydKBJ2DhKRMBoVEAiEhAaIgJs/ieOuoPTkABq6KReqP217H58rvN4lmZSKyaeP2aZe4ThsdFCF4vvVL08ozv2FfYpbtI9qJoUF5xNwHU/7jJ9Tc3gNLCsUCED7x5V1tm81qsK4elWnTgtLaqfIQInhoxOpLwYGze9CUjHCRpkvIXhaOgW2oAwnIhl1CENAro4ZOUp4Ks5NIum9NRrW4w0LR/BJs3fbmDQ+WFk4zCQuBAQUIpXneaBXEqkU2iZDavH8xDnlIn4RNsvvIrYeWaJsEvFASAiAqmGJcpOa0h6P+WlurKjxCzQ9SLCLiaiNV/vYgiKTUX6/giYfPmr3qakMaCiBskux89xsJ9/jEdnL/GwRwb6hBBQCSDgW0XWSezWPqqB/ABhM3jX0tSQ/qV6/V7LBwKqcyKgWDjIon1M3LZ2yT6UF064rwyHMZEBBFsnvy6d1CGkDUUrxGkc9qtn2MtwIPCGY4IfNwglygW0uwd3dsJuVhPgWDztnsS1JAUHANOLPBYaCDYJq0LaTHuExaV2BylknucIJIxXO+v/WssT32DBO1KWtdwa9NYWF5MAsIaSl/XUlfRoL0qyS0iciXsipW+DFLGYoTl7fcqE01Rw0km5gUGtNNeDHU9mvVjUsGCddmRxSdZy4l5LYTlHfd3StEWgEROa+yQ4QXD6AK6zHUVStx/cFsnGXPfTDANV7d1puRVkGH56gfs3s+uOWRqLBOFIyOQwlmyiyoiAJLbRvvFI2qvrEEYSVe0seXWvae85kG1fgfHgEwMLySxP0rA4QvcKfEct054gBTIQ5AxFFhzqYUIWL72Ia+IFg5nJZE6gkYg6Z101HZIowBvq5ykA3blKZJrHVhNNf2U5etO271Pv+CUUgI18vsjB0rsNWS3QjloYppgPQUlA0iS++NOPq//VmLlXiktUuJVlgclphWlurx+QxCjgCh/IFEjQZx4RhooUZGiQRHB8g1nDDsiOCS5/hxTgvvm99AZIBC3V3yRMq3/JkOFnCTrOjGEwvKNj4yxA9EG2qV1hhfueqYfjmy1gmjlmBpB6WJfkiKSCCAs33Q2stIUHByVcEAyibJYeAgGTkJgYcm1ETDVXaVpDOdcRtR/BEJYvvlRB4eQK95i4Wg5wJQ5/UXlPk1hEsGB1hxUpWtxkcA4iXoFIJLmO4s6NIFQ046TyGPgGijioeruEcLyLY9pdhCiZDGbIKcUmBYMJRwXiAo5xQ4kjkHa5n6UU6pHN1FBcXeSSDLdNqq7710Llm/9dgsKVLhw/zlb+2CY+hXwMulqVt/E6+5H5hikQwGhHUeE0UI2XdHkGksJ7Yg2mq6Qw/JtjxNIWEHADg7vNe2q2MvErNnzxRUmDQoBAtg2ChB3auGazdHZ0GjPoK3TAttqbbLaaN/+XYmD1ltsHg50/ulKGM8LBN/osGi/bPoIUBtI7toK3DTzodw8sIe7v1939UWoFrnS1ah1LURUw9muYorbOtciICze8b1JcGi+KARBCUu2nqrW1FpMTw1TnrQrBJVEswIVoWIsGHPGrEAFVEwlUDCYiAEIgalfr9QkoFqkJrpSy47QjsilWi7VcrGmyyLna7kkslPTRRERqhtEICaaG/ks3vn9dj3OL9gmi7VbgLzEeploXrCyU49FAGJRYA4sC+wreFliUfC8QAUumUoAaOmBTFcFY4eCV2qpiepaLolcuiLn6/rCjpyr6/O1nNuRyyIX2htajLB41w8y9qHhUGLRNVusoN4+ODgu0NOkvbEEZoytAvtL3q54X8nzgjeYmYkBNAcpRGASaeO23zeF7AVBWp1B3GmGOsRBmFjQdW1dU01y6Up9sZZnLtdP79RPXamf2pGLtWDx7h8SO70k4ICRj8YoFPjoCAVYXjBBwEwlsL/gqyq+puLtsliUXDK4IYJEcytsTjKzzdqxaAZSfe7ad/ZFZKeWy1fk2Z0ai/f8KOEjhS7MupUjgoNUBnMvEqMRgBYFNgs+XBVXb/B2VWyUXChzIajurD9Oh5AA6D9+RYaWK/YITVevaEox2GJWfff2m8FGNYiweO+P0wTh3jUjOLS5NJHQvNVRo3mnAvaXfHCDr52VWyXPCuZkN5e6Zl3uyN0iJsG0JjUOEOUz4hN1LTchLN73E5Uv6IMuSEOBErKmFUsvlR4OMNM284GKD82KAxvlrEBRIJyxN+dKkmjKSrqJn+wtjU9mINNegtUMopMwIsLizp96goSqNKQSXMRw56CC3k0rxv4S124Uh+fldlmUHFzZHl+4cY32hdDgZMaKPX1kuvmILsL2XECCxZ0/oyLELRI1S1hbkh3M2AC2Sxyblwdn5aJqLANiGyhCbnys2XmmqWF+fl6BI1nE6oTpIjr36Jjy/p/3DmLZAfRS6oykCUwtlorpeVXxgnl5zaxYFFwwS+cXEQqeL9QfgCUGMiDSRnJmatL0ECAjHXwg0Y6D7TD1GGH5gV844zDs6J2zc9P+fxtM+0o+Ni8Pzct5WUC1DjQcYit98eOGRE2tATfnNWX8YJqOELf1xZUtDiAsP/hLC4ojSLflAMBtvjBwsOIj8/LQrFyUTaags08nDbSv7aGqwG+ICZDQe0VUiDRBm5zzckMrEqI+Pg9Eop9rapbGU5Yf+hUxW4IYQ1VVKZqS/Pp5eWRZbpVFA4f+8PV5qDsbbZ1e7YzFs8AwRZK9ewzZCMb6tLBhFN/fAITlh3/dq0Z7CoSoUCpi2mAcrIrrl9WBWVExa48Q1SgQ216TMLrU/0h+DkFGhwKnRo9nBzJHP4gOmE2psvzIb6iRRrf3dwQBUAAHSj66KA/Py3nB6PNbwSFq+xM4IlBVCewQMRJ92UQwj9T4Y5EsmRFBSady22T66G97NsQRA/CScWRWHF2W+6qyYHQfuKNGxJFGHRIO2EQSo3FCCVw0EKLOepIOKjJtIr2508KUiuRmEPBjvwv1K7N2kIJxoOQXLspD83JWFE17SVy+wsqn+Ys4DGKJ7VcLJYYwOldE5gwQE1ttlG7Lpss4WE2Z9Nn8+O9bN7GSqRhHZ8WxebV/VjJ3K+/F4l8o1ejnQChd0Xp0EpsZSE4vvAYKGeGY80UF0NZdf+gl00fMVoXr5+XRRbUoWUOgvSOoJszwQOy4jsA/AZF0E5FkPYJVqZGtU/wcKYUDg1pigLB11x9bmnCTMjhY8g3L8tCiKsHSn3tQaMEqc+3Png00MRx+Nr13JR4CQoE1uULL1/j5Wq6fGu2Utf2JP/V16gbj+bPihkV19awEB9dQYlEYkTXd/rUZz/bmKokZSQpb58md+jBHvKatENVZgLD9yT83wlkwXzcrjm1WW1VhRy6MoQg0Fxwcyi8sHEKJCQTBNLPg/NQsj/vIKEyJK/s+9RcAWwUfW5TXNSbC6Bpi2kSUglRFL6plK+SPvlRLDV17EYkTLJ4gltX9pe/mrgoQrvr0X5clv2heHllWs4Lb8YuQLG1R16dJUEQ78xhRw8VNf1zv3FS3YHkqCqKetIOsa7pj6ODoZ/724s3q8LzcKLgrQ6ybRsLJ5VG8Jw5XEqrJrFyLZRfpg7FpwBysEMKNX/z7tfOqZHhEklYS12ypMj+CI6o72H/+K8tkJbzqXCMunUc4dc8/mHs6hJED6YXTuYCwq8d0LRdtlMfg8LVZZpGCSQCN2oc/30gB1P7gNeGOe/85hEio3O0IYJIs1kc6NK2bYugzH4JgLSkNw9S+a+fRAcLt9/3LoxCeX9BFarbS7yo3XcjGZUgqXEbh2IuKdg10cPt9/w4E6WvWCBEJZz0ma0wVBwCeIIK0ibRHVNNzJ3p8heIRL6YJT2cPYdSu59T9T+hxHVHnhNLvaHJZQ+ZM3hEkfPi8Mhwi6fHidVqzmXo/2iir66ceeMInC5vVxsV+V6GqfSBIV+45OHJEEOob95R/lmVNdLyPDgDUy+dVD/7HcaR9DKWBJukgZCcodcGKQWflfLgMY7FHD5tibMeIDpQnu1ItBJCYoUidOFlEvCI4G7qSalfnXssqHMEEvozc35yZ3fbQk2QR6TgSFyMubtWX0wgyCofQWlaiXVem/dHB23DbN//rjcMU+GTspoUAph7BYPQmEUmxQ0Ylg70QTuY5DqRAMTKxo+cWEcURAY2kL6sciQkCSsxHrISFPgujLF/S3y+PDm49/VQULqpdELYzQ4gkg1aQogbycAy83hPHlYGzMVvU3nr6adNSS/qrqV+6DTTns9blK1KugfGskemeIsZcsCJGTly49fQ54Qwi3l9XQQQppWBQLIlTzF2RBWOtg6ynnDxzzvbNIvkQhW4bjyAikUwmIYI9A2JXHZbeU06eeSaBQoTIFI4kTARTQwfJPN6T38o0nNOpjiROnnlG1BMa/etM4lC6KpmCBQZLkv+rxY5aibt+4uFn+9HYgIiox3/M8+o2YjKIZHWURGQPNzsrPDc3pCmcePhZX7OZ5wBV6yhCpDXUUfuwdgtkxiUmame3v6tqHCCceOS8yRq/94XZ+w5EDEZUk+VOpmCTXQOBlQBSGYQTZy+okx373JwSzt4gggkOEu8DsXeJMwpQs989fvZCiOG+veRmbOJyPmciU6q1fEUvmCYfofUe1566Pzx+9gKBrVIgsP20ZO5OQMTTJ4OIn9rbWzdJQYBh7I4/elHTRKJfV+b2OBMRkXz0+EL+OQvjiZ1aIRx/9KKo3/gg9pdhGJqkrCSrmrH6dSSYd5PEo3EzhguOP3ZJJiAilE/fAU+dWNGv1Hzcu40y1GOm5votj12K/HXQSnTWDNttrk4Z5chzIKLhI45bHrsc0yS9r0mm7yqV27iJ/L8tdtq2qAVF1C8uGEEkttsJdcqkJhueO4sdpgxu+c5O1B8YEs5I+mZoIsNl26p6wcqVyojvyjAoiiaxRpJ26204lsy004wBONYrcLEuOrj58Sv24CKz/R0VznSOrK4aWUtNWJc4DSid0SZ7AoM0keGmyahYBgGSPXKWVdFpQTFn47m+UYomaeEMNE2mISIriWVyG2WioP4Hw055bvTgvscAAAAASUVORK5CYII= " />Blue
167                </div>
168                <div class="PlateButton" onclick="setColor(2);">
169                    <img class="png" src="data:image/png;base64,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 " />Green
170                </div>
171
172                <div class="PlateButton" onclick="setColor(3);">
173                    <img class="png" src="data:image/png;base64,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" />Yellow
174                </div>
175            </div>
176
177            <div class="toolbar">
178                <div class="header">Dock</div>
179                <div class="PlateButton" onclick="setDocking(0);">
180                    <svg class="left" />Left
181                </div>
182                <div class="PlateButton" onclick="setDocking(1);">
183                    <svg class="right" />Right
184                </div>
185                <div class="PlateButton" onclick="setDocking(2);">
186                    <svg class="top" />
187                    Top
188                </div>
189                <div class="PlateButton" onclick="setDocking(3);">
190                    <svg class="bottom" />Bottom
191                </div>
192            </div>
193        </div>
194</body>
195</html>