web3dscan/index.html at master · Ludovic2035/web3dscan · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <title>Web3dScan</title>
  <meta name="description" content="Web 3D Scan">

  <!-- other dependencies -->
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
        integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
        crossorigin="" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

  <!-- own stylesheet -->
  <link rel="stylesheet" href="css/app.css">
  <link rel="stylesheet" href="css/grid.css">
  <link rel="stylesheet" href="css/styles.css">
  <link rel="stylesheet" href="css/steckbrief.css">
  <link rel="stylesheet" href="css/viewer.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <!-- Scripts (defer: the DOM is loaded)-->
  <script defer src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
          integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
          crossorigin=""></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script>
    /** Funktion zum Ein-/Ausblenden des Burgermenus **/
    function showHideMenu() {
      var x = document.getElementById("myLinks");
      if (x.style.display === "initial") {
        x.style.display = "none";
      } else {
        x.style.display = "initial";
      }
    }
    function menuItemClicked(page) {
      // alle menuitems ausblenden
      document.getElementById("mapSM").style.display = "none";
      document.getElementById("modelViewerSM").style.display = "none";
      document.getElementById("steckbriefSM").style.display = "none";
      // aktiviertes menuitem darstellen
      document.getElementById(page+"SM").style.display = "initial";
      showHideMenu();
    }
    // für bildschirme kleiner als 500 wird die html datei für kleiner geräte (indexSM.html) verwendet. Diese benutzt ein burger menu
    if (window.innerWidth < 500)
    {
      if (window.location.hash.length === 0) {
        window.location = window.location +"#map";
      }
      $.get("indexSM.html", function(response) {
        document.body.innerHTML = response;
        document.getElementById("mapSM").style.display = "none";
        document.getElementById("modelViewerSM").style.display = "none";
        document.getElementById("steckbriefSM").style.display = "none";
        document.getElementById(window.location.hash.substr(1)+"SM").style.display = "initial";
      });
    }
    else {
      $.get("indexBIG.html", function(response) {
        document.body.innerHTML = response;});
    }
    /** Funktion zum Auswählen der mobilen Version auf großen Bildschirmen**/
    function activateMobileVersion()
    {
      /** standardmäßig wird die map als erstes ausgewählt **/
      if (window.location.hash.length === 0) {
        window.location = window.location +"#map";
      }
      /** es werden alle fenster auf 'nicht zeigen' gesetzt und nur das ausgewählte dann angezeigt **/
      $.get("indexSM.html", function(response) {
        document.body.innerHTML = response;
        document.getElementById("mapSM").style.display = "none";
        document.getElementById("modelViewerSM").style.display = "none";
        document.getElementById("steckbriefSM").style.display = "none";
        document.getElementById(window.location.hash.substr(1)+"SM").style.display = "initial";
        main();
      });
    }
    /** Funktion zum Auswählen der desktop Version auf großen Bildschirmen**/
    function activateDesktopVersion()
    {
      $.get("indexBIG.html", function(response) {
        document.body.innerHTML = response;});
    }
  </script>
</head>
<body>
</body>
<script defer type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
<script defer src="js/setMainWindow.js"></script>
<script defer src="js/steckbrief.js" type="text/javascript"></script>
<script defer src="js/map.js" type="text/javascript"></script>
<script defer src="js/rock3DViewer.js" type="text/javascript"></script>
<script defer src="js/crossReferencer.js" type="text/javascript"></script>
<script defer src="js/main.js" type="text/javascript"></script>