v1.4.2-release/release

app/public/popup.html

@@ -1,11 +1,53 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <style></style>
+    <style>
+      a {
+        display: table;
+        min-width: max-content;
+        text-align: center;
+        width: calc(100%-20px);
+        color: #c0f300;
+        margin: 10px auto;
+        padding: 5px 10px;
+        text-transform: uppercase;
+        letter-spacing: 1.5px;
+        transition: all ease-out 0.3s;
+        cursor: pointer;
+        border-radius: 36px;
+        text-decoration: none;
+      }
+      p {
+        word-break: break-word;
+        max-width: fit-content;
+        border-bottom: 1px solid #888888;
+        padding-bottom: 20px;
+        color: white;
+        text-transform: uppercase;
+        letter-spacing: 1.5px;
+        text-align: center;
+        line-height: 1.5;
+      }
+      a:hover {
+        background-color: #c0f300;
+        color: black;
+      }
+
+      body {
+        min-width: max-content;
+        padding: 5px 10px;
+        background: #424242;
+      }
+    </style>
   </head>
   <body>
-    <a>Show tips</a>
-    <a>Give Feedback</a>
-    <a>Support Watch Party</a>
+    <p>
+      NOTHING TO DO HERE. GO TO A SUPPORTED WEBSITE, AND LOOK FOR WATCH PARTY IN THE BOTTOM RIGHT
+      CORNER OF YOUR SCREEN
+    </p>
+    <a target="_blank" href="https://www.chromewatchparty.com/welcome">HOW TO GET STARTED</a>
+    <a target="_blank" href="https://www.chromewatchparty.com/welcome/#tips">FAQ</a>
+    <a target="_blank" href="mailto:admin@chromewatchparty.com?subject=User Feedback">Feedback</a>
+    <a target="_blank" href="https://paypal.me/Ayushya">Donate</a>
   </body>
 </html>