- Aussehen der VR-Schnittstelle verändert

- Schriftart-Quelle hinzugefügt
This commit is contained in:
Denys Konovalov 2020-11-18 20:48:45 +01:00
parent 64d869fdb6
commit 6bdb1eb243
36 changed files with 997 additions and 33 deletions

@ -34,6 +34,8 @@ link = "plugins/animate/animate.css"
link = "plugins/venobox/venobox.css" link = "plugins/venobox/venobox.css"
[[params.plugins.css]] [[params.plugins.css]]
link = "plugins/themify-icons/themify-icons.css" link = "plugins/themify-icons/themify-icons.css"
[[params.plugins.css]]
link = "https://code.cdn.mozilla.net/fonts/fira.css"
# JS Plugins # JS Plugins
[[params.plugins.js]] [[params.plugins.js]]

@ -41,7 +41,7 @@ var APP_DATA = {
"yaw": 2.1959942749563464, "yaw": 2.1959942749563464,
"pitch": 0.3502609665210201, "pitch": 0.3502609665210201,
"title": "Lorem ipsum<br>", "title": "Lorem ipsum<br>",
"text": "<div><b>Lorem ipsum<b> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<img src='/media/gcg.JPG'></div>" "text": "<div><h1>Lorem ipsum</h1><br> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<img src='/media/gcg.JPG'></div>"
} }
] ]
}, },

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="close.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="757"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<g
id="g2"
style="fill:#ffffff" />
<path
d="M9.207 8.5l6.646 6.646-0.707 0.707-6.646-6.646-6.646 6.646-0.707-0.707 6.646-6.646-6.647-6.646 0.707-0.707 6.647 6.646 6.646-6.646 0.707 0.707-6.646 6.646z"
fill="#000000"
id="path4"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="shift-left-alt.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="757"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<g
id="g2"
style="fill:#ffffff" />
<path
d="M5.854 5.854l-2.647 2.646 2.646 2.646-0.707 0.707-3.353-3.353 3.354-3.354 0.707 0.708zM9 0v17h1v-17h-1z"
fill="#000000"
id="path4"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

59
static/de/vr/img/down.svg Normal file

@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="down.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1027"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="svg6"
inkscape:document-rotation="0" />
<g
id="g2"
style="fill:#1a1a37;fill-opacity:1" />
<path
d="M12.146 6.146l0.707 0.707-4.353 4.354-4.354-4.353 0.707-0.707 3.647 3.646 3.646-3.647zM17 8.5c0 4.687-3.813 8.5-8.5 8.5s-8.5-3.813-8.5-8.5 3.813-8.5 8.5-8.5 8.5 3.813 8.5 8.5zM16 8.5c0-4.136-3.364-7.5-7.5-7.5s-7.5 3.364-7.5 7.5 3.364 7.5 7.5 7.5 7.5-3.364 7.5-7.5z"
fill="#000000"
id="path4"
style="fill:#1a1a37;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="shift-right-alt.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="757"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<g
id="g2"
style="fill:#ffffff" />
<path
d="M15.207 8.5l-3.354 3.354-0.707-0.707 2.647-2.647-2.646-2.646 0.707-0.707 3.353 3.353zM7 17h1v-17h-1v17z"
fill="#000000"
id="path4"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="fullscreen.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="757"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<g
id="g2"
style="fill:#ffffff" />
<path
d="M15.996 11.352l0.004 4.648-4.649-0.004 0.001-1 2.94 0.003-5.792-5.791-5.792 5.792 2.94-0.003 0.001 1-4.649 0.003 0.004-4.649 1 0.001-0.003 2.939 5.792-5.791-5.792-5.792 0.003 2.939-1 0.001-0.004-4.648 4.649 0.004-0.001 1-2.94-0.003 5.792 5.792 5.792-5.792-2.94 0.003-0.001-1 4.649-0.004-0.004 4.649-1-0.001 0.003-2.939-5.792 5.791 5.792 5.792-0.003-2.939 1-0.001z"
fill="#000000"
id="path4"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="info-alt.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1027"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="9.3673469"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="svg6" />
<g
id="g2"
style="fill:#ffffff" />
<path
d="M8.5 0c-4.687 0-8.5 3.813-8.5 8.5s3.813 8.5 8.5 8.5 8.5-3.813 8.5-8.5-3.813-8.5-8.5-8.5zM8.5 16c-4.136 0-7.5-3.364-7.5-7.5s3.364-7.5 7.5-7.5 7.5 3.364 7.5 7.5-3.364 7.5-7.5 7.5zM9 12.369h0.979v1h-2.958v-1h0.979v-4.42h-0.946v-1h1.946v5.42zM7.185 4.986c0-0.545 0.441-0.986 0.986-0.986s0.985 0.441 0.985 0.986c0 0.543-0.44 0.984-0.985 0.984s-0.986-0.441-0.986-0.984z"
fill="#000000"
id="path4"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

