Add images to welcome page

Replaced SVG placeholder items with images in interface-welcome.html.
This commit is contained in:
Triplelexx 2015-02-17 20:45:01 +00:00
parent f615915fba
commit ffc6a6883e
7 changed files with 20 additions and 315 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 KiB

View file

@ -16,14 +16,20 @@
body {
background: white;
width: 839px;
overflow-x: hidden;
overflow-x: hidden;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.grid {
margin: 0 auto;
padding-left: 16px;
}
.grid-unit {
padding: 0px 20px;
background: white;
@ -32,6 +38,11 @@
float: left;
}
.grid-img {
width: 80%;
padding: 6px;
}
h3 {
color: #0f9abb;
padding-left: 2px;
@ -74,58 +85,7 @@
<div id="container" class="grid">
<div class="grid-unit">
<h3>Move around</h3>
<svg width=170 height=130 xmlns=http://www.w3.org/2000/svg xmlns:svg=http://www.w3.org/2000/svg>
<g id=svg_157>
<g id=svg_2>
<path id=svg_3 fill=none stroke=#739898 stroke-miterlimit=10
d="m165.5,120.6875l-150.5,0c-5.5,0 -10,-5 -10,-10.5l0,-106"/>
</g>
</g>
<g id=svg_190>
<path id=svg_5 fill=#333333
d="m25.38751,68.625c0,4.5 3.59998,8.10001 8.09998,8.10001l14.20001,0c4.5,0 8.10001,-3.60001 8.10001,-8.10001l0,-14.20001c0,-4.5 -3.60001,-8.10001 -8.10001,-8.10001l-14.20001,0c-4.5,0 -8.09998,3.60001 -8.09998,8.10001l0,14.20001"/>
<path id=svg_6 fill=#FFFFFF d="m33.48749,61.52499l8.5,-5.69998l0,11.39996l-8.5,-5.70001"/>
<path id=svg_7 fill=#333333
d="m81.6875,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.29999,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.19998,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_8 fill=#676767
d="m117.28751,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.20001,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.20001,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_9 fill=#333333
d="m91.48749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_10 fill=#333333
d="m127.08749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.50003,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_11 fill=#676767
d="m143.6875,104.32501c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.20001,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.20001,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<text x=-6.3125 y=-178.875 id=svg_12 transform="matrix(1,0,0,1,36.5368,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>A
</text>
<text x=-6.3125 y=-178.875 id=svg_13 transform="matrix(1,0,0,1,123.0293,270.1382) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>C
</text>
<text x=-6.3125 y=-178.875 id=svg_14 transform="matrix(1,0,0,1,107.8522,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>D
</text>
<text x=-6.3125 y=-178.875 id=svg_15 transform="matrix(1,0,0,1,72.7347,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>S
</text>
<text x=-6.3125 y=-178.875 id=svg_16 transform="matrix(1,0,0,1,62.5311,198.6201) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>W
</text>
<path id=svg_17 fill=#FFFFFF
d="m102.78751,21.02499c-4.80002,3.89999 -7.90002,6.29999 -7.90002,6.29999l3.40002,1.10001l4.5,-7.39999"/>
<path id=svg_18 fill=#FFFFFF
d="m109.1875,24.92499c-0.20001,-0.29999 -0.60001,-0.39999 -1,-0.19998l-1.79999,1.19998l0.49997,-2.29999c0.10004,-0.39999 -0.19998,-0.70001 -0.49997,-0.79999c-0.10001,0 -0.10001,0 -0.20001,0l-1.79999,-1l0.49997,-1c0.10004,0.49997 0.30002,0.89999 0.70001,1.19998c0.80002,0.5 1.89999,0.29999 2.39999,-0.5s0.30002,-1.89999 -0.5,-2.39996c-0.5,-0.30002 -1.10001,-0.39999 -1.69998,-0.20004l2.09998,-3.79996c0.20001,-0.30002 0.10004,-0.80002 -0.29999,-0.89999c-0.29999,-0.20001 -0.79999,-0.10001 -0.89999,0.29999l-4,7.09998c0,0 0,0 0,0l-3.29999,5.30002l0,0c0,0 -0.10001,0.10001 -0.10001,0.10001l-4.60001,8.20001c-0.29999,0.5 -0.10001,1.09998 0.39999,1.39996c0.10001,0.10004 0.20001,0.10004 0.30002,0.10004c0.39999,0.09998 0.89999,-0.10004 1.10001,-0.5l4.5,-8.10001l0.69998,0.49997l-2,2.50003c-0.39999,0.39996 -0.29999,1.10001 0.10001,1.49997c0.10001,0.10004 0.30002,0.20001 0.5,0.20001c0.39999,0.10001 0.70001,-0.09998 1,-0.39999l3,-3.60001c0.39999,-0.39999 0.30002,-1.09998 -0.10001,-1.5c-0.09998,-0.09998 -0.09998,-0.09998 -0.19998,-0.09998l1,-1.5l-0.30002,1.5c-0.09998,0.29999 0.10001,0.59998 0.30002,0.69998c0.10001,0.10001 0.19998,0.10001 0.29999,0.10001c0.20001,0 0.30002,0 0.5,-0.10001l3.20001,-2.10001c0.29999,-0.20001 0.39999,-0.59998 0.19998,-0.89999"/>
<path id=svg_19 fill=#FFFFFF
d="m130.78751,100.125c0.5,-4.60001 0.90002,-7.5 0.90002,-7.5l-2.40002,1.20001l1.5,6.29999"/>
<path id=svg_20 fill=#FFFFFF
d="m125.38751,101.52499c0.29999,0.10001 0.59998,-0.10001 0.59998,-0.39999l0.30002,-1.60001l1,1.5c0.19998,0.19998 0.5,0.29999 0.69998,0.10001c0,0 0.10001,-0.10001 0.10001,-0.10001l1.5,-0.39999l0.20001,0.79999c-0.30002,-0.20001 -0.70001,-0.29999 -1,-0.20001c-0.70001,0.10001 -1.20001,0.80002 -1,1.5c0.09998,0.70001 0.79999,1.20001 1.5,1c0.5,-0.09998 0.79999,-0.39999 1,-0.79999l0.89999,3.10001c0.10001,0.29999 0.39999,0.39999 0.60001,0.39999s0.39999,-0.39999 0.39999,-0.60001l-1.60001,-5.89999c0,0 0,0 0,0l-1.10001,-4.60001l0,0c0,0 0,-0.10001 0,-0.10001l-1.89999,-6.79999c-0.10001,-0.39999 -0.5,-0.60001 -1,-0.5c-0.10001,0 -0.19998,0.10001 -0.19998,0.10001c-0.30002,0.19998 -0.40002,0.5 -0.30002,0.79999l1.89999,6.70001l-0.59998,0.10001l-0.20001,-2.40002c0,-0.39999 -0.39999,-0.69998 -0.79999,-0.69998c-0.10001,0 -0.30002,0.10001 -0.40002,0.10001c-0.19998,0.19998 -0.29999,0.39999 -0.29999,0.69998l0.29999,3.5c0,0.39999 0.40002,0.70001 0.80002,0.70001c0.09998,0 0.09998,0 0.19998,0l0.20001,1.29999l-0.60001,-0.89999c-0.10001,-0.20001 -0.29999,-0.29999 -0.5,-0.20001c-0.10001,0 -0.10001,0 -0.20001,0.10004c-0.09998,0.10001 -0.19998,0.20001 -0.19998,0.30002l-0.60004,2.79999c-0.19998,0.20001 0,0.5 0.30002,0.60001"/>
<path id=svg_21 fill=#FFFFFF d="m66.38751,21.42499l5.69998,8.5l-11.29999,0l5.60001,-8.5"/>
<path id=svg_22 fill=#FFFFFF d="m110.48749,67.22501l0,-11.39996l8.5,5.69998l-8.5,5.70001"/>
<path id=svg_23 fill=#FFFFFF d="m76.1875,67.22501l-5.70001,-8.5l11.39999,0l-5.69998,8.5"/>
<text x=-6.3125 y=-178.875 id=svg_24 transform="matrix(1,0,0,1,98.7506,198.62) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>E
</text>
</g>
</svg>
<img class="grid-img" src="img/move.png" alt"Move around"></img>
<p>
Move around with WASD & fly<br>
up or down with E & C.<br>
@ -136,58 +96,7 @@
</div>
<div class="grid-unit">
<h3>Listen & talk</h3>
<svg width=170 height=130 xmlns=http://www.w3.org/2000/svg xmlns:svg=http://www.w3.org/2000/svg>
<g id=svg_157>
<g id=svg_2>
<path id=svg_3 fill=none stroke=#739898 stroke-miterlimit=10
d="m165.5,120.6875l-150.5,0c-5.5,0 -10,-5 -10,-10.5l0,-106"/>
</g>
</g>
<g id=svg_190>
<path id=svg_5 fill=#333333
d="m25.38751,68.625c0,4.5 3.59998,8.10001 8.09998,8.10001l14.20001,0c4.5,0 8.10001,-3.60001 8.10001,-8.10001l0,-14.20001c0,-4.5 -3.60001,-8.10001 -8.10001,-8.10001l-14.20001,0c-4.5,0 -8.09998,3.60001 -8.09998,8.10001l0,14.20001"/>
<path id=svg_6 fill=#FFFFFF d="m33.48749,61.52499l8.5,-5.69998l0,11.39996l-8.5,-5.70001"/>
<path id=svg_7 fill=#333333
d="m81.6875,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.29999,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.19998,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_8 fill=#676767
d="m117.28751,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.20001,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.20001,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_9 fill=#333333
d="m91.48749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_10 fill=#333333
d="m127.08749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.50003,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_11 fill=#676767
d="m143.6875,104.32501c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.20001,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.20001,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<text x=-6.3125 y=-178.875 id=svg_12 transform="matrix(1,0,0,1,36.5368,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>A
</text>
<text x=-6.3125 y=-178.875 id=svg_13 transform="matrix(1,0,0,1,123.0293,270.1382) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>C
</text>
<text x=-6.3125 y=-178.875 id=svg_14 transform="matrix(1,0,0,1,107.8522,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>D
</text>
<text x=-6.3125 y=-178.875 id=svg_15 transform="matrix(1,0,0,1,72.7347,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>S
</text>
<text x=-6.3125 y=-178.875 id=svg_16 transform="matrix(1,0,0,1,62.5311,198.6201) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>W
</text>
<path id=svg_17 fill=#FFFFFF
d="m102.78751,21.02499c-4.80002,3.89999 -7.90002,6.29999 -7.90002,6.29999l3.40002,1.10001l4.5,-7.39999"/>
<path id=svg_18 fill=#FFFFFF
d="m109.1875,24.92499c-0.20001,-0.29999 -0.60001,-0.39999 -1,-0.19998l-1.79999,1.19998l0.49997,-2.29999c0.10004,-0.39999 -0.19998,-0.70001 -0.49997,-0.79999c-0.10001,0 -0.10001,0 -0.20001,0l-1.79999,-1l0.49997,-1c0.10004,0.49997 0.30002,0.89999 0.70001,1.19998c0.80002,0.5 1.89999,0.29999 2.39999,-0.5s0.30002,-1.89999 -0.5,-2.39996c-0.5,-0.30002 -1.10001,-0.39999 -1.69998,-0.20004l2.09998,-3.79996c0.20001,-0.30002 0.10004,-0.80002 -0.29999,-0.89999c-0.29999,-0.20001 -0.79999,-0.10001 -0.89999,0.29999l-4,7.09998c0,0 0,0 0,0l-3.29999,5.30002l0,0c0,0 -0.10001,0.10001 -0.10001,0.10001l-4.60001,8.20001c-0.29999,0.5 -0.10001,1.09998 0.39999,1.39996c0.10001,0.10004 0.20001,0.10004 0.30002,0.10004c0.39999,0.09998 0.89999,-0.10004 1.10001,-0.5l4.5,-8.10001l0.69998,0.49997l-2,2.50003c-0.39999,0.39996 -0.29999,1.10001 0.10001,1.49997c0.10001,0.10004 0.30002,0.20001 0.5,0.20001c0.39999,0.10001 0.70001,-0.09998 1,-0.39999l3,-3.60001c0.39999,-0.39999 0.30002,-1.09998 -0.10001,-1.5c-0.09998,-0.09998 -0.09998,-0.09998 -0.19998,-0.09998l1,-1.5l-0.30002,1.5c-0.09998,0.29999 0.10001,0.59998 0.30002,0.69998c0.10001,0.10001 0.19998,0.10001 0.29999,0.10001c0.20001,0 0.30002,0 0.5,-0.10001l3.20001,-2.10001c0.29999,-0.20001 0.39999,-0.59998 0.19998,-0.89999"/>
<path id=svg_19 fill=#FFFFFF
d="m130.78751,100.125c0.5,-4.60001 0.90002,-7.5 0.90002,-7.5l-2.40002,1.20001l1.5,6.29999"/>
<path id=svg_20 fill=#FFFFFF
d="m125.38751,101.52499c0.29999,0.10001 0.59998,-0.10001 0.59998,-0.39999l0.30002,-1.60001l1,1.5c0.19998,0.19998 0.5,0.29999 0.69998,0.10001c0,0 0.10001,-0.10001 0.10001,-0.10001l1.5,-0.39999l0.20001,0.79999c-0.30002,-0.20001 -0.70001,-0.29999 -1,-0.20001c-0.70001,0.10001 -1.20001,0.80002 -1,1.5c0.09998,0.70001 0.79999,1.20001 1.5,1c0.5,-0.09998 0.79999,-0.39999 1,-0.79999l0.89999,3.10001c0.10001,0.29999 0.39999,0.39999 0.60001,0.39999s0.39999,-0.39999 0.39999,-0.60001l-1.60001,-5.89999c0,0 0,0 0,0l-1.10001,-4.60001l0,0c0,0 0,-0.10001 0,-0.10001l-1.89999,-6.79999c-0.10001,-0.39999 -0.5,-0.60001 -1,-0.5c-0.10001,0 -0.19998,0.10001 -0.19998,0.10001c-0.30002,0.19998 -0.40002,0.5 -0.30002,0.79999l1.89999,6.70001l-0.59998,0.10001l-0.20001,-2.40002c0,-0.39999 -0.39999,-0.69998 -0.79999,-0.69998c-0.10001,0 -0.30002,0.10001 -0.40002,0.10001c-0.19998,0.19998 -0.29999,0.39999 -0.29999,0.69998l0.29999,3.5c0,0.39999 0.40002,0.70001 0.80002,0.70001c0.09998,0 0.09998,0 0.19998,0l0.20001,1.29999l-0.60001,-0.89999c-0.10001,-0.20001 -0.29999,-0.29999 -0.5,-0.20001c-0.10001,0 -0.10001,0 -0.20001,0.10004c-0.09998,0.10001 -0.19998,0.20001 -0.19998,0.30002l-0.60004,2.79999c-0.19998,0.20001 0,0.5 0.30002,0.60001"/>
<path id=svg_21 fill=#FFFFFF d="m66.38751,21.42499l5.69998,8.5l-11.29999,0l5.60001,-8.5"/>
<path id=svg_22 fill=#FFFFFF d="m110.48749,67.22501l0,-11.39996l8.5,5.69998l-8.5,5.70001"/>
<path id=svg_23 fill=#FFFFFF d="m76.1875,67.22501l-5.70001,-8.5l11.39999,0l-5.69998,8.5"/>
<text x=-6.3125 y=-178.875 id=svg_24 transform="matrix(1,0,0,1,98.7506,198.62) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>E
</text>
</g>
</svg>
<img class="grid-img" src="img/talk.png" alt"Talk"></img>
<p>
Use your best headphones<br>
and microphone for high<br>
@ -197,58 +106,7 @@
</div>
<div class="grid-unit">
<h3>Connect devices</h3>
<svg width=170 height=130 xmlns=http://www.w3.org/2000/svg xmlns:svg=http://www.w3.org/2000/svg>
<g id=svg_157>
<g id=svg_2>
<path id=svg_3 fill=none stroke=#739898 stroke-miterlimit=10
d="m165.5,120.6875l-150.5,0c-5.5,0 -10,-5 -10,-10.5l0,-106"/>
</g>
</g>
<g id=svg_190>
<path id=svg_5 fill=#333333
d="m25.38751,68.625c0,4.5 3.59998,8.10001 8.09998,8.10001l14.20001,0c4.5,0 8.10001,-3.60001 8.10001,-8.10001l0,-14.20001c0,-4.5 -3.60001,-8.10001 -8.10001,-8.10001l-14.20001,0c-4.5,0 -8.09998,3.60001 -8.09998,8.10001l0,14.20001"/>
<path id=svg_6 fill=#FFFFFF d="m33.48749,61.52499l8.5,-5.69998l0,11.39996l-8.5,-5.70001"/>
<path id=svg_7 fill=#333333
d="m81.6875,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.29999,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.19998,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_8 fill=#676767
d="m117.28751,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.20001,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.20001,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_9 fill=#333333
d="m91.48749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_10 fill=#333333
d="m127.08749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.50003,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_11 fill=#676767
d="m143.6875,104.32501c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.20001,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.20001,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<text x=-6.3125 y=-178.875 id=svg_12 transform="matrix(1,0,0,1,36.5368,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>A
</text>
<text x=-6.3125 y=-178.875 id=svg_13 transform="matrix(1,0,0,1,123.0293,270.1382) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>C
</text>
<text x=-6.3125 y=-178.875 id=svg_14 transform="matrix(1,0,0,1,107.8522,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>D
</text>
<text x=-6.3125 y=-178.875 id=svg_15 transform="matrix(1,0,0,1,72.7347,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>S
</text>
<text x=-6.3125 y=-178.875 id=svg_16 transform="matrix(1,0,0,1,62.5311,198.6201) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>W
</text>
<path id=svg_17 fill=#FFFFFF
d="m102.78751,21.02499c-4.80002,3.89999 -7.90002,6.29999 -7.90002,6.29999l3.40002,1.10001l4.5,-7.39999"/>
<path id=svg_18 fill=#FFFFFF
d="m109.1875,24.92499c-0.20001,-0.29999 -0.60001,-0.39999 -1,-0.19998l-1.79999,1.19998l0.49997,-2.29999c0.10004,-0.39999 -0.19998,-0.70001 -0.49997,-0.79999c-0.10001,0 -0.10001,0 -0.20001,0l-1.79999,-1l0.49997,-1c0.10004,0.49997 0.30002,0.89999 0.70001,1.19998c0.80002,0.5 1.89999,0.29999 2.39999,-0.5s0.30002,-1.89999 -0.5,-2.39996c-0.5,-0.30002 -1.10001,-0.39999 -1.69998,-0.20004l2.09998,-3.79996c0.20001,-0.30002 0.10004,-0.80002 -0.29999,-0.89999c-0.29999,-0.20001 -0.79999,-0.10001 -0.89999,0.29999l-4,7.09998c0,0 0,0 0,0l-3.29999,5.30002l0,0c0,0 -0.10001,0.10001 -0.10001,0.10001l-4.60001,8.20001c-0.29999,0.5 -0.10001,1.09998 0.39999,1.39996c0.10001,0.10004 0.20001,0.10004 0.30002,0.10004c0.39999,0.09998 0.89999,-0.10004 1.10001,-0.5l4.5,-8.10001l0.69998,0.49997l-2,2.50003c-0.39999,0.39996 -0.29999,1.10001 0.10001,1.49997c0.10001,0.10004 0.30002,0.20001 0.5,0.20001c0.39999,0.10001 0.70001,-0.09998 1,-0.39999l3,-3.60001c0.39999,-0.39999 0.30002,-1.09998 -0.10001,-1.5c-0.09998,-0.09998 -0.09998,-0.09998 -0.19998,-0.09998l1,-1.5l-0.30002,1.5c-0.09998,0.29999 0.10001,0.59998 0.30002,0.69998c0.10001,0.10001 0.19998,0.10001 0.29999,0.10001c0.20001,0 0.30002,0 0.5,-0.10001l3.20001,-2.10001c0.29999,-0.20001 0.39999,-0.59998 0.19998,-0.89999"/>
<path id=svg_19 fill=#FFFFFF
d="m130.78751,100.125c0.5,-4.60001 0.90002,-7.5 0.90002,-7.5l-2.40002,1.20001l1.5,6.29999"/>
<path id=svg_20 fill=#FFFFFF
d="m125.38751,101.52499c0.29999,0.10001 0.59998,-0.10001 0.59998,-0.39999l0.30002,-1.60001l1,1.5c0.19998,0.19998 0.5,0.29999 0.69998,0.10001c0,0 0.10001,-0.10001 0.10001,-0.10001l1.5,-0.39999l0.20001,0.79999c-0.30002,-0.20001 -0.70001,-0.29999 -1,-0.20001c-0.70001,0.10001 -1.20001,0.80002 -1,1.5c0.09998,0.70001 0.79999,1.20001 1.5,1c0.5,-0.09998 0.79999,-0.39999 1,-0.79999l0.89999,3.10001c0.10001,0.29999 0.39999,0.39999 0.60001,0.39999s0.39999,-0.39999 0.39999,-0.60001l-1.60001,-5.89999c0,0 0,0 0,0l-1.10001,-4.60001l0,0c0,0 0,-0.10001 0,-0.10001l-1.89999,-6.79999c-0.10001,-0.39999 -0.5,-0.60001 -1,-0.5c-0.10001,0 -0.19998,0.10001 -0.19998,0.10001c-0.30002,0.19998 -0.40002,0.5 -0.30002,0.79999l1.89999,6.70001l-0.59998,0.10001l-0.20001,-2.40002c0,-0.39999 -0.39999,-0.69998 -0.79999,-0.69998c-0.10001,0 -0.30002,0.10001 -0.40002,0.10001c-0.19998,0.19998 -0.29999,0.39999 -0.29999,0.69998l0.29999,3.5c0,0.39999 0.40002,0.70001 0.80002,0.70001c0.09998,0 0.09998,0 0.19998,0l0.20001,1.29999l-0.60001,-0.89999c-0.10001,-0.20001 -0.29999,-0.29999 -0.5,-0.20001c-0.10001,0 -0.10001,0 -0.20001,0.10004c-0.09998,0.10001 -0.19998,0.20001 -0.19998,0.30002l-0.60004,2.79999c-0.19998,0.20001 0,0.5 0.30002,0.60001"/>
<path id=svg_21 fill=#FFFFFF d="m66.38751,21.42499l5.69998,8.5l-11.29999,0l5.60001,-8.5"/>
<path id=svg_22 fill=#FFFFFF d="m110.48749,67.22501l0,-11.39996l8.5,5.69998l-8.5,5.70001"/>
<path id=svg_23 fill=#FFFFFF d="m76.1875,67.22501l-5.70001,-8.5l11.39999,0l-5.69998,8.5"/>
<text x=-6.3125 y=-178.875 id=svg_24 transform="matrix(1,0,0,1,98.7506,198.62) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>E
</text>
</g>
</svg>
<img class="grid-img" src="img/devices.png" alt"Connect devices"></img>
<p>
Have an Oculus Rift, a Razer<br>
Hydra, or a PrimeSense 3D<br>
@ -257,58 +115,7 @@
</div>
<div class="grid-unit">
<h3>Run a script</h3>
<svg width=170 height=130 xmlns=http://www.w3.org/2000/svg xmlns:svg=http://www.w3.org/2000/svg>
<g id=svg_157>
<g id=svg_2>
<path id=svg_3 fill=none stroke=#739898 stroke-miterlimit=10
d="m165.5,120.6875l-150.5,0c-5.5,0 -10,-5 -10,-10.5l0,-106"/>
</g>
</g>
<g id=svg_190>
<path id=svg_5 fill=#333333
d="m25.38751,68.625c0,4.5 3.59998,8.10001 8.09998,8.10001l14.20001,0c4.5,0 8.10001,-3.60001 8.10001,-8.10001l0,-14.20001c0,-4.5 -3.60001,-8.10001 -8.10001,-8.10001l-14.20001,0c-4.5,0 -8.09998,3.60001 -8.09998,8.10001l0,14.20001"/>
<path id=svg_6 fill=#FFFFFF d="m33.48749,61.52499l8.5,-5.69998l0,11.39996l-8.5,-5.70001"/>
<path id=svg_7 fill=#333333
d="m81.6875,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.29999,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.19998,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_8 fill=#676767
d="m117.28751,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.20001,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.20001,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_9 fill=#333333
d="m91.48749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_10 fill=#333333
d="m127.08749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.50003,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_11 fill=#676767
d="m143.6875,104.32501c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.20001,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.20001,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<text x=-6.3125 y=-178.875 id=svg_12 transform="matrix(1,0,0,1,36.5368,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>A
</text>
<text x=-6.3125 y=-178.875 id=svg_13 transform="matrix(1,0,0,1,123.0293,270.1382) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>C
</text>
<text x=-6.3125 y=-178.875 id=svg_14 transform="matrix(1,0,0,1,107.8522,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>D
</text>
<text x=-6.3125 y=-178.875 id=svg_15 transform="matrix(1,0,0,1,72.7347,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>S
</text>
<text x=-6.3125 y=-178.875 id=svg_16 transform="matrix(1,0,0,1,62.5311,198.6201) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>W
</text>
<path id=svg_17 fill=#FFFFFF
d="m102.78751,21.02499c-4.80002,3.89999 -7.90002,6.29999 -7.90002,6.29999l3.40002,1.10001l4.5,-7.39999"/>
<path id=svg_18 fill=#FFFFFF
d="m109.1875,24.92499c-0.20001,-0.29999 -0.60001,-0.39999 -1,-0.19998l-1.79999,1.19998l0.49997,-2.29999c0.10004,-0.39999 -0.19998,-0.70001 -0.49997,-0.79999c-0.10001,0 -0.10001,0 -0.20001,0l-1.79999,-1l0.49997,-1c0.10004,0.49997 0.30002,0.89999 0.70001,1.19998c0.80002,0.5 1.89999,0.29999 2.39999,-0.5s0.30002,-1.89999 -0.5,-2.39996c-0.5,-0.30002 -1.10001,-0.39999 -1.69998,-0.20004l2.09998,-3.79996c0.20001,-0.30002 0.10004,-0.80002 -0.29999,-0.89999c-0.29999,-0.20001 -0.79999,-0.10001 -0.89999,0.29999l-4,7.09998c0,0 0,0 0,0l-3.29999,5.30002l0,0c0,0 -0.10001,0.10001 -0.10001,0.10001l-4.60001,8.20001c-0.29999,0.5 -0.10001,1.09998 0.39999,1.39996c0.10001,0.10004 0.20001,0.10004 0.30002,0.10004c0.39999,0.09998 0.89999,-0.10004 1.10001,-0.5l4.5,-8.10001l0.69998,0.49997l-2,2.50003c-0.39999,0.39996 -0.29999,1.10001 0.10001,1.49997c0.10001,0.10004 0.30002,0.20001 0.5,0.20001c0.39999,0.10001 0.70001,-0.09998 1,-0.39999l3,-3.60001c0.39999,-0.39999 0.30002,-1.09998 -0.10001,-1.5c-0.09998,-0.09998 -0.09998,-0.09998 -0.19998,-0.09998l1,-1.5l-0.30002,1.5c-0.09998,0.29999 0.10001,0.59998 0.30002,0.69998c0.10001,0.10001 0.19998,0.10001 0.29999,0.10001c0.20001,0 0.30002,0 0.5,-0.10001l3.20001,-2.10001c0.29999,-0.20001 0.39999,-0.59998 0.19998,-0.89999"/>
<path id=svg_19 fill=#FFFFFF
d="m130.78751,100.125c0.5,-4.60001 0.90002,-7.5 0.90002,-7.5l-2.40002,1.20001l1.5,6.29999"/>
<path id=svg_20 fill=#FFFFFF
d="m125.38751,101.52499c0.29999,0.10001 0.59998,-0.10001 0.59998,-0.39999l0.30002,-1.60001l1,1.5c0.19998,0.19998 0.5,0.29999 0.69998,0.10001c0,0 0.10001,-0.10001 0.10001,-0.10001l1.5,-0.39999l0.20001,0.79999c-0.30002,-0.20001 -0.70001,-0.29999 -1,-0.20001c-0.70001,0.10001 -1.20001,0.80002 -1,1.5c0.09998,0.70001 0.79999,1.20001 1.5,1c0.5,-0.09998 0.79999,-0.39999 1,-0.79999l0.89999,3.10001c0.10001,0.29999 0.39999,0.39999 0.60001,0.39999s0.39999,-0.39999 0.39999,-0.60001l-1.60001,-5.89999c0,0 0,0 0,0l-1.10001,-4.60001l0,0c0,0 0,-0.10001 0,-0.10001l-1.89999,-6.79999c-0.10001,-0.39999 -0.5,-0.60001 -1,-0.5c-0.10001,0 -0.19998,0.10001 -0.19998,0.10001c-0.30002,0.19998 -0.40002,0.5 -0.30002,0.79999l1.89999,6.70001l-0.59998,0.10001l-0.20001,-2.40002c0,-0.39999 -0.39999,-0.69998 -0.79999,-0.69998c-0.10001,0 -0.30002,0.10001 -0.40002,0.10001c-0.19998,0.19998 -0.29999,0.39999 -0.29999,0.69998l0.29999,3.5c0,0.39999 0.40002,0.70001 0.80002,0.70001c0.09998,0 0.09998,0 0.19998,0l0.20001,1.29999l-0.60001,-0.89999c-0.10001,-0.20001 -0.29999,-0.29999 -0.5,-0.20001c-0.10001,0 -0.10001,0 -0.20001,0.10004c-0.09998,0.10001 -0.19998,0.20001 -0.19998,0.30002l-0.60004,2.79999c-0.19998,0.20001 0,0.5 0.30002,0.60001"/>
<path id=svg_21 fill=#FFFFFF d="m66.38751,21.42499l5.69998,8.5l-11.29999,0l5.60001,-8.5"/>
<path id=svg_22 fill=#FFFFFF d="m110.48749,67.22501l0,-11.39996l8.5,5.69998l-8.5,5.70001"/>
<path id=svg_23 fill=#FFFFFF d="m76.1875,67.22501l-5.70001,-8.5l11.39999,0l-5.69998,8.5"/>
<text x=-6.3125 y=-178.875 id=svg_24 transform="matrix(1,0,0,1,98.7506,198.62) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>E
</text>
</g>
</svg>
<img class="grid-img" src="img/run-script.png" alt"Run a script"></img>
<p>
Cmnd/Cntrl+J will launch a<br>
Running Scripts dialog to help<br>
@ -318,58 +125,7 @@
</div>
<div class="grid-unit">
<h3>Script something</h3>
<svg width=170 height=130 xmlns=http://www.w3.org/2000/svg xmlns:svg=http://www.w3.org/2000/svg>
<g id=svg_157>
<g id=svg_2>
<path id=svg_3 fill=none stroke=#739898 stroke-miterlimit=10
d="m165.5,120.6875l-150.5,0c-5.5,0 -10,-5 -10,-10.5l0,-106"/>
</g>
</g>
<g id=svg_190>
<path id=svg_5 fill=#333333
d="m25.38751,68.625c0,4.5 3.59998,8.10001 8.09998,8.10001l14.20001,0c4.5,0 8.10001,-3.60001 8.10001,-8.10001l0,-14.20001c0,-4.5 -3.60001,-8.10001 -8.10001,-8.10001l-14.20001,0c-4.5,0 -8.09998,3.60001 -8.09998,8.10001l0,14.20001"/>
<path id=svg_6 fill=#FFFFFF d="m33.48749,61.52499l8.5,-5.69998l0,11.39996l-8.5,-5.70001"/>
<path id=svg_7 fill=#333333
d="m81.6875,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.29999,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.19998,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_8 fill=#676767
d="m117.28751,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.20001,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.20001,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_9 fill=#333333
d="m91.48749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_10 fill=#333333
d="m127.08749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.50003,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_11 fill=#676767
d="m143.6875,104.32501c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.20001,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.20001,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<text x=-6.3125 y=-178.875 id=svg_12 transform="matrix(1,0,0,1,36.5368,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>A
</text>
<text x=-6.3125 y=-178.875 id=svg_13 transform="matrix(1,0,0,1,123.0293,270.1382) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>C
</text>
<text x=-6.3125 y=-178.875 id=svg_14 transform="matrix(1,0,0,1,107.8522,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>D
</text>
<text x=-6.3125 y=-178.875 id=svg_15 transform="matrix(1,0,0,1,72.7347,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>S
</text>
<text x=-6.3125 y=-178.875 id=svg_16 transform="matrix(1,0,0,1,62.5311,198.6201) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>W
</text>
<path id=svg_17 fill=#FFFFFF
d="m102.78751,21.02499c-4.80002,3.89999 -7.90002,6.29999 -7.90002,6.29999l3.40002,1.10001l4.5,-7.39999"/>
<path id=svg_18 fill=#FFFFFF
d="m109.1875,24.92499c-0.20001,-0.29999 -0.60001,-0.39999 -1,-0.19998l-1.79999,1.19998l0.49997,-2.29999c0.10004,-0.39999 -0.19998,-0.70001 -0.49997,-0.79999c-0.10001,0 -0.10001,0 -0.20001,0l-1.79999,-1l0.49997,-1c0.10004,0.49997 0.30002,0.89999 0.70001,1.19998c0.80002,0.5 1.89999,0.29999 2.39999,-0.5s0.30002,-1.89999 -0.5,-2.39996c-0.5,-0.30002 -1.10001,-0.39999 -1.69998,-0.20004l2.09998,-3.79996c0.20001,-0.30002 0.10004,-0.80002 -0.29999,-0.89999c-0.29999,-0.20001 -0.79999,-0.10001 -0.89999,0.29999l-4,7.09998c0,0 0,0 0,0l-3.29999,5.30002l0,0c0,0 -0.10001,0.10001 -0.10001,0.10001l-4.60001,8.20001c-0.29999,0.5 -0.10001,1.09998 0.39999,1.39996c0.10001,0.10004 0.20001,0.10004 0.30002,0.10004c0.39999,0.09998 0.89999,-0.10004 1.10001,-0.5l4.5,-8.10001l0.69998,0.49997l-2,2.50003c-0.39999,0.39996 -0.29999,1.10001 0.10001,1.49997c0.10001,0.10004 0.30002,0.20001 0.5,0.20001c0.39999,0.10001 0.70001,-0.09998 1,-0.39999l3,-3.60001c0.39999,-0.39999 0.30002,-1.09998 -0.10001,-1.5c-0.09998,-0.09998 -0.09998,-0.09998 -0.19998,-0.09998l1,-1.5l-0.30002,1.5c-0.09998,0.29999 0.10001,0.59998 0.30002,0.69998c0.10001,0.10001 0.19998,0.10001 0.29999,0.10001c0.20001,0 0.30002,0 0.5,-0.10001l3.20001,-2.10001c0.29999,-0.20001 0.39999,-0.59998 0.19998,-0.89999"/>
<path id=svg_19 fill=#FFFFFF
d="m130.78751,100.125c0.5,-4.60001 0.90002,-7.5 0.90002,-7.5l-2.40002,1.20001l1.5,6.29999"/>
<path id=svg_20 fill=#FFFFFF
d="m125.38751,101.52499c0.29999,0.10001 0.59998,-0.10001 0.59998,-0.39999l0.30002,-1.60001l1,1.5c0.19998,0.19998 0.5,0.29999 0.69998,0.10001c0,0 0.10001,-0.10001 0.10001,-0.10001l1.5,-0.39999l0.20001,0.79999c-0.30002,-0.20001 -0.70001,-0.29999 -1,-0.20001c-0.70001,0.10001 -1.20001,0.80002 -1,1.5c0.09998,0.70001 0.79999,1.20001 1.5,1c0.5,-0.09998 0.79999,-0.39999 1,-0.79999l0.89999,3.10001c0.10001,0.29999 0.39999,0.39999 0.60001,0.39999s0.39999,-0.39999 0.39999,-0.60001l-1.60001,-5.89999c0,0 0,0 0,0l-1.10001,-4.60001l0,0c0,0 0,-0.10001 0,-0.10001l-1.89999,-6.79999c-0.10001,-0.39999 -0.5,-0.60001 -1,-0.5c-0.10001,0 -0.19998,0.10001 -0.19998,0.10001c-0.30002,0.19998 -0.40002,0.5 -0.30002,0.79999l1.89999,6.70001l-0.59998,0.10001l-0.20001,-2.40002c0,-0.39999 -0.39999,-0.69998 -0.79999,-0.69998c-0.10001,0 -0.30002,0.10001 -0.40002,0.10001c-0.19998,0.19998 -0.29999,0.39999 -0.29999,0.69998l0.29999,3.5c0,0.39999 0.40002,0.70001 0.80002,0.70001c0.09998,0 0.09998,0 0.19998,0l0.20001,1.29999l-0.60001,-0.89999c-0.10001,-0.20001 -0.29999,-0.29999 -0.5,-0.20001c-0.10001,0 -0.10001,0 -0.20001,0.10004c-0.09998,0.10001 -0.19998,0.20001 -0.19998,0.30002l-0.60004,2.79999c-0.19998,0.20001 0,0.5 0.30002,0.60001"/>
<path id=svg_21 fill=#FFFFFF d="m66.38751,21.42499l5.69998,8.5l-11.29999,0l5.60001,-8.5"/>
<path id=svg_22 fill=#FFFFFF d="m110.48749,67.22501l0,-11.39996l8.5,5.69998l-8.5,5.70001"/>
<path id=svg_23 fill=#FFFFFF d="m76.1875,67.22501l-5.70001,-8.5l11.39999,0l-5.69998,8.5"/>
<text x=-6.3125 y=-178.875 id=svg_24 transform="matrix(1,0,0,1,98.7506,198.62) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>E
</text>
</g>
</svg>
<img class="grid-img" src="img/write-script.png" alt"Write a script"></img>
<p>
Write a script; we're always<br>
adding new features.<br>
@ -380,58 +136,7 @@
</div>
<div class="grid-unit">
<h3>Import models</h3>
<svg width=170 height=130 xmlns=http://www.w3.org/2000/svg xmlns:svg=http://www.w3.org/2000/svg>
<g id=svg_157>
<g id=svg_2>
<path id=svg_3 fill=none stroke=#739898 stroke-miterlimit=10
d="m165.5,120.6875l-150.5,0c-5.5,0 -10,-5 -10,-10.5l0,-106"/>
</g>
</g>
<g id=svg_190>
<path id=svg_5 fill=#333333
d="m25.38751,68.625c0,4.5 3.59998,8.10001 8.09998,8.10001l14.20001,0c4.5,0 8.10001,-3.60001 8.10001,-8.10001l0,-14.20001c0,-4.5 -3.60001,-8.10001 -8.10001,-8.10001l-14.20001,0c-4.5,0 -8.09998,3.60001 -8.09998,8.10001l0,14.20001"/>
<path id=svg_6 fill=#FFFFFF d="m33.48749,61.52499l8.5,-5.69998l0,11.39996l-8.5,-5.70001"/>
<path id=svg_7 fill=#333333
d="m81.6875,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.29999,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.19998,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_8 fill=#676767
d="m117.28751,32.72501c0,4.5 -3.60001,8.10004 -8.10001,8.10004l-14.20001,0c-4.5,0 -8.10001,-3.60004 -8.10001,-8.10004l0,-14.19998c0,-4.5 3.60001,-8.10004 8.10001,-8.10004l14.20001,0c4.5,0 8.10001,3.60004 8.10001,8.10004l0,14.19998"/>
<path id=svg_9 fill=#333333
d="m91.48749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_10 fill=#333333
d="m127.08749,68.625c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.29999,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.19998,0c4.50003,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<path id=svg_11 fill=#676767
d="m143.6875,104.32501c0,4.5 -3.60001,8.10001 -8.10001,8.10001l-14.20001,0c-4.5,0 -8.10001,-3.60001 -8.10001,-8.10001l0,-14.20001c0,-4.5 3.60001,-8.10001 8.10001,-8.10001l14.20001,0c4.5,0 8.10001,3.60001 8.10001,8.10001l0,14.20001"/>
<text x=-6.3125 y=-178.875 id=svg_12 transform="matrix(1,0,0,1,36.5368,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>A
</text>
<text x=-6.3125 y=-178.875 id=svg_13 transform="matrix(1,0,0,1,123.0293,270.1382) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>C
</text>
<text x=-6.3125 y=-178.875 id=svg_14 transform="matrix(1,0,0,1,107.8522,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>D
</text>
<text x=-6.3125 y=-178.875 id=svg_15 transform="matrix(1,0,0,1,72.7347,235.1614) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>S
</text>
<text x=-6.3125 y=-178.875 id=svg_16 transform="matrix(1,0,0,1,62.5311,198.6201) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>W
</text>
<path id=svg_17 fill=#FFFFFF
d="m102.78751,21.02499c-4.80002,3.89999 -7.90002,6.29999 -7.90002,6.29999l3.40002,1.10001l4.5,-7.39999"/>
<path id=svg_18 fill=#FFFFFF
d="m109.1875,24.92499c-0.20001,-0.29999 -0.60001,-0.39999 -1,-0.19998l-1.79999,1.19998l0.49997,-2.29999c0.10004,-0.39999 -0.19998,-0.70001 -0.49997,-0.79999c-0.10001,0 -0.10001,0 -0.20001,0l-1.79999,-1l0.49997,-1c0.10004,0.49997 0.30002,0.89999 0.70001,1.19998c0.80002,0.5 1.89999,0.29999 2.39999,-0.5s0.30002,-1.89999 -0.5,-2.39996c-0.5,-0.30002 -1.10001,-0.39999 -1.69998,-0.20004l2.09998,-3.79996c0.20001,-0.30002 0.10004,-0.80002 -0.29999,-0.89999c-0.29999,-0.20001 -0.79999,-0.10001 -0.89999,0.29999l-4,7.09998c0,0 0,0 0,0l-3.29999,5.30002l0,0c0,0 -0.10001,0.10001 -0.10001,0.10001l-4.60001,8.20001c-0.29999,0.5 -0.10001,1.09998 0.39999,1.39996c0.10001,0.10004 0.20001,0.10004 0.30002,0.10004c0.39999,0.09998 0.89999,-0.10004 1.10001,-0.5l4.5,-8.10001l0.69998,0.49997l-2,2.50003c-0.39999,0.39996 -0.29999,1.10001 0.10001,1.49997c0.10001,0.10004 0.30002,0.20001 0.5,0.20001c0.39999,0.10001 0.70001,-0.09998 1,-0.39999l3,-3.60001c0.39999,-0.39999 0.30002,-1.09998 -0.10001,-1.5c-0.09998,-0.09998 -0.09998,-0.09998 -0.19998,-0.09998l1,-1.5l-0.30002,1.5c-0.09998,0.29999 0.10001,0.59998 0.30002,0.69998c0.10001,0.10001 0.19998,0.10001 0.29999,0.10001c0.20001,0 0.30002,0 0.5,-0.10001l3.20001,-2.10001c0.29999,-0.20001 0.39999,-0.59998 0.19998,-0.89999"/>
<path id=svg_19 fill=#FFFFFF
d="m130.78751,100.125c0.5,-4.60001 0.90002,-7.5 0.90002,-7.5l-2.40002,1.20001l1.5,6.29999"/>
<path id=svg_20 fill=#FFFFFF
d="m125.38751,101.52499c0.29999,0.10001 0.59998,-0.10001 0.59998,-0.39999l0.30002,-1.60001l1,1.5c0.19998,0.19998 0.5,0.29999 0.69998,0.10001c0,0 0.10001,-0.10001 0.10001,-0.10001l1.5,-0.39999l0.20001,0.79999c-0.30002,-0.20001 -0.70001,-0.29999 -1,-0.20001c-0.70001,0.10001 -1.20001,0.80002 -1,1.5c0.09998,0.70001 0.79999,1.20001 1.5,1c0.5,-0.09998 0.79999,-0.39999 1,-0.79999l0.89999,3.10001c0.10001,0.29999 0.39999,0.39999 0.60001,0.39999s0.39999,-0.39999 0.39999,-0.60001l-1.60001,-5.89999c0,0 0,0 0,0l-1.10001,-4.60001l0,0c0,0 0,-0.10001 0,-0.10001l-1.89999,-6.79999c-0.10001,-0.39999 -0.5,-0.60001 -1,-0.5c-0.10001,0 -0.19998,0.10001 -0.19998,0.10001c-0.30002,0.19998 -0.40002,0.5 -0.30002,0.79999l1.89999,6.70001l-0.59998,0.10001l-0.20001,-2.40002c0,-0.39999 -0.39999,-0.69998 -0.79999,-0.69998c-0.10001,0 -0.30002,0.10001 -0.40002,0.10001c-0.19998,0.19998 -0.29999,0.39999 -0.29999,0.69998l0.29999,3.5c0,0.39999 0.40002,0.70001 0.80002,0.70001c0.09998,0 0.09998,0 0.19998,0l0.20001,1.29999l-0.60001,-0.89999c-0.10001,-0.20001 -0.29999,-0.29999 -0.5,-0.20001c-0.10001,0 -0.10001,0 -0.20001,0.10004c-0.09998,0.10001 -0.19998,0.20001 -0.19998,0.30002l-0.60004,2.79999c-0.19998,0.20001 0,0.5 0.30002,0.60001"/>
<path id=svg_21 fill=#FFFFFF d="m66.38751,21.42499l5.69998,8.5l-11.29999,0l5.60001,-8.5"/>
<path id=svg_22 fill=#FFFFFF d="m110.48749,67.22501l0,-11.39996l8.5,5.69998l-8.5,5.70001"/>
<path id=svg_23 fill=#FFFFFF d="m76.1875,67.22501l-5.70001,-8.5l11.39999,0l-5.69998,8.5"/>
<text x=-6.3125 y=-178.875 id=svg_24 transform="matrix(1,0,0,1,98.7506,198.62) " fill=#FFFFFF
font-family="&#x27;Futura-Medium'" font-size=7.1837>E
</text>
</g>
</svg>
<img class="grid-img" src="img/models.png" alt"Import models"></img>
<p>
Use the editEntitles.js script to<br>
add FBX models in-world. You<br>
@ -477,7 +182,7 @@
<!-- Responsive layout will not work with fixed width, but we need to set a fixed width for the window to appear at the right size -->
function overrideBodyWidth() {
document.body.style.width = "100%";
<!-- Force reset layout after body resized-->
<!-- Force reset layout after body resized-->
container.style.width = "0";
}
</script>