sora/phantombot-plugins
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
choelzl
2022-02-24 02:05:33 +01:00
parent 7485215ef6
commit 745b6685ea
14 changed files with 306 additions and 1820 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
web/alert/index.html Normal file
View File

@ -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>