diff --git a/website/404.html b/website/404.html index 124a5eb..65658e0 100644 --- a/website/404.html +++ b/website/404.html @@ -1,4 +1,10 @@ + diff --git a/website/beta.html b/website/beta.html index 7038e09..7723dee 100644 --- a/website/beta.html +++ b/website/beta.html @@ -1,7 +1,13 @@ + - + Watch Party | Beta diff --git a/website/beta/index.html b/website/beta/index.html index f0f85c8..4c09316 100644 --- a/website/beta/index.html +++ b/website/beta/index.html @@ -1,71 +1,16 @@ + - - - - - - - - - - - - - - - - - - - - Watch Party + + Watch Party | Beta -
- WATCH PARTY - - GET CHROME EXTENSION - SUPPORT WATCH PARTY -
-
- GET CHROME EXTENSION - - - WATCH PARTY - - -
-
- -
- + Redirecting... diff --git a/website/copyright/index.html b/website/copyright/index.html new file mode 100644 index 0000000..e5ef7e6 --- /dev/null +++ b/website/copyright/index.html @@ -0,0 +1,93 @@ + + + + + + + + + + + + + + + + + + + + + + + + Watch Party + + +
+
+
+
+

WATCH PARTY | COPYRIGHT

+
+ Copyright © 2020 Ayushya Amitabh. All Rights Reserved. +
+

+ Unauthorized copying of this website and Watch Party's Chrome Extension app, via any medium + is strictly prohibited. Written by Ayushya Amitabh + (admin@chromewatchparty.com) +
+

+

+ ALL CONTENT ON THIS WEBSITE AND IN WATCH PARTY'S CHROME EXTENSION APP, 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. +
+
+

