cargo-simulator/index.html at main · stoskov/cargo-simulator · 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
<!DOCTYPE html>
<html lang="en" style="font-size: 90%;">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cargo Loading Simulator</title>
  <script src="https://cdn.tailwindcss.com"></script>

<script type="importmap">
{
  "imports": {
    "react": "https://esm.sh/react@19.1.0",
    "react-dom/": "https://esm.sh/react-dom@19.1.0/",
    "react/": "https://esm.sh/react@19.1.0/",
    "three": "https://esm.sh/three@0.165.0",
    "three/addons/": "https://esm.sh/three@0.165.0/examples/jsm/",
    "three/": "https://esm.sh/three@0.165.0/",
    "@react-three/fiber": "https://esm.sh/@react-three/fiber@9.1.2",
    "@react-three/drei": "https://esm.sh/@react-three/drei@10.0.8"
  }
}
</script>
  <script type="module" crossorigin src="./assets/index-hC16F80H.js"></script>
</head>
<body class="bg-gray-100 text-gray-800">

  <!-- Logo + Title Header defined in HTML -->
  <div class="w-full max-w-screen-lg mx-auto px-3 lg:px-6">
    <div class="flex items-center pt-3 lg:pt-6 mb-6">
      <img src="./assets/pegasus_logo-C4Nzqc1J.png" alt="Pegasus Cargo Solutions Logo" class="h-18 md:h-24 mr-4">
      <h1 class="text-3xl md:text-4xl font-extrabold text-blue-600 text-center flex-grow">
        Cargo Loading Simulator
      </h1>
    </div>
  </div>

  <div id="root"></div>

</body>
</html>