watchparty/website/welcome/index.html

<!DOCTYPE html>
<!-----------------------------------------------------------------------
Copyright (C) Ayushya Amitabh - All Rights Reserved
Unauthorized copying of this file, via any medium is strictly prohibited
Proprietary and confidential
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020 
=========================================================================
ALL CONTENT ON THIS WEBSITE, UNLESS OTHERWISE CITED ARE THE SOLE
INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE COPIED, EDITED,
OR REPRODUCED WITHOUT PERMISSION.

Netflix logo is a trademark and intellectual property of Netflix, Inc.
Disney+ logo is a trademark and intellectual property of The Walt Disney Company
Prime logo is a trademark and intellectual property of Amazon.com, Inc.
YouTube logo is a trademark and intellectual property of Google, Inc.
Hulu logo is a trademark and intellectual property of Hulu, LLC.
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,LLC.
------------------------------------------------------------------------->
<html>
  <head>
    <link rel="apple-touch-icon" sizes="57x57" href="../icons/apple-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="../icons/apple-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="../icons/apple-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="../icons/apple-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="../icons/apple-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="../icons/apple-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="../icons/apple-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="../icons/apple-icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-icon-180x180.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="../icons/android-icon-192x192.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="../icons/favicon-96x96.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png" />
    <link rel="icon" href="../icons/favicon.ico" />
    <link rel="manifest" href="../manifest.json" />
    <meta name="msapplication-TileImage" content="../icons/ms-icon-144x144.png" />
    <link rel="stylesheet" type="text/css" href="../font.css" />
    <link rel="stylesheet" type="text/css" href="../styles/index.css" />
    <script src="../scripts/Stickied.js"></script>
    <title>Watch Party</title>
  </head>
  <body class="welcome">
    <div class="landing">
      <div class="logo-circle"></div>
      <div class="logo-circle"></div>
      <div class="logo-circle"></div>
      <h1 data-font="serif" class="logo">WATCH PARTY</h1>
      <h5 data-font="sans" class="logo-tag">
        WELCOME TO WATCH PARTY
      </h5>
      <p data-font="sans-bold" class="title subtitle">Watch Party lives in the bottom right corner of your screen. <br /> It's there when you need it and hidden when you don't.</p>
      <video src="../media/features/Tutorial.mp4" autoplay muted loop> </video>
      <p data-font="sans-bold" class="title subtitle">
        WATCH TOGETHER ON
      </p>
      <div class="supported">
        <a href="https://www.netflix.com"><div class="supported-logo" id="netflix"></div></a>
        <a href="https://www.hulu.com"><div class="supported-logo" id="hulu"></div>
        <a href="https://www.disneyplus.com"><div class="supported-logo" id="disney"></div>
        <a href="https://www.amazon.com/gp/video/storefront"><div class="supported-logo" id="prime"></div></a>
        <a href="https://www.youtube.com"><div class="supported-logo" id="youtube"></div></a>
        <a href="https://play.hbonow.com"><div class="supported-logo" id="hbonow"></div></a>
        <a href="https://play.hbomax.com"><div class="supported-logo" id="hbomax"></div></a>
      </div>
    </div>
    <div id="tips" class="landing">
      <p data-font="sans-bold" class="title">
       TIPS & FAQ
      </p>
      <div class="tip">
        <h6 data-font="sans">
          CAN I USE THE SAME PARTY, ON A DIFFERENT SITE
        </h6>
        <p data-font="sans-bold">
          If you started the party, you can simply join the party from a different place to change the party location.
        </p>
      </div>
      <div class="tip">
        <h6 data-font="sans">
          I CAN'T START A CALL
        </h6>
        <p data-font="sans-bold">
          A group call can only be started by the person who started the party - after that the rest of the party can join.
        </p>
      </div>
      <div class="tip">
        <h6 data-font="sans">
          CHAT NOTIFICATIONS ARE ANNOYING
        </h6>
        <p data-font="sans-bold">
          You can turn off the chat notifications from the title card in the sidebar. Click on the title card to see the setting.
        </p>
      </div>
      <div class="tip">
        <h6 data-font="sans">
          HOW DO I SEARCH FOR GIFs
        </h6>
        <p data-font="sans-bold">
          Click on the GIF button next to the message input box, start searching! Scroll to the right to load more results.
        </p>
      </div>
      <div class="tip">
        <h6 data-font="sans">
          CAN I DELETE PARTY DATA MANUALLY
        </h6>
        <p data-font="sans-bold">
          Click on the title card in the sidebar, and click on the End Party button. Ending a party immediately deletes all data.
        </p>
      </div>
      <div class="tip">
        <h6 data-font="sans">
          CAN I DISABLE WATCH PARTY TEMPORARILY
        </h6>
        <p data-font="sans-bold">
          Watch Party is built to not be in your way but, it can be manually disabled by going to the Chrome Extensions page (chrome://extensions).</a>
        </p>
      </div>
      <a data-font="sans-bold" href="mailto:admin@chromewatchparty.com?subject=New FAQ Question" class="link-button">
        Ask A New Question
      </a>
    </div>
    <footer data-font="sans">
      <p class="title built-with">
        <a href="./copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
      </p>
      <p class="title built-with">
        BUILT WITH &#x1F49A; 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>, &
        <a href="https://giphy.com/">GIPHY</a>.
      </p>
      <a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button">
        Support Watch Party
      </a>
      <a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
        >Get Chrome Extension
      </a>
      <a data-font="sans-bold" href="mailto:admin@chromewatchparty.com?subject=User Feedback" class="link-button">
        Give Feedback
      </a>
    </footer>
  </body>
</html>