moving media to gcloud, fix for alternateLineColors, rebrand to WompChat

This commit is contained in:
wompmacho
2020-11-11 16:16:45 -05:00
parent 9963fa96a2
commit f470c61558
45 changed files with 83 additions and 442 deletions

View File

@@ -1,31 +1,17 @@
<!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>
<title>WompChat 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>Womp Options</h1>
</span>
<span class="">
<div class="container">
<img src="../assets/icons/logo128.png" alt="🔴">
<h1>WompChat Options</h1>
<button class="info_button" id="infoButton" >Info</button>
</span>
</div>
<br>
<br>
@@ -56,7 +42,7 @@
</div>
</div>
<div class="hr"></div>
<hr>
<div class="options-table">
<div class="option-row">
@@ -67,8 +53,7 @@
</div>
<div class="hr"></div>
<hr>
<div class="section">
<h2 class="options-heading">Chat Options</h2>
@@ -131,12 +116,10 @@
</div>
</div>
<div class="hr"></div>
<h2 class="options-heading">Font Size</h2>
<span>
</span>
<hr>
<h2 class="options-heading">Font Size</h2>
<span>
<div class="options-table">
@@ -154,11 +137,8 @@
</div>
</span>
<div id="save-status">&nbsp;</div>
<div class="omega"></div>
</div>
<script src="../options.js"></script>
</body>
</html>

View File

@@ -5,106 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Welcome Page</title>
<meta http-equiv="refresh" content="0; URL='https://wompmacho.com/wompchat'" />
</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="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">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/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>
<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="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/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/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/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/assets/gif/clickUserNamesToAtThem.gif" alt="clickUserNamesToAtThem.gif">
<h2>Use At Your Own Risk</h2>
<h1>Enjoy!</h1>
</div>
<body>
<script src="../welcomePage.js"></script>
</body>
</html>