v1.1.0-beta/prep for beta, + gifs, semi final

2020-05-11 23:19:41 -04:00
parent fce6e53e1a
commit 4dab2807dd
8 changed files with 193 additions and 12 deletions
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png" />
+    <link rel="apple-touch-icon" sizes="60x60" href="apple-icon-60x60.png" />
+    <link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png" />
+    <link rel="apple-touch-icon" sizes="76x76" href="apple-icon-76x76.png" />
+    <link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png" />
+    <link rel="apple-touch-icon" sizes="120x120" href="apple-icon-120x120.png" />
+    <link rel="apple-touch-icon" sizes="144x144" href="apple-icon-144x144.png" />
+    <link rel="apple-touch-icon" sizes="152x152" href="apple-icon-152x152.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-icon-180x180.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="android-icon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
+    <link rel="manifest" href="manifest.json" />
+    <meta name="msapplication-TileImage" content="ms-icon-144x144.png" />
+    <link rel="stylesheet" type="text/css" href="font.css" />
+    <link rel="stylesheet" type="text/css" href="style.css" />
+    <title>Watch Party | Beta</title>
+  </head>
+  <body>
+    <script>
+      window.onload = function () {
+        let originalTitlePosition = null;
+        window.addEventListener('scroll', function (ev) {
+          const title = document.getElementsByClassName('title')[0];
+          const support = document.getElementsByClassName('support')[0];
+
+          if (originalTitlePosition === null) originalTitlePosition = title.offsetTop;
+          if (window.scrollY > originalTitlePosition) {
+            support.classList.add('stickied');
+            title.classList.add('stickied');
+          } else {
+            support.classList.remove('stickied');
+            title.classList.remove('stickied');
+          }
+        });
+      };
+    </script>
+    <section>
+      <div class="page">
+        <a class="cta-container" href="#request" target="_self">
+          <mark class="cta">
+            Request Beta Access Below
+          </mark>
+        </a>
+        <a href="./index.html" target="_self" class="title">
+          <span>
+            WATCH PARTY
+          </span>
+        </a>
+        <a class="cta-container support" href="https://www.paypal.me/Ayushya">
+          <mark class="cta">
+            Support Watch Party
+          </mark>
+        </a>
+      </div>
+    </section>
+    <section id="request" data-page="2">
+      <div class="page">
+        <script
+          src="http://googleformrestyler.apixml.net/GoogleFormStyler.js"
+          form="https://docs.google.com/forms/d/e/1FAIpQLSfhGxX7rJ4gNEYuQsx_wgg0GJqJq9XRWlgbpMZCrK14iPyuZA/viewform?embedded=true"
+        ></script>
+
+        <mark>Powered by Google Forms</mark>
+      </div>
+    </section>
+    <footer>
+      <div>
+        <span class="full">© Ayushya Amitabh, 2020</span>
+        <span
+          >Built with ❤️ for <a href="https://www.google.com/chrome/">Google Chrome</a> using
+          <a href="https://firebase.google.com/">Firebase</a>,
+          <a href="https://material-ui.com/">Material-UI</a>,
+          <a href="https://reactjs.org/">React JS </a>&
+          <a href="https://nodejs.org/en/">Node.js</a>.</span
+        >
+      </div>
+      <div>
+        <span class="full">
+          <a>
+            <mark>Get Chrome Extension</mark>
+          </a>
+        </span>
+        <span>
+          Help keep Watch Party free -
+          <a>
+            <mark>Support Watch Party</mark>
+          </a>
+        </span>
+      </div>
+    </footer>
+  </body>
+</html>