bcdevtools
diff --git a/‎client/html/index.tmpl‎
Lines changed: 55 additions & 3 deletions b/‎client/html/index.tmpl‎
Lines changed: 55 additions & 3 deletions
diff --git a/‎client/html/resources/images/favicon.png‎
-1.31 KB b/‎client/html/resources/images/favicon.png‎
-1.31 KB
diff --git a/‎client/html/resources/images/logo-1.svg‎
Lines changed: 37 additions & 0 deletions b/‎client/html/resources/images/logo-1.svg‎
Lines changed: 37 additions & 0 deletions
diff --git a/‎client/html/resources/images/logo.png‎
-47.9 KB b/‎client/html/resources/images/logo.png‎
-47.9 KB
diff --git a/‎client/statik/statik.go‎
Lines changed: 1 addition & 1 deletion b/‎client/statik/statik.go‎
Lines changed: 1 addition & 1 deletion
@@ -22,17 +22,42 @@
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="/resources/site.css"/>
     <style type="text/css">
-        .watermark-brand {
-            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='300px' opacity='0.05'><text transform='translate(20, 100) rotate(-25)' fill='rgb(245,45,45)' font-size='46'>{[{ .brand }]}</text></svg>");
+        #watermark-valoper {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+            pointer-events: none;
+            background-image: url("resources/images/logo-1.svg");
+            background-repeat: repeat;
+            background-size: 50px 50px;
+            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;
             opacity: .3;
         }
     </style>
 </head>
-<body class="watermark-brand">
+<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 }]}
@@ -201,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>