mirror of
https://github.com/nuttylmao/nutty.gg.git
synced 2026-09-19 04:00:59 -04:00
92 lines
2.5 KiB
HTML
92 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<title>nutty | Multichat Overlay</title>
|
|
<meta charset="UTF-8">
|
|
<link rel="shortcut icon" href="#" />
|
|
<link rel="stylesheet" href="./style.css" />
|
|
<script type="text/javascript" src="https://unpkg.com/@streamerbot/client/dist/streamerbot-client.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="statusContainer">Connecting...</div>
|
|
<div id="mainContainer" class="slide-fade">
|
|
<ul id="messageList">
|
|
</ul>
|
|
<ul id="IPutThisHereSoICanCalculateHowBigEachMessageIsSupposedToBeBeforeIAddItToTheMessageList">
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<template id="messageTemplate">
|
|
<div id="messageContainer">
|
|
<label>
|
|
<div id="firstMessage">
|
|
<span>✨ First Time Chat</span>
|
|
<span> from viewer</span>
|
|
</div>
|
|
<div id="sharedChat">
|
|
<span id="sharedChatChannel"></span>
|
|
</div>
|
|
<label id="userInfo">
|
|
<span id="avatar"></span>
|
|
<span id="timestamp"></span>
|
|
<span id="platform"></span>
|
|
<span id="badgeList"></span>
|
|
<span id="pronouns"></span>
|
|
<span id="username"></span>
|
|
<span id="colon-separator" style="display: none;">: </span>
|
|
<br id="line-space">
|
|
</label>
|
|
<div id="reply">
|
|
<span>➥ Replying to <span id="replyUser"></span>: <span id="replyMsg"></span></span>
|
|
</div>
|
|
<span id="message"></span>
|
|
</label>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="cardTemplate">
|
|
<div id="card">
|
|
<label id="header">
|
|
<span id="avatar"></span>
|
|
<span id="icon"></span>
|
|
<span id="title"></span>
|
|
<br id="line-space">
|
|
</label>
|
|
<span id="content"></span>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="stickerTemplate">
|
|
<div id="sticker">
|
|
<div id="youtubeSuperSticker">
|
|
<div style="width: 100%; text-align: center;">
|
|
<img id="stickerImg">
|
|
</div>
|
|
<div id="stickerLabel"></div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="tiktok-gift-template">
|
|
<div class="tiktok-gift">
|
|
<img class="tiktok-gift-avatar" src="https://static-cdn.jtvnw.net/jtv_user_pictures/f632e0c6-38e2-4065-a29e-6ba9b3e8cacf-profile_image-300x300.png"/>
|
|
<div class="tiktok-gift-message">
|
|
<span id="tiktok-gift-username" style="font-size: 0.9em;">
|
|
</span>
|
|
<br/>
|
|
<span style="font-size: 0.7em;">
|
|
sent <span id="tiktok-gift-name"></span>
|
|
</span>
|
|
</div>
|
|
<img class="tiktok-gift-sticker" src="https://p19-webcast.tiktokcdn.com/img/maliva/webcast-va/3851a489dea62b3a9fe99f61de5470ae~tplv-obj.png"/>
|
|
<div id="tiktok-gift-repeat-count">
|
|
x13
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</body>
|
|
|
|
<script src="./script.js"></script> |