58
static/de/vr/img/info.svg Normal file

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="info.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="757"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<g
id="g2"
style="fill:#ffffff" />
<path
d="M10.8 14.276v1h-4.6v-1h1.8v-7.431h-1.75v-1h2.75v8.431h1.8zM7.988 4.045c0.848 0 1.532-0.686 1.532-1.532 0-0.847-0.685-1.534-1.532-1.534-0.849 0-1.534 0.687-1.534 1.534 0 0.846 0.686 1.532 1.534 1.532z"
fill="#000000"
id="path4"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

59
static/de/vr/img/left.svg Normal file

@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="left.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1027"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="svg6"
inkscape:document-rotation="0" />
<g
id="g2"
style="fill:#1a1a37;fill-opacity:1" />
<path
d="M10.854 4.854l-3.647 3.646 3.646 3.646-0.707 0.707-4.353-4.353 4.354-4.354 0.707 0.708zM17 8.5c0 4.687-3.813 8.5-8.5 8.5s-8.5-3.813-8.5-8.5 3.813-8.5 8.5-8.5 8.5 3.813 8.5 8.5zM16 8.5c0-4.136-3.364-7.5-7.5-7.5s-7.5 3.364-7.5 7.5 3.364 7.5 7.5 7.5 7.5-3.364 7.5-7.5z"
fill="#000000"
id="path4"
style="fill:#1a1a37;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="control-pause.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="757"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<g
id="g2"
style="fill:#ffffff" />
<path
d="M3 15h4v-13h-4v13zM4 3h2v11h-2v-11zM10 2v13h4v-13h-4zM13 14h-2v-11h2v11z"
fill="#000000"
id="path4"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

58
static/de/vr/img/play.svg Normal file

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="control-play.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="757"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<g
id="g2"
style="fill:#ffffff" />
<path
d="M3 2.692v11.618l11.618-5.837-11.618-5.781zM4 4.308l8.382 4.17-8.382 4.211v-8.381z"
fill="#000000"
id="path4"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="right.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1027"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="svg6"
inkscape:document-rotation="0" />
<g
id="g2"
style="fill:#1a1a37;fill-opacity:1" />
<path
d="M6.854 4.146l4.353 4.354-4.354 4.354-0.707-0.707 3.647-3.647-3.647-3.646 0.708-0.708zM17 8.5c0 4.687-3.813 8.5-8.5 8.5s-8.5-3.813-8.5-8.5 3.813-8.5 8.5-8.5 8.5 3.813 8.5 8.5zM16 8.5c0-4.136-3.364-7.5-7.5-7.5s-7.5 3.364-7.5 7.5 3.364 7.5 7.5 7.5 7.5-3.364 7.5-7.5z"
fill="#000000"
id="path4"
style="fill:#1a1a37;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="arrow-circle-up.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="820"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<g
id="g2"
style="fill:#ffffff" />
<path
d="m 8.5,5.793 4.354,4.354 -0.707,0.707 L 8.5,7.207 4.854,10.853 4.1470001,10.146 Z M 17,8.5 C 17,13.187 13.187,17 8.5,17 3.813,17 0,13.187 0,8.5 0,3.813 3.813,0 8.5,0 13.187,0 17,3.813 17,8.5 Z m -1,0 C 16,4.364 12.636,1 8.5,1 4.364,1 0.99999999,4.364 0.99999999,8.5 0.99999999,12.636 4.364,16 8.5,16 12.636,16 16,12.636 16,8.5 Z"
fill="#000000"
id="path4"
style="stroke-width:1;fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