+
+ + + diff --git a/website/font.css b/website/font.css index a858dfd..d876bef 100644 --- a/website/font.css +++ b/website/font.css @@ -1,3 +1,10 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ + @font-face { font-family: 'PixelSplitter'; src: url('./fonts/pixelsplitter-bold-webfont.woff2') format('woff2'), diff --git a/website/index.html b/website/index.html index b59f4bc..d5fad74 100644 --- a/website/index.html +++ b/website/index.html @@ -1,4 +1,21 @@ + @@ -41,14 +58,16 @@ - Get Chrome Extension + Get Chrome Extension

FEATURES

- Free group voice calls - for when text and GIFs just won't do. + Watch Party syncs play, pause and timestamp.

@@ -60,36 +79,51 @@

- Free group voice calls - for when text and GIFs just won't do. + Unlimited gifs from Giphy in chat.

- Free group voice calls - for when text and GIFs just won't do. + What happens in Watch Party, stays in Watch Party - for 24 hours, then it's all gone. +

+
+
+
+

+ There when you need it, hideable when you want to focus on the show.

- Free group voice calls - for when text and GIFs just won't do. + No party crashers. Custom party names secured with custom pins.

- Free group voice calls - for when text and GIFs just won't do. + No sign up, no login, no data taken from you.

diff --git a/website/manifest.json b/website/manifest.json index e9ac8a1..89856ef 100644 --- a/website/manifest.json +++ b/website/manifest.json @@ -1,3 +1,9 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ { "name": "Watch Party", "short_name": "WP", diff --git a/website/media/Dark.png b/website/media/Dark.png deleted file mode 100644 index 099c516..0000000 Binary files a/website/media/Dark.png and /dev/null differ diff --git a/website/media/Light.png b/website/media/Light.png deleted file mode 100644 index a2eac2d..0000000 Binary files a/website/media/Light.png and /dev/null differ diff --git a/website/media/MobileDark.png b/website/media/MobileDark.png deleted file mode 100644 index f0c1456..0000000 Binary files a/website/media/MobileDark.png and /dev/null differ diff --git a/website/media/MobileLight.png b/website/media/MobileLight.png deleted file mode 100644 index 3e86fb5..0000000 Binary files a/website/media/MobileLight.png and /dev/null differ diff --git a/website/media/beforeorafter.gif b/website/media/beforeorafter.gif deleted file mode 100644 index 13681dc..0000000 Binary files a/website/media/beforeorafter.gif and /dev/null differ diff --git a/website/media/Chat.gif b/website/media/features/Chat.gif similarity index 100% rename from website/media/Chat.gif rename to website/media/features/Chat.gif diff --git a/website/media/Custom.gif b/website/media/features/Custom.gif similarity index 100% rename from website/media/Custom.gif rename to website/media/features/Custom.gif diff --git a/website/media/Delete.gif b/website/media/features/Delete.gif similarity index 100% rename from website/media/Delete.gif rename to website/media/features/Delete.gif diff --git a/website/media/hideable.gif b/website/media/features/Hideable.gif similarity index 100% rename from website/media/hideable.gif rename to website/media/features/Hideable.gif diff --git a/website/media/Phone.gif b/website/media/features/Phone.gif similarity index 100% rename from website/media/Phone.gif rename to website/media/features/Phone.gif diff --git a/website/media/Signup.gif b/website/media/features/Signup.gif similarity index 100% rename from website/media/Signup.gif rename to website/media/features/Signup.gif diff --git a/website/media/Sync.gif b/website/media/features/Sync.gif similarity index 100% rename from website/media/Sync.gif rename to website/media/features/Sync.gif diff --git a/website/media/giphy.gif b/website/media/giphy.gif deleted file mode 100644 index 53da113..0000000 Binary files a/website/media/giphy.gif and /dev/null differ diff --git a/website/media/hideableold.gif b/website/media/hideableold.gif deleted file mode 100644 index e7b702d..0000000 Binary files a/website/media/hideableold.gif and /dev/null differ diff --git a/website/media/intro.gif b/website/media/intro.gif deleted file mode 100644 index a0d27a4..0000000 Binary files a/website/media/intro.gif and /dev/null differ diff --git a/website/media/Disney.png b/website/media/logos/Disney.png similarity index 100% rename from website/media/Disney.png rename to website/media/logos/Disney.png diff --git a/website/media/DisneyColor.png b/website/media/logos/DisneyColor.png similarity index 100% rename from website/media/DisneyColor.png rename to website/media/logos/DisneyColor.png diff --git a/website/media/HBOMax.png b/website/media/logos/HBOMax.png similarity index 100% rename from website/media/HBOMax.png rename to website/media/logos/HBOMax.png diff --git a/website/media/HBOMaxWhite.png b/website/media/logos/HBOMaxWhite.png similarity index 100% rename from website/media/HBOMaxWhite.png rename to website/media/logos/HBOMaxWhite.png diff --git a/website/media/HBONow.png b/website/media/logos/HBONow.png similarity index 100% rename from website/media/HBONow.png rename to website/media/logos/HBONow.png diff --git a/website/media/HBONowBlack.png b/website/media/logos/HBONowBlack.png similarity index 100% rename from website/media/HBONowBlack.png rename to website/media/logos/HBONowBlack.png diff --git a/website/media/HBONowWhite.png b/website/media/logos/HBONowWhite.png similarity index 100% rename from website/media/HBONowWhite.png rename to website/media/logos/HBONowWhite.png diff --git a/website/media/Hulu.png b/website/media/logos/Hulu.png similarity index 100% rename from website/media/Hulu.png rename to website/media/logos/Hulu.png diff --git a/website/media/Netflix.png b/website/media/logos/Netflix.png similarity index 100% rename from website/media/Netflix.png rename to website/media/logos/Netflix.png diff --git a/website/media/Prime.png b/website/media/logos/Prime.png similarity index 100% rename from website/media/Prime.png rename to website/media/logos/Prime.png diff --git a/website/media/PrimeColor.png b/website/media/logos/PrimeColor.png similarity index 100% rename from website/media/PrimeColor.png rename to website/media/logos/PrimeColor.png diff --git a/website/media/Youtube.png b/website/media/logos/Youtube.png similarity index 100% rename from website/media/Youtube.png rename to website/media/logos/Youtube.png diff --git a/website/media/YoutubeColor.png b/website/media/logos/YoutubeColor.png similarity index 100% rename from website/media/YoutubeColor.png rename to website/media/logos/YoutubeColor.png diff --git a/website/media/noauth.gif b/website/media/noauth.gif deleted file mode 100644 index 0b8b7f6..0000000 Binary files a/website/media/noauth.gif and /dev/null differ diff --git a/website/media/placeholder.jpg b/website/media/placeholder.jpg deleted file mode 100644 index 2cba951..0000000 Binary files a/website/media/placeholder.jpg and /dev/null differ diff --git a/website/media/static.gif b/website/media/static.gif deleted file mode 100644 index 2a1626c..0000000 Binary files a/website/media/static.gif and /dev/null differ diff --git a/website/media/timed.gif b/website/media/timed.gif deleted file mode 100644 index b31da89..0000000 Binary files a/website/media/timed.gif and /dev/null differ diff --git a/website/media/track.jpeg b/website/media/track.jpeg deleted file mode 100644 index c0192ae..0000000 Binary files a/website/media/track.jpeg and /dev/null differ diff --git a/website/media/voice.gif b/website/media/voice.gif deleted file mode 100644 index 24e14bb..0000000 Binary files a/website/media/voice.gif and /dev/null differ diff --git a/website/scripts/GoogleFormStyler.js b/website/scripts/GoogleFormStyler.js deleted file mode 100644 index eb88ab7..0000000 --- a/website/scripts/GoogleFormStyler.js +++ /dev/null @@ -1,22 +0,0 @@ -(function (XHR) { - var open = XHR.prototype.open; - XHR.prototype.open = function (method, url, async, user, pass) { - this._url = url; - if (url.indexOf('gstatic.com') !== -1 || url.indexOf('docs.google.com') !== -1) { - url = 'https://googleformrestyler.apixml.net/corsProxy.aspx?base64Url=' + btoa(url); - } - open.call(this, method, url, async, user, pass); - }; -})(XMLHttpRequest); -(function () { - var script = - document.currentScript || - /*Polyfill*/ Array.prototype.slice.call(document.getElementsByTagName('script')).pop(); - var URL = script.getAttribute('form'); - var xhr = new XMLHttpRequest(); - xhr.open('GET', URL); - xhr.onload = function () { - document.write(xhr.response); - }; - xhr.send(); -})(); diff --git a/website/scripts/Stickied.js b/website/scripts/Stickied.js index 604ed2d..209e526 100644 --- a/website/scripts/Stickied.js +++ b/website/scripts/Stickied.js @@ -1,3 +1,10 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ + var LOGO_INIT = 0; var GET_INIT = 0; function handleSticky() { @@ -8,14 +15,18 @@ function handleSticky() { } else { logo.classList.remove('stickied'); } - if (window.scrollY >= GET_INIT + get.offsetHeight * 1.5) { - get.classList.add('stickied'); - } else { - get.classList.remove('stickied'); + if (get) { + if (window.scrollY >= GET_INIT + get.offsetHeight * 1.5) { + get.classList.add('stickied'); + } else { + get.classList.remove('stickied'); + } } } window.onload = function () { LOGO_INIT = document.querySelector('.logo').offsetTop; - GET_INIT = document.querySelector('.landing .link-button').offsetTop; + GET_INIT = document.querySelector('.landing .link-button') + ? document.querySelector('.landing .link-button').offsetTop + : 0; window.addEventListener('scroll', this.handleSticky); }; diff --git a/website/styles/extralarge.css b/website/styles/extralarge.css index 3e224e2..fc8d983 100644 --- a/website/styles/extralarge.css +++ b/website/styles/extralarge.css @@ -1,7 +1,14 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ + html { - font-size: 11.5px !important; + font-size: 7px !important; } body { - font-size: 11.5px !important; + font-size: 7px !important; } diff --git a/website/styles/extrasmall.css b/website/styles/extrasmall.css index 2c9ed49..eb22430 100644 --- a/website/styles/extrasmall.css +++ b/website/styles/extrasmall.css @@ -1,3 +1,10 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ + @keyframes circleFloat { 0% { top: -12.5rem; @@ -149,12 +156,12 @@ footer .title { width: 100%; } -.built-with { - line-height: 4rem; -} - .built-with a { color: var(--cta); + text-decoration: none; + border-bottom: 1px solid var(--cta); + padding-bottom: 0.5rem; + white-space: nowrap; } footer .link-button { @@ -163,3 +170,20 @@ footer .link-button { width: calc(100% - 15rem); text-align: center; } + +.copyright .landing { + flex: 1; + text-transform: uppercase; +} + +.copyright .logo { + line-height: 1.5; +} + +.copyright .logo a { + color: var(--cta); + text-decoration: none; + padding-bottom: 0.5rem; + line-height: 125%; + border-bottom: 1px solid; +} diff --git a/website/styles/index.css b/website/styles/index.css index 8a156d0..ca84e7d 100644 --- a/website/styles/index.css +++ b/website/styles/index.css @@ -1,3 +1,10 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ + @import './variables.css'; @import './variables-dark.css' screen and (prefers-color-scheme: dark); diff --git a/website/styles/large.css b/website/styles/large.css index 81b348a..7e1a90e 100644 --- a/website/styles/large.css +++ b/website/styles/large.css @@ -1,3 +1,10 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ + .features, .supported { max-width: none; diff --git a/website/styles/medium.css b/website/styles/medium.css index 4525b53..2bf5c55 100644 --- a/website/styles/medium.css +++ b/website/styles/medium.css @@ -1,22 +1,50 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ + html { - font-size: 7.5px !important; + font-size: 6.5px !important; } body { - font-size: 7.5px !important; + font-size: 6.5px !important; + display: flex; + min-height: 100vh; + flex-direction: column; } .features, .supported { max-width: 75%; + flex: 1; } .link-button { transition: all ease-in-out 0.2s !important; - border: 3px solid transparent; + border: 1px solid var(--cta); + background: none; + color: var(--cta); + position: relative; +} +.link-button::before { + content: ''; + height: 100%; + top: 0; + width: 0; + position: absolute; + border-radius: 7rem; + left: 0; + background: var(--cta); + transition: all ease-in-out 0.3s; } - .link-button:hover { - border: 3px solid var(--primary-text); - box-shadow: 0 0 10px var(--primary-text); + color: var(--primary); + z-index: 10; +} +.link-button:hover::before { + width: 100%; + z-index: -1; } .logo { font-size: 10rem; @@ -43,6 +71,9 @@ body { border: none !important; box-shadow: none !important; } +.landing .link-button.stickied::before { + border-radius: 0; +} .feature-card { background-color: var(--primary-medium); z-index: 1; @@ -91,13 +122,11 @@ body { } .feature-card:hover .feature-icon { position: relative; - top: unset; + top: -35%; left: unset; + transform: scale(3); margin-bottom: 3rem; } -footer { - padding-right: 45%; -} footer .title { font-size: 2rem; } @@ -111,3 +140,31 @@ footer .link-button { padding: 0.8rem 3.375rem; font-size: 2.5rem; } + +.copyright .landing { + max-width: 75%; +} + +.copyright .logo a { + position: relative; +} + +.copyright .logo a::before { + content: ''; + height: 100%; + top: 0; + width: 0; + position: absolute; + left: -1rem; + background: var(--cta); + transition: all ease-in-out 0.3s; +} + +.copyright .logo a:hover::before { + width: calc(100% + 1rem); + z-index: -1; +} + +.copyright .logo a:hover { + color: var(--primary); +} diff --git a/website/styles/small.css b/website/styles/small.css index e69de29..aa4308e 100644 --- a/website/styles/small.css +++ b/website/styles/small.css @@ -0,0 +1,6 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ diff --git a/website/styles/variables-dark.css b/website/styles/variables-dark.css index 9cff2f8..607f206 100644 --- a/website/styles/variables-dark.css +++ b/website/styles/variables-dark.css @@ -1,3 +1,10 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ + :root { --primary: black; --primary-medium: #232323; @@ -6,17 +13,17 @@ --primary-text: white; } .supported-logo#disney { - background-image: url('../media/Disney.png'); + background-image: url('../media/logos/Disney.png'); } .supported-logo#prime { - background-image: url('../media/Prime.png'); + background-image: url('../media/logos/Prime.png'); } .supported-logo#youtube { - background-image: url('../media/Youtube.png'); + background-image: url('../media/logos/Youtube.png'); } .supported-logo#hbonow { - background-image: url('../media/HBONowWhite.png'); + background-image: url('../media/logos/HBONowWhite.png'); } .supported-logo#hbomax { - background-image: url('../media/HBOMaxWhite.png'); + background-image: url('../media/logos/HBOMaxWhite.png'); } diff --git a/website/styles/variables.css b/website/styles/variables.css index 7ebb062..51f6047 100644 --- a/website/styles/variables.css +++ b/website/styles/variables.css @@ -1,3 +1,10 @@ +/************************************************************************ +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 , 2020 +************************************************************************/ + :root { --primary: white; --primary-medium: #c5c5c5; @@ -7,42 +14,45 @@ font-size: 10px; } .supported-logo#netflix { - background-image: url('../media/Netflix.png'); + background-image: url('../media/logos/Netflix.png'); } .supported-logo#hulu { - background-image: url('../media/Hulu.png'); + background-image: url('../media/logos/Hulu.png'); } .supported-logo#disney { - background-image: url('../media/DisneyColor.png'); + background-image: url('../media/logos/DisneyColor.png'); } .supported-logo#prime { - background-image: url('../media/PrimeColor.png'); + background-image: url('../media/logos/PrimeColor.png'); } .supported-logo#youtube { - background-image: url('../media/YoutubeColor.png'); + background-image: url('../media/logos/YoutubeColor.png'); } .supported-logo#hbonow { - background-image: url('../media/HBONowBlack.png'); + background-image: url('../media/logos/HBONowBlack.png'); } .supported-logo#hbomax { - background-image: url('../media/HBOMax.png'); + background-image: url('../media/logos/HBOMax.png'); } .feature-icon#phone { - background-image: url('../media/Phone.gif'); + background-image: url('../media/features/Phone.gif'); } .feature-icon#delete { - background-image: url('../media/Delete.gif'); + background-image: url('../media/features/Delete.gif'); } .feature-icon#signup { - background-image: url('../media/Signup.gif'); + background-image: url('../media/features/Signup.gif'); } .feature-icon#sync { - background-image: url('../media/Sync.gif'); + background-image: url('../media/features/Sync.gif'); } .feature-icon#custom { - background-image: url('../media/Custom.gif'); + background-image: url('../media/features/Custom.gif'); } .feature-icon#chat { - background-image: url('../media/Chat.gif'); + background-image: url('../media/features/Chat.gif'); +} +.feature-icon#hideable { + background-image: url('../media/features/Hideable.gif'); }