|
Before Width: | Height: | Size: 281 KiB |
|
Before Width: | Height: | Size: 2.6 MiB |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 6.1 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 607 KiB |
|
Before Width: | Height: | Size: 608 KiB |
|
Before Width: | Height: | Size: 533 KiB |
@@ -1,165 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
font-family: sans-serif;
|
|
||||||
padding: 10px;
|
|
||||||
width: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hideDiv {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Options</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<span style="display:inline-block;vertical-align: middle; margin-right: 2%;">
|
|
||||||
<img src="../assets/icons/icon128.png" alt="🔴" style="height: 2.5em;">
|
|
||||||
</span>
|
|
||||||
<span style="display:inline-block;vertical-align: middle;">
|
|
||||||
<h1>Live Chat Options</h1>
|
|
||||||
</span>
|
|
||||||
<span class="">
|
|
||||||
<button class="info_button" id="infoButton" >Info</button>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<div id="optionsMenu" class="tabcontent active">
|
|
||||||
<div class="section">
|
|
||||||
<h2 class="options-heading">Emote Options</h2>
|
|
||||||
<div class="options-description"></div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="enableBTTVEmotes">Enable BTTV - Top, Trending and Global Emotes (200+)</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="enableBTTVEmotes" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="enableFrankerEmotes">Enable FrankerFacez - Top 100 emotes</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="enableFrankerEmotes" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="enableTwitchEmotes">Enable Twitch - Global emotes</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="enableTwitchEmotes" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hr"></div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="kappaFix">Kappa Fix</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="kappaFix" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="hr"></div>
|
|
||||||
|
|
||||||
<div class="section">
|
|
||||||
<h2 class="options-heading">Chat Options</h2>
|
|
||||||
<div class="options-description"></div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="setLiveChat">Make LIVE CHAT Default</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="setLiveChat" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="theaterModeFix">Improved Theater Mode</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="theaterModeFix" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="setTwitchColors">Twitch Styling</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="setTwitchColors" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="hideAuthorIcons">Hide Author Icons</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="hideAuthorIcons" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="showTimeStamp">Show TimeStamp</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="showTimeStamp" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="hideWelcomBanner">Hide Welcome Banner</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="hideWelcomBanner" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="alternateLineColor">Alternate Line Colors</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="alternateLineColor" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="option-cell"><label for="setAuthorColor">Colorful User Names</label></div>
|
|
||||||
<div class="option-cell"><input disabled type="checkbox" id="setAuthorColor" class="option-input"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hr"></div>
|
|
||||||
<h2 class="options-heading">Font Size</h2>
|
|
||||||
<span>
|
|
||||||
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span>
|
|
||||||
<div class="options-table">
|
|
||||||
<div class="option-row">
|
|
||||||
<div class="slidecontainer">
|
|
||||||
<input disabled type="range" min="1" max="50" value="13" class="slider option-input" id="textSizeSlider">
|
|
||||||
</div>
|
|
||||||
<div class="option-cell">
|
|
||||||
<label for="allowTextSlider"></label>
|
|
||||||
</div>
|
|
||||||
<div class="option-cell">
|
|
||||||
<input disabled type="checkbox" id="allowTextSlider" class="option-input">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</span>
|
|
||||||
<div id="save-status"> </div>
|
|
||||||
|
|
||||||
<div class="omega"></div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="../options.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
@@ -1,92 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
||||||
<title>Welcome Page</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div class="success-overlay">
|
|
||||||
|
|
||||||
<div class="icon-container">
|
|
||||||
<i class="material-icons">done</i>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="logo">
|
|
||||||
<img src="../assets/icons/icon512.png" alt="Live Chat Logo">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1><span class="fw-light">Welcome to the </span><span class="fw-bold">Chat</span></h1>
|
|
||||||
|
|
||||||
<p class="heading-note">This is still very beta</p>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<div class="links_div">
|
|
||||||
<a class="links_bottom" href="https://discord.gg/pVNnTDA" title="Join our Discord Community">Join our Discord Community</a>
|
|
||||||
<a class="links_bottom" href="https://streamelements.com/wompmacho-5882/tip" title="Donations">Donations</a>
|
|
||||||
<a class="links_bottom" href="https://www.youtube.com/wompmacho" title="Youtube">Youtube</a>
|
|
||||||
<a class="links_bottom" href="mailto:wompmacho@gmail.com">Contact Me</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<h2>
|
|
||||||
Soon to come:
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Specific channel Emotes</li>
|
|
||||||
<li>Search for Emote Panel</li>
|
|
||||||
<li>Autocomplete for emote Selection</li>
|
|
||||||
<li>Theater Mode Fix for that quality Stream and Chat time</li>
|
|
||||||
<li>Moderation Options Popup</li>
|
|
||||||
<li>User Profile Info Popup</li>
|
|
||||||
<li>Other Styling Options</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<h2>How To:</h2>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
There is still a lot of stuff I am working on. This is very Beta at the moment so
|
|
||||||
</p>
|
|
||||||
<h2>Use At Your Own Risk</h2>
|
|
||||||
<p>
|
|
||||||
This is a Chrome Extension for Youtube Live Streams, adding some Quality of Life improvements for the Chat.
|
|
||||||
Adds Top, Trending and Global (500ish) Emotes from popular sites. These Update with what is Trending.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Don't forget to pin this extension for easy access.
|
|
||||||
</p>
|
|
||||||
<img src="../assets/gif/pinYourExtension.gif" alt="pinYourExtension.gif">
|
|
||||||
<p>
|
|
||||||
Youtube Live is slow to load its pages currently.
|
|
||||||
Give the extension a moment while the page's iframes are loading.
|
|
||||||
Once you see the Emote Panel Icon you can open the Emote Selection Panel.
|
|
||||||
</p>
|
|
||||||
<img src="../assets/gif/emotesMenu.gif" alt="pinYourExtension.gif">
|
|
||||||
<p>
|
|
||||||
Over around 500 Top and Trending Emotes are loaded from popular sites.
|
|
||||||
You can Enable/Disable them in the Options Menu.
|
|
||||||
</p>
|
|
||||||
<img src="../assets/gif/optionsMenu.gif" alt="pinYourExtension.gif">
|
|
||||||
<p>
|
|
||||||
Can Also Click on UserNames To Autofill an @ Notification
|
|
||||||
</p>
|
|
||||||
<img src="../assets/gif/clickUserNamesToAtThem.gif" alt="pinYourExtension.gif">
|
|
||||||
|
|
||||||
<h2>Use At Your Own Risk</h2>
|
|
||||||
|
|
||||||
<h1>Enjoy!</h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="../welcomePage.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||