59
static/de/vr/img/up.svg Normal file

@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="up.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1027"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="svg6"
inkscape:document-rotation="0" />
<g
id="g2"
style="fill:#1a1a37;fill-opacity:1" />
<path
d="M8.5 5.793l4.354 4.354-0.707 0.707-3.647-3.647-3.646 3.646-0.707-0.707 4.353-4.353zM17 8.5c0 4.687-3.813 8.5-8.5 8.5s-8.5-3.813-8.5-8.5 3.813-8.5 8.5-8.5 8.5 3.813 8.5 8.5zM16 8.5c0-4.136-3.364-7.5-7.5-7.5s-7.5 3.364-7.5 7.5 3.364 7.5 7.5 7.5 7.5-3.364 7.5-7.5z"
fill="#000000"
id="path4"
style="fill:#1a1a37;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="windowed.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="757"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="0"
inkscape:current-layer="svg6" />
<g
id="g2"
style="fill:#ffffff" />
<path
d="M7 3v-1h-7v14h17v-13h-10zM11 4v1h-4v-1h4zM16 15h-15v-12h5v3h10v9zM12 5v-1h4v1h-4z"
fill="#000000"
id="path4"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="zoom-in.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1027"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="8.5"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="svg6"
inkscape:document-rotation="0" />
<g
id="g2"
style="fill:#1a1a37;fill-opacity:1" />
<path
d="M16.604 15.896l-5.173-5.173c0.975-1.137 1.569-2.61 1.569-4.223 0-3.584-2.916-6.5-6.5-6.5-1.737 0-3.369 0.676-4.597 1.904-1.228 1.227-1.903 2.86-1.903 4.596 0 3.584 2.916 6.5 6.5 6.5 1.612 0 3.086-0.594 4.224-1.569l5.173 5.173 0.707-0.708zM6.5 12c-3.033 0-5.5-2.467-5.5-5.5 0-1.47 0.571-2.851 1.61-3.89 1.039-1.038 2.42-1.61 3.89-1.61 3.033 0 5.5 2.467 5.5 5.5 0 3.033-2.467 5.5-5.5 5.5zM7 6h2v1h-2v2h-1v-2h-2v-1h2v-2h1v2z"
fill="#000000"
id="path4"
style="fill:#1a1a37;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="17"
height="17"
viewBox="0 0 17 17"
id="svg6"
sodipodi:docname="zoom-out.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs10" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1027"
id="namedview8"
showgrid="false"
inkscape:zoom="46.117647"
inkscape:cx="3.7512755"
inkscape:cy="8.5"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="svg6"
inkscape:document-rotation="0" />
<g
id="g2"
style="fill:#1a1a37;fill-opacity:1" />
<path
d="M16.604 15.868l-5.173-5.173c0.975-1.137 1.569-2.611 1.569-4.223 0-3.584-2.916-6.5-6.5-6.5-1.736 0-3.369 0.676-4.598 1.903-1.227 1.228-1.903 2.861-1.902 4.597 0 3.584 2.916 6.5 6.5 6.5 1.612 0 3.087-0.594 4.224-1.569l5.173 5.173 0.707-0.708zM6.5 11.972c-3.032 0-5.5-2.467-5.5-5.5-0.001-1.47 0.571-2.851 1.61-3.889 1.038-1.039 2.42-1.611 3.89-1.611 3.032 0 5.5 2.467 5.5 5.5 0 3.032-2.468 5.5-5.5 5.5zM4 5.972h5v1h-5v-1z"
fill="#000000"
id="path4"
style="fill:#1a1a37;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

