cdbs-app/index.html at master · mnnxp/cdbs-app · 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
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="referrer" content="strict-origin-when-cross-origin" />
    <meta http-equiv="Content-Security-Policy" content="base-uri 'self'; default-src 'self'; script-src 'self' 'unsafe-inline' 'wasm-unsafe-eval' blob:; connect-src 'self' http://127.0.0.1:3000 https://*.cloud ws: blob:; style-src 'self' 'unsafe-inline'; media-src 'self' https://*.cloud; img-src 'self' data: https: content: blob:; worker-src 'self' blob:; font-src 'self' data:;" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CADBase</title>
    <link rel="icon" href="/icons/favicon.png" />
    <link rel="icon" type="image/svg+xml" href="/icons/favicon.svg" />
    <link rel="canonical" href="https://app.cadbase.rs/" />
    <meta name="author" content="CADBase" />
    <meta name="theme-color" content="#1872f0" />
    <meta property="og:url" content="https://app.cadbase.rs/" />
    <meta property="og:site_name" content="CADBase Platform" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="CADBase Platform" />
    <meta property="twitter:title" content="CADBase Platform" />
    <meta name="description" content="The platform for publishing and sharing information about drawings and manufacturers." />
    <meta property="og:description" content="The platform for publishing and sharing information about drawings and manufacturers." />
    <meta property="twitter:description" content="The platform for publishing and sharing information about drawings and manufacturers." />
    <meta property="og:image" content="/icons/logo_1920x1080.webp" />
    <meta property="og:image:alt" content="The platform for publishing and sharing information about drawings and manufacturers." />
    <base data-trunk-public-url />
    <link data-trunk rel="rust" data-compress="br,gzip" />
    <link data-trunk rel="css" href="assets/css/bulma.min.css" />
    <link data-trunk rel="css" href="assets/css/all.min.css" />
    <link data-trunk rel="css" href="assets/css/lil-gui.min.css" />
    <link data-trunk rel="scss" href="assets/css/global.scss"/>
    <link data-trunk rel="copy-dir" href="assets/icons"/>
    <link data-trunk rel="copy-dir" href="assets/webfonts"/>
    <link data-trunk rel="copy-dir" href="assets/js/three"/>
  </head>
  <body>
    <div id="cdbs-loading">
      <div class="logo-spinner">
         <img src="/icons/favicon.svg" alt="Logo" class="logo" />
        <div class="spinner-ring"></div>
      </div>
    </div>
    <style>
      #cdbs-loading {
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: white;
        z-index: 99999;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      .logo-spinner {
        position: relative;
        width: 150px;
        height: 150px;
        margin-bottom: 20px;
      }
      .logo-spinner svg {
        position: absolute;
        width: 80px;
        height: 80px;
        top: 35px;
        left: 35px;
      }
      .spinner-ring {
        position: absolute;
        width: 150px;
        height: 150px;
        border: 3px solid transparent;
        border-top-color: #1872f0;
        border-right-color: #b2bbcc;
        border-radius: 50%;
        animation: spin 1.2s cubic-bezier(0.5, 0.1, 0.5, 0.9) infinite;
      }
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
      .loading-text {
        margin-top: 20px;
        color: #333;
        font-size: 16px;
      }
      #cdbs-loading.loaded {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s, visibility 0.5s;
      }
    </style>
    <script>
      const hideLoading = () => {
        const loading = document.getElementById('cdbs-loading');
        if (!loading) return;
        loading.classList.add('loaded');
        setTimeout(() => loading.remove(), 200);
      };
      window.addEventListener('wasm-loaded', hideLoading, { once: true });
      setTimeout(hideLoading, 15000);
    </script>
  </body>
</html>