Merge pull request #14 from wompmacho/dev

Dev
This commit is contained in:
wompmacho
2020-11-04 19:16:17 -05:00
committed by GitHub
12 changed files with 21 additions and 16 deletions

View File

@@ -3,6 +3,6 @@
</p>
# live-chat
[![Discord](https://img.shields.io/discord/238458588169895937?label=Discord&style=plastic)](https://discord.gg/pVNnTDA) [![BTC](https://img.shields.io/static/v1?label=BTC&style=plastic&message=3QkKHVyT1nZLEeH8f77bUhXorXKPQs5gzN&color=red)](/src/assets/img/btc.JPG)
[![Discord](https://img.shields.io/discord/238458588169895937?label=Discord&style=plastic)](https://discord.gg/pVNnTDA) [![BTC](https://img.shields.io/static/v1?label=BTC&style=plastic&message=3QkKHVyT1nZLEeH8f77bUhXorXKPQs5gzN&color=red)](https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/img/btc.JPG)
A Chrome Extension To Improve YouTube Livestream Chat

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

View File

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

4
package-lock.json generated
View File

@@ -1,6 +1,6 @@
{
"name": "LiveChat",
"version": "1.0.2",
"name": "Womp",
"version": "1.0.3",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

View File

@@ -1,6 +1,6 @@
{
"name": "LiveChat",
"version": "1.0.2",
"name": "Womp",
"version": "1.0.3",
"description": "Enhances the YouTube Live Streaming experience with Emotes, Custom Styling and quality of life improvements.",
"scripts": {
"start": "webpack --progress --watch",

View File

@@ -21,7 +21,7 @@
<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>
<h1>Womp Options</h1>
</span>
<span class="">
<button class="info_button" id="infoButton" >Info</button>

View File

@@ -18,20 +18,25 @@
<div class="container">
<div class="logo">
<img src="https://cdn.jsdelivr.net/gh/wompmacho/womp/cdn/assets/icons/icon512.png" alt="Live Chat Logo">
<img src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/icons/icon512.png" alt="womp 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>
<p class="heading-note">Were changing our name!</p>
<p class="heading-note">Aparently LIVE CHAT was a bad idea. Now We Are WOMP
</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">
<a href="https://cdn.jsdelivr.net/gh/wompmacho/womp/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>
<a href="https://github.com/wompmacho/womp">
<img alt="GitHub Release Date" src="https://img.shields.io/github/release-date/wompmacho/womp?label=Latest&style=plastic">
</a>
</div>
<hr>
@@ -74,26 +79,26 @@
<p>
Don't forget to pin this extension for easy access.
</p>
<img src="https://cdn.jsdelivr.net/gh/wompmacho/womp/cdn/assets/gif/pinYourExtension.gif" alt="pinYourExtension.gif">
<img src="https://cdn.jsdelivr.net/gh/wompmacho/womp/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="https://cdn.jsdelivr.net/gh/wompmacho/womp/cdn/assets/gif/emotesMenu.gif" alt="emotesMenu.gif">
<img src="https://cdn.jsdelivr.net/gh/wompmacho/womp/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="https://cdn.jsdelivr.net/gh/wompmacho/womp/cdn/assets/gif/theaterMode.gif" alt="theaterMode.gif">
<img style="height: 540px; width: 960px;" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/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="https://cdn.jsdelivr.net/gh/wompmacho/womp/cdn/assets/gif/optionsMenu.gif" alt="optionsMenu.gif">
<img src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/optionsMenu.gif" alt="optionsMenu.gif">
<p>
Can Also Click on UserNames To Autofill an @ Notification
</p>
<img src="https://cdn.jsdelivr.net/gh/wompmacho/womp/cdn/assets/gif/clickUserNamesToAtThem.gif" alt="clickUserNamesToAtThem.gif">
<img src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/clickUserNamesToAtThem.gif" alt="clickUserNamesToAtThem.gif">
<h2>Use At Your Own Risk</h2>

View File

@@ -1,8 +1,8 @@
{
"manifest_version": 2,
"name": "🔴 LIVE CHAT",
"version": "1.0.2",
"name": "Womp",
"version": "1.0.3",
"description": "Enhances the YouTube Live Streaming experience with Emotes, Custom Styling and quality of life improvements.",
"icons": {
"48": "assets/icons/icon48.png",