- 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

View File

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