WIP

2022-02-24 02:05:33 +01:00
parent 7485215ef6
commit 745b6685ea
14 changed files with 306 additions and 1820 deletions
--- a/web/alert/index.html
+++ b/web/alert/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>CustomAlerts</title>
+    <!-- Load our styles -->
+    <style>body {margin:0;overflow:hidden;}</style>
+    <style>
+        @font-face {
+            font-family: IBM Plex Mono;
+            src: url(./media/ibmplex.ttf);
+        }
+        .main{
+            position: absolute;
+            width:500px;
+            top: 50%;
+            left: 50%;
+            transform: translateX(-50%) translateY(-50%);
+            color: #5e81ac;
+            text-align:center;
+            font-size:32px;
+            font-family: IBM Plex Mono;
+            opacity: 0;
+            transition:1s;
+        }
+        .img{
+            position: absolute;
+            top: calc(50% - 150px);
+            left: 50%;
+            width:auto;
+            height:200px;
+            transform: translateX(-50%) translateY(-50%);
+            opacity: 0;
+            transition:1s;
+        }
+        </style>
+</head>
+
+<!-- Main body -->
+<body>
+    <img class="img" id="img"></img>
+    <div class="main" id="main">
+        <!-- <canvas id="wall"></canvas> -->
+
+    </div>
+    <!-- jQuery -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <!-- Load jQuery UI -->
+    <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"></script>
+    <!-- Load Reconnecting socket -->
+    <script src="/common/reconnecting-websocket/reconnectingWS.min.js"></script>
+    <!-- Load Bot config file -->
+    <script src="/common/js/wsConfig.js"></script>
+
+    <!-- Load functions copied out of panel dir, since can't directly read panel dir (http auth problem) -->
+    <script src="/custom/js/socketWrapper.js"></script>
+
+    <!-- Load our script -->
+    <script src="index.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
+</body>
+</html>