@ -8,6 +8,8 @@
<style> @-ms-viewport { width: device-width; } </style> <style> @-ms-viewport { width: device-width; } </style>
<link rel="stylesheet" href="vendor/reset.min.css"> <link rel="stylesheet" href="vendor/reset.min.css">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
</head> </head>
<body class="multiple-scenes view-control-buttons"> <body class="multiple-scenes view-control-buttons">
@ -15,27 +17,27 @@
<div id="sceneList"> <div id="sceneList">
<ul class="scenes"> <ul class="scenes">
<a href="javascript:void(0)" class="scene" data-id="0-san-francisco"> <a href="javascript:void(0)" class="scene" data-id="0-san-francisco">
<li class="text">San Francisco</li> <li class="text">San Francisco</li>
</a> </a>
<a href="javascript:void(0)" class="scene" data-id="1-golden-gate-bridge"> <a href="javascript:void(0)" class="scene" data-id="1-golden-gate-bridge">
<li class="text">Golden Gate Bridge</li> <li class="text">Golden Gate Bridge</li>
</a> </a>
<a href="javascript:void(0)" class="scene" data-id="2-schlafzimmer"> <a href="javascript:void(0)" class="scene" data-id="2-schlafzimmer">
<li class="text">Schlafzimmer</li> <li class="text">Schlafzimmer</li>
</a> </a>
<a href="javascript:void(0)" class="scene" data-id="3-miami"> <a href="javascript:void(0)" class="scene" data-id="3-miami">
<li class="text">Miami</li> <li class="text">Miami</li>
</a> </a>
<a href="javascript:void(0)" class="scene" data-id="4-panorama"> <a href="javascript:void(0)" class="scene" data-id="4-panorama">
<li class="text">Panorama</li> <li class="text">Panorama</li>
</a> </a>
</ul> </ul>
</div> </div>
@ -44,37 +46,37 @@
</div> </div>
<a href="javascript:void(0)" id="autorotateToggle"> <a href="javascript:void(0)" id="autorotateToggle">
<img class="icon off" src="img/play.png"> <img class="icon off" src="img/play.svg">
<img class="icon on" src="img/pause.png"> <img class="icon on" src="img/pause.svg">
</a> </a>
<a href="javascript:void(0)" id="fullscreenToggle"> <a href="javascript:void(0)" id="fullscreenToggle">
<img class="icon off" src="img/fullscreen.png"> <img class="icon off" src="img/fullscreen.svg">
<img class="icon on" src="img/windowed.png"> <img class="icon on" src="img/windowed.svg">
</a> </a>
<a href="javascript:void(0)" id="sceneListToggle"> <a href="javascript:void(0)" id="sceneListToggle">
<img class="icon off" src="img/expand.png"> <img class="icon off" src="img/expand.svg">
<img class="icon on" src="img/collapse.png"> <img class="icon on" src="img/collapse.svg">
</a> </a>
<a href="javascript:void(0)" id="viewUp" class="viewControlButton viewControlButton-1"> <a href="javascript:void(0)" id="viewUp" class="viewControlButton viewControlButton-1">
<img class="icon" src="img/up.png"> <img class="icon" src="img/up.svg">
</a> </a>
<a href="javascript:void(0)" id="viewDown" class="viewControlButton viewControlButton-2"> <a href="javascript:void(0)" id="viewDown" class="viewControlButton viewControlButton-2">
<img class="icon" src="img/down.png"> <img class="icon" src="img/down.svg">
</a> </a>
<a href="javascript:void(0)" id="viewLeft" class="viewControlButton viewControlButton-3"> <a href="javascript:void(0)" id="viewLeft" class="viewControlButton viewControlButton-3">
<img class="icon" src="img/left.png"> <img class="icon" src="img/left.svg">
</a> </a>
<a href="javascript:void(0)" id="viewRight" class="viewControlButton viewControlButton-4"> <a href="javascript:void(0)" id="viewRight" class="viewControlButton viewControlButton-4">
<img class="icon" src="img/right.png"> <img class="icon" src="img/right.svg">
</a> </a>
<a href="javascript:void(0)" id="viewIn" class="viewControlButton viewControlButton-5"> <a href="javascript:void(0)" id="viewIn" class="viewControlButton viewControlButton-5">
<img class="icon" src="img/plus.png"> <img class="icon" src="img/zoom-in.svg">
</a> </a>
<a href="javascript:void(0)" id="viewOut" class="viewControlButton viewControlButton-6"> <a href="javascript:void(0)" id="viewOut" class="viewControlButton viewControlButton-6">
<img class="icon" src="img/minus.png"> <img class="icon" src="img/zoom-out.svg">
</a> </a>
<script src="vendor/es5-shim.js"></script> <script src="vendor/es5-shim.js"></script>

