105 lines
3.7 KiB
HTML
105 lines
3.7 KiB
HTML
<!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>
|
|
|
|
<div class="shields">
|
|
<a href="https://discord.gg/pVNnTDA">
|
|
<img src="https://img.shields.io/discord/238458588169895937?label=Discord&style=plastic" alt="discord shield.io">
|
|
</a>
|
|
<a href="https://cdn.jsdelivr.net/gh/wompmacho/live-chat/src/assets/img/btc.JPG">
|
|
<img src="https://img.shields.io/static/v1?label=BTC&style=plastic&message=3QkKHVyT1nZLEeH8f77bUhXorXKPQs5gzN&color=red" alt="BTC shield.io">
|
|
</a>
|
|
</div>
|
|
|
|
<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><s>Theater Mode Fix for that quality Stream and Chat time</s></li>
|
|
<li>Moderation Options</li>
|
|
<li>User Profile Info</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="emotesMenu.gif">
|
|
<p>
|
|
Enhanced Theater Mode Is Now Available. Just click the check in the option panel and refresh your page.
|
|
</p>
|
|
<img style="height: 540px; width: 960px;" src="../assets/gif/theaterMode.gif" alt="theaterMode.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="optionsMenu.gif">
|
|
<p>
|
|
Can Also Click on UserNames To Autofill an @ Notification
|
|
</p>
|
|
<img src="../assets/gif/clickUserNamesToAtThem.gif" alt="clickUserNamesToAtThem.gif">
|
|
|
|
<h2>Use At Your Own Risk</h2>
|
|
|
|
<h1>Enjoy!</h1>
|
|
</div>
|
|
|
|
<script src="../welcomePage.js"></script>
|
|
</body>
|
|
</html> |