bcdevtools
diff --git a/‎client/html/index.tmpl‎
Lines changed: 40 additions & 0 deletions b/‎client/html/index.tmpl‎
Lines changed: 40 additions & 0 deletions
diff --git a/‎client/statik/statik.go‎
Lines changed: 1 addition & 1 deletion b/‎client/statik/statik.go‎
Lines changed: 1 addition & 1 deletion
@@ -36,6 +36,18 @@
             opacity: .04;
         }
 
+        #landing-logo {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+            background: url("resources/images/logo-1.svg") no-repeat center;
+            z-index: 9;
+            opacity: .01;
+        }
+
         .brandLink {
             text-decoration: none;
             color: inherit;
@@ -45,6 +57,7 @@
 </head>
 <body>
     <div id="watermark-valoper"></div>
+    <div id="landing-logo" class="d-none"></div>
     <div id="main" class="container my-3">
         <h3>{[{ .description }]}</h3>
         {[{ if .logo }]}
@@ -213,5 +226,32 @@ s|^(trust_hash[[:space:]]+=[[:space:]]+).*$|\1\"$TRUST_HASH\"|" $HOME/{[{ .gener
         {[{ end }]}
     </footer>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <script type="text/javascript">
+        let opacity = 1;
+        let inc = true;
+        $(document).ready(function() {
+            const landingLogo = $('#landing-logo');
+            if (landingLogo) {
+                landingLogo.removeClass('d-none');
+                const intervalLogo = setInterval(() => {
+                    if (inc) {
+                        opacity += 1;
+                        if (opacity >= 100) {
+                            inc = false;
+                        }
+                    } else {
+                        opacity -= 2;
+                        if (opacity < 4) {
+                            landingLogo.remove();
+                            clearInterval(intervalLogo);
+                            return
+                        }
+                    }
+                    landingLogo.css('opacity', opacity/100);
+                }, 10);
+            }
+        })
+    </script>
 </body>
 </html>