132 lines
4.5 KiB
HTML
132 lines
4.5 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="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap">
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.0.0/css/all.min.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-notify@1.0.4/dist/simple-notify.min.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css">
|
|
|
|
<link rel="stylesheet" href="css/chatrd.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="statistics" style="display: none;">
|
|
</div>
|
|
|
|
|
|
<div id="container">
|
|
<div class="wrapper">
|
|
<div id="chat">
|
|
|
|
</div>
|
|
|
|
|
|
<div id="chat-input" style="display: none;">
|
|
<div id="chat-autocomplete-list"></div>
|
|
<form>
|
|
<input id="chat-input-text-field" type="text">
|
|
</form>
|
|
|
|
<button id="chat-input-send"><i class="fa-solid fa-paper-plane"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<template id="chat-message">
|
|
|
|
<div id="" data-user="" class="item">
|
|
|
|
<div class="message">
|
|
<div class="first-message">✨ First-time Chatter</div>
|
|
<div class="shared-chat"><span class="origin"><i class="fa-solid fa-comments"></i> <strong></strong></span></div>
|
|
<div class="header"></div>
|
|
|
|
<div class="info">
|
|
<span class="timestamp"></span>
|
|
<span class="platform"></span>
|
|
<span class="badges"></span>
|
|
<span class="avatar"></span>
|
|
<span class="pronouns"></span>
|
|
<span class="user"></span>
|
|
</div>
|
|
|
|
<div class="reply"><i class="fa-solid fa-arrow-turn-up"></i> </div>
|
|
|
|
<div class="actual-message"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<template id="event-message">
|
|
|
|
<div id="" data-user="" class="event">
|
|
|
|
<div class="message">
|
|
<div class="header"></div>
|
|
<div class="info">
|
|
<span class="platform"></span>
|
|
<span class="user"></span>
|
|
<span class="action"></span>
|
|
<span class="value"></span>
|
|
</div>
|
|
<div class="actual-message"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
<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/dompurify@3.2.6/dist/purify.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/@streamerbot/client@1.12.1/dist/streamerbot-client.min.js"></script>
|
|
|
|
<script src="js/speakerbot.js"></script>
|
|
<script src="js/sb.js"></script>
|
|
<script src="js/chatrd.js"></script>
|
|
|
|
<link href="js/modules/twitch/module.css" rel="stylesheet">
|
|
<script src="js/modules/twitch/module.js"></script>
|
|
|
|
<link href="js/modules/youtube/module.css" rel="stylesheet">
|
|
<script src="js/modules/youtube/module.js"></script>
|
|
|
|
<link href="js/modules/tiktok/module.css" rel="stylesheet">
|
|
<script src="js/modules/tiktok/module.js"></script>
|
|
|
|
<link href="js/modules/kick/module.css" rel="stylesheet">
|
|
<script src="https://js.pusher.com/8.4.0/pusher.min.js"></script>
|
|
<script src="js/modules/kick/module.js"></script>
|
|
|
|
<link href="js/modules/streamelements/module.css" rel="stylesheet">
|
|
<script src="js/modules/streamelements/module.js"></script>
|
|
|
|
<link href="js/modules/streamlabs/module.css" rel="stylesheet">
|
|
<script src="js/modules/streamlabs/module.js"></script>
|
|
|
|
<link href="js/modules/patreon/module.css" rel="stylesheet">
|
|
<script src="js/modules/patreon/module.js"></script>
|
|
|
|
<link href="js/modules/tipeeestream/module.css" rel="stylesheet">
|
|
<script src="js/modules/tipeeestream/module.js"></script>
|
|
|
|
<link href="js/modules/kofi/module.css" rel="stylesheet">
|
|
<script src="js/modules/kofi/module.js"></script>
|
|
|
|
<link href="js/modules/fourthwall/module.css" rel="stylesheet">
|
|
<script src="js/modules/fourthwall/module.js"></script>
|
|
</body>
|
|
</html> |