@ -253,7 +253,7 @@
// Create image element. // Create image element.
var icon = document.createElement('img'); var icon = document.createElement('img');
icon.src = 'img/link.png'; icon.src = 'img/up-circle.svg';
icon.classList.add('link-hotspot-icon'); icon.classList.add('link-hotspot-icon');
// Set rotation transform. // Set rotation transform.
@ -299,7 +299,7 @@
var iconWrapper = document.createElement('div'); var iconWrapper = document.createElement('div');
iconWrapper.classList.add('info-hotspot-icon-wrapper'); iconWrapper.classList.add('info-hotspot-icon-wrapper');
var icon = document.createElement('img'); var icon = document.createElement('img');
icon.src = 'img/info.png'; icon.src = 'img/info.svg';
icon.classList.add('info-hotspot-icon'); icon.classList.add('info-hotspot-icon');
iconWrapper.appendChild(icon); iconWrapper.appendChild(icon);
@ -315,7 +315,7 @@
var closeWrapper = document.createElement('div'); var closeWrapper = document.createElement('div');
closeWrapper.classList.add('info-hotspot-close-wrapper'); closeWrapper.classList.add('info-hotspot-close-wrapper');
var closeIcon = document.createElement('img'); var closeIcon = document.createElement('img');
closeIcon.src = 'img/close.png'; closeIcon.src = 'img/close.svg';
closeIcon.classList.add('info-hotspot-close-icon'); closeIcon.classList.add('info-hotspot-close-icon');
closeWrapper.appendChild(closeIcon); closeWrapper.appendChild(closeIcon);

