v.14.1-beta/website redesign
This commit is contained in:
+58
-95
@@ -23,104 +23,67 @@
|
||||
<title>Watch Party</title>
|
||||
</head>
|
||||
<body>
|
||||
<header data-header-visible="false">
|
||||
<brand data-font="serif">WATCH PARTY</brand>
|
||||
<spacer></spacer>
|
||||
<a href="./beta/#request" data-font="sans">GET CHROME EXTENSION</a>
|
||||
<a href="https://www.paypal.me/Ayushya" data-font="sans">SUPPORT WATCH PARTY</a>
|
||||
</header>
|
||||
<section class="landing">
|
||||
<a href="./beta/#request" class="get" data-font="sans">GET CHROME EXTENSION</a>
|
||||
<a href="#" class="brand" data-font="serif">
|
||||
<span>
|
||||
WATCH PARTY
|
||||
</span>
|
||||
</a>
|
||||
</section>
|
||||
<section class="intro">
|
||||
<div class="inner">
|
||||
<img src="./media/intro.gif" />
|
||||
<div class="supports" data-font="sans">Watch your favorites, with your favorite people</div>
|
||||
<div class="supports" data-font="sans">Watch Party Works With</div>
|
||||
<div class="supported" data-font="sans">
|
||||
<div class="netflix"></div>
|
||||
<div class="hulu"></div>
|
||||
<div class="disney"></div>
|
||||
<div class="prime"></div>
|
||||
<div class="youtube"></div>
|
||||
<div class="hbonow"></div>
|
||||
<div class="hbomax"></div>
|
||||
</div>
|
||||
<div class="landing">
|
||||
<div class="logo-circle"></div>
|
||||
<div class="logo-circle"></div>
|
||||
<div class="logo-circle"></div>
|
||||
<h1 data-font="sans-bold" class="logo">WATCH PARTY</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
<p data-font="sans" class="works-title">WORKS WITH</p>
|
||||
<div class="supported">
|
||||
<div class="supported-logo" id="netflix"></div>
|
||||
<div class="supported-logo" id="hulu"></div>
|
||||
<div class="supported-logo" id="disney"></div>
|
||||
<div class="supported-logo" id="prime"></div>
|
||||
<div class="supported-logo" id="youtube"></div>
|
||||
<div class="supported-logo" id="hbonow"></div>
|
||||
<div class="supported-logo" id="hbomax"></div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="features">
|
||||
<div class="inner" data-font="sans">
|
||||
<feature>
|
||||
<img src="./media/hideable.gif" data-color="rgb(100,100,100)" />
|
||||
<div>
|
||||
Hide the chat - focus on the show, while staying synced. Built to not be in your way
|
||||
but, also be there when you need it.
|
||||
</div>
|
||||
</feature>
|
||||
<feature>
|
||||
<img src="./media/voice.gif" data-color="rgb(100,100,100)" />
|
||||
<div>
|
||||
Messages and gifs not doing it? Get on a voice call!
|
||||
</div>
|
||||
</feature>
|
||||
<feature>
|
||||
<img src="./media/noauth.gif" />
|
||||
<div>
|
||||
No signup or login required. Just ready to go.
|
||||
</div>
|
||||
</feature>
|
||||
<feature>
|
||||
<img src="./media/giphy.gif" />
|
||||
<div>
|
||||
When words aren't enough, use a GIF from Giphy
|
||||
</div>
|
||||
</feature>
|
||||
<feature>
|
||||
<img src="./media/timed.gif" />
|
||||
<div>
|
||||
What happens in Watch Party, stays in Watch Party - for 24 hours - then it's gone.
|
||||
</div>
|
||||
</feature>
|
||||
<feature>
|
||||
<img src="./media/beforeorafter.gif" />
|
||||
<div>
|
||||
Start the party before the show, or after the show. Just do what you want.
|
||||
</div>
|
||||
</feature>
|
||||
<feature>
|
||||
<img src="./media/track.jpeg" />
|
||||
<div>
|
||||
Watch Party syncs your video with your party. Know when they pause and play.
|
||||
</div>
|
||||
</feature>
|
||||
<p data-font="sans" class="works-title">FREE. NO SIGNUP. NO BS.</p>
|
||||
<a data-font="sans" href="./beta/" class="link-button">Get Chrome Extension</a>
|
||||
</div>
|
||||
<div class="features">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="phone"></div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Free group voice calls - for when text and GIFs just won't do.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="phone"></div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Free group voice calls - for when text and GIFs just won't do.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="phone"></div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Free group voice calls - for when text and GIFs just won't do.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="phone"></div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Free group voice calls - for when text and GIFs just won't do.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="phone"></div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Free group voice calls - for when text and GIFs just won't do.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer data-font="sans">
|
||||
<div class="inner">
|
||||
<footerline>
|
||||
<div>
|
||||
© Ayushya Amitabh, 2020
|
||||
</div>
|
||||
<spacer></spacer>
|
||||
<div>
|
||||
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> & <a href="https://giphy.com/">Giphy</a>
|
||||
</div>
|
||||
</footerline>
|
||||
<footerline>
|
||||
<a href="./beta/#request" data-font="sans">GET CHROME EXTENSION</a>
|
||||
<spacer></spacer>
|
||||
<a href="https://www.paypal.me/Ayushya" data-font="sans">SUPPORT WATCH PARTY</a>
|
||||
</footerline>
|
||||
</div>
|
||||
<p class="works-title">© AYUSHYA AMITABH, 2020</p>
|
||||
<p class="works-title built-with">
|
||||
BUILT WITH ❤ FOR <a>GOOGLE CHROME</a> USING <a>FIREBASE</a>, <a>MATERIAL-UI</a>,
|
||||
<a>REACT JS</a>, <a>NODE JS</a>, & <a>GIPHY</a>.
|
||||
</p>
|
||||
<a data-font="sans" href="./beta/" class="link-button">Support Watch Party</a>
|
||||
<a data-font="sans" href="./beta/" class="link-button">Get Chrome Extension</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user