Files
watchparty/app/public/popup.html
T
ayushya 8d8cf6d276 v1.6.0/cross site party name history
- fix for room migrate
- fix for netflix listener
2020-08-01 01:32:01 -04:00

94 lines
3.3 KiB
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
https://www.chromewatchparty.com/copyright
=========================================================================
ALL CONTENT ON 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.
------------------------------------------------------------------------->
<!DOCTYPE html>
<html>
<head>
<meta
http-equiv="Content-Security-Policy"
content="default-src *; style-src 'self' https://* 'unsafe-inline'; script-src 'self' http://* 'unsafe-inline' 'unsafe-eval'"
/>
<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;
outline: 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;
}
button {
padding: 7.5px 3px;
margin: 10px 0;
border-radius: 13px;
width: 100%;
background: #c0f300;
outline: none !important;
border: none;
cursor: pointer;
filter: drop-shadow(0px 0px 15px rgba(0,0,0,0.7));
transition: all ease-in 0.3s;
}
button:hover {
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.7)) !important;
}
</style>
</head>
<body>
<script src="popup.js"></script>
<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>
<p style="width: 100%; max-width: 100%;"></p>
<button id="clear-button">Clear Party Names & Pins</button>
</body>
</html>