@ -22,7 +22,7 @@ html, body {
padding: 0; padding: 0;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Fira Sans", Arial, sans-serif;
font-size: 16px; font-size: 16px;
background-color: #000; background-color: #000;
color: #fff; color: #fff;
@ -49,6 +49,10 @@ a, a:hover, a:active, a:visited {
right: 40px; right: 40px;
height: 40px; height: 40px;
text-align: center; text-align: center;
border-radius: 12px;
margin: 10px;
margin-left: 20px;
margin-right: 30px;
} }
.mobile #titleBar { .mobile #titleBar {
@ -77,10 +81,11 @@ body.multiple-scenes.mobile #titleBar {
#titleBar .sceneName { #titleBar .sceneName {
width: 100%; width: 100%;
height: 100%; height: 100%;
line-height: 30px; line-height: 27.5px;
padding: 5px; padding: 5px;
background-color: #1a1a37; background-color: #1a1a37;
background-color: #1a1a37; background-color: #1a1a37;
font-family: "Fira Sans Heavy", sans-serif;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -89,6 +94,7 @@ body.multiple-scenes.mobile #titleBar {
-webkit-user-select: text; -webkit-user-select: text;
-ms-user-select: text; -ms-user-select: text;
user-select: text; user-select: text;
border-radius: 30px;
} }
.mobile #titleBar .sceneName { .mobile #titleBar .sceneName {
@ -104,6 +110,8 @@ body.multiple-scenes.mobile #titleBar {
height: 40px; height: 40px;
padding: 5px; padding: 5px;
background-color: #ffbc3b; background-color: #ffbc3b;
border-radius: 50%;
margin: 10px;
} }
.mobile #fullscreenToggle { .mobile #fullscreenToggle {
@ -153,6 +161,9 @@ body.fullscreen-enabled #fullscreenToggle {
height: 40px; height: 40px;
padding: 5px; padding: 5px;
background-color: #ffbc3b; background-color: #ffbc3b;
border-radius: 20px;
margin: 10px;
margin-right: 20px;
} }
.mobile #autorotateToggle { .mobile #autorotateToggle {
@ -206,6 +217,8 @@ body.fullscreen-enabled.mobile #autorotateToggle {
height: 40px; height: 40px;
padding: 5px; padding: 5px;
background-color: #ffbc3b; background-color: #ffbc3b;
border-radius: 50%;
margin: 10px;
} }
.mobile #sceneListToggle { .mobile #sceneListToggle {
@ -252,7 +265,6 @@ body.fullscreen-enabled.mobile #autorotateToggle {
#sceneList { #sceneList {
position: absolute; position: absolute;
top: 0;
left: -220px; left: -220px;
padding-top: 40px; padding-top: 40px;
width: 220px; width: 220px;
@ -262,6 +274,7 @@ body.fullscreen-enabled.mobile #autorotateToggle {
margin-left: 0; margin-left: 0;
-webkit-transition: margin-left 0.5s ease-in-out; -webkit-transition: margin-left 0.5s ease-in-out;
transition: margin-left 0.5s ease-in-out; transition: margin-left 0.5s ease-in-out;
margin: 20px;
} }
.mobile #sceneList { .mobile #sceneList {
@ -288,7 +301,7 @@ body.fullscreen-enabled.mobile #autorotateToggle {
} }
#sceneList.enabled { #sceneList.enabled {
margin-left: 220px; margin-left: 230px;
} }
#sceneList .scene { #sceneList .scene {
@ -311,18 +324,28 @@ body.fullscreen-enabled.mobile #autorotateToggle {
white-space: nowrap; white-space: nowrap;
} }
#sceneList .scene .text:hover {
color: #1a1a37;
}
.mobile #sceneList .scene .text { .mobile #sceneList .scene .text {
line-height: 40px; line-height: 40px;
} }
.no-touch #sceneList .scene:hover { .no-touch #sceneList .scene:hover {
background-color: rgb(103,115,131); background-color: rgb(103,115,131);
background-color: rgba(103,115,131,0.8); background-color: #fff;
} }
#sceneList .scene.current { #sceneList .scene.current {
background-color: rgb(103,115,131); background-color: rgb(103,115,131);
background-color: #ffbc3b; background-color: #ffbc3b;
}
#sceneList .scene.current .text {
font-family: "Fira Sans Heavy", sans-serif;
} }
/* Hide scene list when only a single scene exists */ /* Hide scene list when only a single scene exists */
@ -464,7 +487,7 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
} }
.desktop.no-touch .info-hotspot .info-hotspot-header:hover { .desktop.no-touch .info-hotspot .info-hotspot-header:hover {
width: 460px; width: 560px;
border-radius: 5px; border-radius: 5px;
-webkit-transition: width 0.3s ease-in-out, -webkit-transition: width 0.3s ease-in-out,
border-radius 0.3s ease-in-out; border-radius 0.3s ease-in-out;
@ -474,7 +497,7 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
.desktop .info-hotspot.visible .info-hotspot-header, .desktop .info-hotspot.visible .info-hotspot-header,
.desktop.no-touch .info-hotspot.visible .info-hotspot-header:hover { .desktop.no-touch .info-hotspot.visible .info-hotspot-header:hover {
width: 460px; width: 560px;
border-radius: 5px; border-radius: 5px;
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
@ -517,7 +540,7 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
.desktop .info-hotspot.visible .info-hotspot-title-wrapper, .desktop .info-hotspot.visible .info-hotspot-title-wrapper,
.desktop.no-touch .info-hotspot .info-hotspot-header:hover .info-hotspot-title-wrapper { .desktop.no-touch .info-hotspot .info-hotspot-header:hover .info-hotspot-title-wrapper {
width: 420px; width: 520px;
padding: 0 5px; padding: 0 5px;
-webkit-transition: width 0s 0.4s, -webkit-transition: width 0s 0.4s,
padding 0s 0.4s; padding 0s 0.4s;
@ -544,7 +567,7 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
.info-hotspot .info-hotspot-close-wrapper { .info-hotspot .info-hotspot-close-wrapper {
position: absolute; position: absolute;
left: 460px; left: 560px;
top: 0; top: 0;
height: 40px; height: 40px;
width: 40px; width: 40px;
@ -590,7 +613,7 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
.info-hotspot .info-hotspot-text { .info-hotspot .info-hotspot-text {
position: absolute; position: absolute;
width: 400px; width: 560px;
height: auto; height: auto;
max-height: 200px; max-height: 200px;
top: 40px; top: 40px;
@ -783,7 +806,10 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
height: 40px; height: 40px;
padding: 5px; padding: 5px;
background-color: rgb(103,115,131); background-color: rgb(103,115,131);
background-color: #ffbc3b; background-color: #fff;
border-radius: 50%;
margin-bottom: 10px;
} }
body.view-control-buttons .viewControlButton { body.view-control-buttons .viewControlButton {