115 lines
5.2 KiB
HTML
115 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ChatRD</title>
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-notify@1.0.4/dist/simple-notify.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
|
|
|
|
<link rel="stylesheet" href="css/app.css?v=0.0.1">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="statistics">
|
|
<div class="platform" id="twitch">
|
|
<i class="fa-brands fa-twitch"></i>
|
|
<span class="viewers"><i class="fa-solid fa-user"></i> <span>0</span></span>
|
|
</div>
|
|
|
|
<div class="platform" id="youtube">
|
|
<i class="fa-brands fa-youtube"></i>
|
|
<span class="viewers"><i class="fa-solid fa-user"></i> <span>0</span></span>
|
|
<span class="likes"><i class="fa-solid fa-thumbs-up"></i> <span>0</span></span>
|
|
</div>
|
|
|
|
<div class="platform" id="tiktok">
|
|
<i class="fa-brands fa-tiktok"></i>
|
|
<span class="viewers"><i class="fa-solid fa-user"></i> <span>0</span></span>
|
|
<span class="likes"><i class="fa-solid fa-heart"></i> <span>0</span></span>
|
|
</div>
|
|
|
|
<div class="platform" id="kick">
|
|
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 800 800">
|
|
<polygon class="st0" points="336 111 336 239 401 239 401 175 465 175 465 111 657 111 657 303 593 303 593 367 529 367 529 432 593 432 593 496 657 496 657 689 465 689 465 624 401 624 401 560 336 560 336 689 143 689 143 111 336 111"/>
|
|
</svg>
|
|
|
|
<span class="viewers"><i class="fa-solid fa-user"></i> <span>0</span></span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="container">
|
|
<div class="wrapper">
|
|
<div id="chat">
|
|
|
|
</div>
|
|
|
|
|
|
<div id="chat-input">
|
|
<div id="chat-autocomplete-list"></div>
|
|
|
|
<div class="settings">
|
|
<div class="chat-enabler" id="twitch">
|
|
<img src="images/logo-twitch.svg" alt="">
|
|
<label class="switch"><input type="checkbox" name="chatOnTwitch" checked><span class="slider"></span></label>
|
|
</div>
|
|
<div class="chat-enabler" id="youtube">
|
|
<img src="images/logo-youtube.svg" alt="">
|
|
<label class="switch"><input type="checkbox" name="chatOnYouTube" checked><span class="slider"></span></label>
|
|
</div>
|
|
<div class="chat-enabler" id="tiktok">
|
|
<img src="images/logo-tiktok.svg" alt="">
|
|
<label class="switch"><input type="checkbox" name="chatOnTiktok"><span class="slider"></span></label>
|
|
<span class="hint"><a title="Chat only. Needs setup. Click here to know how." href="https://github.com/vortisrd/chatrd/tree/main?tab=readme-ov-file#tiktok-chat-setup" target="_blank"><i class="fa-solid fa-circle-info"></i></a></span>
|
|
</div>
|
|
<div class="chat-enabler" id="kick">
|
|
<img src="images/logo-kick.svg" alt="">
|
|
<label class="switch"><input type="checkbox" name="chatOnKick"><span class="slider"></span></label>
|
|
<span class="hint"><a title="Chat only. Needs setup. Click here to know how." href="https://github.com/vortisrd/chatrd/tree/main?tab=readme-ov-file#kickbot-installation-on-streamerbot" target="_blank"><i class="fa-solid fa-circle-info"></i></a></span>
|
|
</div>
|
|
</div>
|
|
|
|
<form>
|
|
<input type="text">
|
|
</form>
|
|
|
|
<button id="chat-input-send"><i class="fa-solid fa-paper-plane"></i></button>
|
|
<button id="chat-input-settings"><i class="fa-solid fa-gear"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/dompurify@3.1.5/dist/purify.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/simple-notify@1.0.4/dist/simple-notify.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/@streamerbot/client@1.9.5/dist/streamerbot-client.min.js"></script>
|
|
|
|
<script src="js/lang/ptbr.js"></script>
|
|
<script src="js/lang/en.js"></script>
|
|
<script src="js/lang/es.js"></script>
|
|
|
|
<script src="js/lang/lang.js"></script>
|
|
|
|
<script src="js/app-mockup.js?v=0.0.2"></script>
|
|
<script src="js/app.js"></script>
|
|
|
|
<script src="js/twitch/module.js?v=0.0.2"></script>
|
|
<script src="js/youtube/module.js"></script>
|
|
<script src="js/tiktok/module.js"></script>
|
|
<script src="js/kick/module.js"></script>
|
|
<script src="js/patreon/module.js"></script>
|
|
<script src="js/tipeeestream/module.js"></script>
|
|
<script src="js/kofi/module.js"></script>
|
|
<script src="js/fourthwall/module.js"></script>
|
|
|
|
<script src="js/streamlabs/module.js"></script>
|
|
<script src="js/streamelements/module.js"></script>
|
|
|
|
</body>
|
|
</html>
|