adding dev files to master

adding all the dev files, package, webpack etc, including build which will contain minified release
2020-11-01 21:02:00 -05:00
parent f47b10a05e
commit 3d81e92ecb
88 changed files with 7717 additions and 0 deletions
--- a/src/html/welcome.html
+++ b/src/html/welcome.html
@@ -0,0 +1,96 @@
+<!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><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>