diff --git a/website/font.css b/website/font.css index 506f2d8..a858dfd 100644 --- a/website/font.css +++ b/website/font.css @@ -1,31 +1,37 @@ @font-face { font-family: 'PixelSplitter'; - src: url('pixelsplitter-bold-webfont.woff2') format('woff2'), - url('pixelsplitter-bold-webfont.woff') format('woff'); + src: url('./fonts/pixelsplitter-bold-webfont.woff2') format('woff2'), + url('./fonts/pixelsplitter-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GlacialBold'; - src: url('glacialindifference-bold-webfont.woff2') format('woff2'), - url('glacialindifference-bold-webfont.woff') format('woff'); + src: url('./fonts/glacialindifference-bold-webfont.woff2') format('woff2'), + url('./fonts/glacialindifference-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GlacialItalic'; - src: url('glacialindifference-italic-webfont.woff2') format('woff2'), - url('glacialindifference-italic-webfont.woff') format('woff'); + src: url('./fonts/glacialindifference-italic-webfont.woff2') format('woff2'), + url('./fonts/glacialindifference-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Glacial'; - src: url('glacialindifference-regular-webfont.woff2') format('woff2'), - url('glacialindifference-regular-webfont.woff') format('woff'); + src: url('./fonts/glacialindifference-regular-webfont.woff2') format('woff2'), + url('./fonts/glacialindifference-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } -* { +[data-font='serif'] { font-family: 'PixelSplitter', sans-serif; } +[data-font='sans'] { + font-family: 'Glacial', sans-serif; +} +[data-font='sans-bold'] { + font-family: 'GlacialBold', sans-serif; +} diff --git a/website/glacialindifference-bold-webfont.woff b/website/fonts/glacialindifference-bold-webfont.woff similarity index 100% rename from website/glacialindifference-bold-webfont.woff rename to website/fonts/glacialindifference-bold-webfont.woff diff --git a/website/glacialindifference-bold-webfont.woff2 b/website/fonts/glacialindifference-bold-webfont.woff2 similarity index 100% rename from website/glacialindifference-bold-webfont.woff2 rename to website/fonts/glacialindifference-bold-webfont.woff2 diff --git a/website/glacialindifference-italic-webfont.woff b/website/fonts/glacialindifference-italic-webfont.woff similarity index 100% rename from website/glacialindifference-italic-webfont.woff rename to website/fonts/glacialindifference-italic-webfont.woff diff --git a/website/glacialindifference-italic-webfont.woff2 b/website/fonts/glacialindifference-italic-webfont.woff2 similarity index 100% rename from website/glacialindifference-italic-webfont.woff2 rename to website/fonts/glacialindifference-italic-webfont.woff2 diff --git a/website/glacialindifference-regular-webfont.woff b/website/fonts/glacialindifference-regular-webfont.woff similarity index 100% rename from website/glacialindifference-regular-webfont.woff rename to website/fonts/glacialindifference-regular-webfont.woff diff --git a/website/glacialindifference-regular-webfont.woff2 b/website/fonts/glacialindifference-regular-webfont.woff2 similarity index 100% rename from website/glacialindifference-regular-webfont.woff2 rename to website/fonts/glacialindifference-regular-webfont.woff2 diff --git a/website/pixelsplitter-bold-webfont.woff b/website/fonts/pixelsplitter-bold-webfont.woff similarity index 100% rename from website/pixelsplitter-bold-webfont.woff rename to website/fonts/pixelsplitter-bold-webfont.woff diff --git a/website/pixelsplitter-bold-webfont.woff2 b/website/fonts/pixelsplitter-bold-webfont.woff2 similarity index 100% rename from website/pixelsplitter-bold-webfont.woff2 rename to website/fonts/pixelsplitter-bold-webfont.woff2 diff --git a/website/android-icon-144x144.png b/website/icons/android-icon-144x144.png similarity index 100% rename from website/android-icon-144x144.png rename to website/icons/android-icon-144x144.png diff --git a/website/android-icon-192x192.png b/website/icons/android-icon-192x192.png similarity index 100% rename from website/android-icon-192x192.png rename to website/icons/android-icon-192x192.png diff --git a/website/android-icon-36x36.png b/website/icons/android-icon-36x36.png similarity index 100% rename from website/android-icon-36x36.png rename to website/icons/android-icon-36x36.png diff --git a/website/android-icon-48x48.png b/website/icons/android-icon-48x48.png similarity index 100% rename from website/android-icon-48x48.png rename to website/icons/android-icon-48x48.png diff --git a/website/android-icon-72x72.png b/website/icons/android-icon-72x72.png similarity index 100% rename from website/android-icon-72x72.png rename to website/icons/android-icon-72x72.png diff --git a/website/android-icon-96x96.png b/website/icons/android-icon-96x96.png similarity index 100% rename from website/android-icon-96x96.png rename to website/icons/android-icon-96x96.png diff --git a/website/apple-icon-114x114.png b/website/icons/apple-icon-114x114.png similarity index 100% rename from website/apple-icon-114x114.png rename to website/icons/apple-icon-114x114.png diff --git a/website/apple-icon-120x120.png b/website/icons/apple-icon-120x120.png similarity index 100% rename from website/apple-icon-120x120.png rename to website/icons/apple-icon-120x120.png diff --git a/website/apple-icon-144x144.png b/website/icons/apple-icon-144x144.png similarity index 100% rename from website/apple-icon-144x144.png rename to website/icons/apple-icon-144x144.png diff --git a/website/apple-icon-152x152.png b/website/icons/apple-icon-152x152.png similarity index 100% rename from website/apple-icon-152x152.png rename to website/icons/apple-icon-152x152.png diff --git a/website/apple-icon-180x180.png b/website/icons/apple-icon-180x180.png similarity index 100% rename from website/apple-icon-180x180.png rename to website/icons/apple-icon-180x180.png diff --git a/website/apple-icon-57x57.png b/website/icons/apple-icon-57x57.png similarity index 100% rename from website/apple-icon-57x57.png rename to website/icons/apple-icon-57x57.png diff --git a/website/apple-icon-60x60.png b/website/icons/apple-icon-60x60.png similarity index 100% rename from website/apple-icon-60x60.png rename to website/icons/apple-icon-60x60.png diff --git a/website/apple-icon-72x72.png b/website/icons/apple-icon-72x72.png similarity index 100% rename from website/apple-icon-72x72.png rename to website/icons/apple-icon-72x72.png diff --git a/website/apple-icon-76x76.png b/website/icons/apple-icon-76x76.png similarity index 100% rename from website/apple-icon-76x76.png rename to website/icons/apple-icon-76x76.png diff --git a/website/apple-icon-precomposed.png b/website/icons/apple-icon-precomposed.png similarity index 100% rename from website/apple-icon-precomposed.png rename to website/icons/apple-icon-precomposed.png diff --git a/website/apple-icon.png b/website/icons/apple-icon.png similarity index 100% rename from website/apple-icon.png rename to website/icons/apple-icon.png diff --git a/website/favicon-128x128.png b/website/icons/favicon-128x128.png similarity index 100% rename from website/favicon-128x128.png rename to website/icons/favicon-128x128.png diff --git a/website/favicon-16x16.png b/website/icons/favicon-16x16.png similarity index 100% rename from website/favicon-16x16.png rename to website/icons/favicon-16x16.png diff --git a/website/favicon-32x32.png b/website/icons/favicon-32x32.png similarity index 100% rename from website/favicon-32x32.png rename to website/icons/favicon-32x32.png diff --git a/website/favicon-96x96.png b/website/icons/favicon-96x96.png similarity index 100% rename from website/favicon-96x96.png rename to website/icons/favicon-96x96.png diff --git a/website/favicon.ico b/website/icons/favicon.ico similarity index 100% rename from website/favicon.ico rename to website/icons/favicon.ico diff --git a/website/ms-icon-144x144.png b/website/icons/ms-icon-144x144.png similarity index 100% rename from website/ms-icon-144x144.png rename to website/icons/ms-icon-144x144.png diff --git a/website/ms-icon-150x150.png b/website/icons/ms-icon-150x150.png similarity index 100% rename from website/ms-icon-150x150.png rename to website/icons/ms-icon-150x150.png diff --git a/website/ms-icon-310x310.png b/website/icons/ms-icon-310x310.png similarity index 100% rename from website/ms-icon-310x310.png rename to website/icons/ms-icon-310x310.png diff --git a/website/ms-icon-70x70.png b/website/icons/ms-icon-70x70.png similarity index 100% rename from website/ms-icon-70x70.png rename to website/icons/ms-icon-70x70.png diff --git a/website/index.html b/website/index.html index ef39064..da09b43 100644 --- a/website/index.html +++ b/website/index.html @@ -1,180 +1,30 @@ - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + Watch Party - -
-
- - - - - Request Beta Access - - - - - WATCH PARTY - - - - - Support Watch Party - - -
-
-
-
- Watch Party Intro -

- Watch your favorites on Netflix, Disney+, Amazon Prime, & Hulu (Beta) with your favorite - people -

- More Coming Soon. -
-
-
-
-
-
- No time sync -
-
- 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. -
-
-
-
- No signup or login required.
- Just ready to go. -
-
- No time sync -
-
- No signup or login required. Just ready to go. -
-
-
-
- No time sync -
-
- Start the party before the show,
- or after the show.
- Just do what you want. -
-
-
-
- What happens in Watch Party,
- stays in Watch Party -
- for 24 hours - then it's gone. -
-
- No time sync -
-
- What happens in Watch Party, stays in Watch Party - for 24 hours - then it's gone. -
-
-
-
- No time sync -
-
- Know when your friends pause and play -
-
- -
-
- When words aren't enough,
- use a GIF from Giphy -
-
- No time sync -
-
- When words aren't enough use a GIF from Giphy -
-
-
-
- +
+ TEST diff --git a/website/indexold.html b/website/indexold.html new file mode 100644 index 0000000..6c80ed9 --- /dev/null +++ b/website/indexold.html @@ -0,0 +1,158 @@ + + + + + + + + + + + + + + + + + + + + + Watch Party + + +
+
+ + + + + Request Beta Access + + + + + WATCH PARTY + + + + + Support Watch Party + + +
+
+
+
+ Watch Party Intro +

+ Watch your favorites on Netflix, Disney+, Amazon Prime, & Hulu (Beta) with your favorite + people +

+ More Coming Soon. +
+
+
+
+
+
+ No time sync +
+
+ 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. +
+
+
+
+ No signup or login required.
+ Just ready to go. +
+
+ No time sync +
+
+ No signup or login required. Just ready to go. +
+
+
+
+ No time sync +
+
+ Start the party before the show,
+ or after the show.
+ Just do what you want. +
+
+
+
+ What happens in Watch Party,
+ stays in Watch Party -
+ for 24 hours - then it's gone. +
+
+ No time sync +
+
+ What happens in Watch Party, stays in Watch Party - for 24 hours - then it's gone. +
+
+
+
+ No time sync +
+
+ Know when your friends pause and play +
+
+ +
+
+ When words aren't enough,
+ use a GIF from Giphy +
+
+ No time sync +
+
+ When words aren't enough use a GIF from Giphy +
+
+
+
+ + + diff --git a/website/manifest.json b/website/manifest.json index a9562ab..e9ac8a1 100644 --- a/website/manifest.json +++ b/website/manifest.json @@ -7,37 +7,37 @@ "background_color": "black", "icons": [ { - "src": "/android-icon-36x36.png", + "src": "/icons/android-icon-36x36.png", "sizes": "36x36", "type": "image/png", "density": "0.75" }, { - "src": "/android-icon-48x48.png", + "src": "/icons/android-icon-48x48.png", "sizes": "48x48", "type": "image/png", "density": "1.0" }, { - "src": "/android-icon-72x72.png", + "src": "/icons/android-icon-72x72.png", "sizes": "72x72", "type": "image/png", "density": "1.5" }, { - "src": "/android-icon-96x96.png", + "src": "/icons/android-icon-96x96.png", "sizes": "96x96", "type": "image/png", "density": "2.0" }, { - "src": "/android-icon-144x144.png", + "src": "/icons/android-icon-144x144.png", "sizes": "144x144", "type": "image/png", "density": "3.0" }, { - "src": "/android-icon-192x192.png", + "src": "/icons/android-icon-192x192.png", "sizes": "192x192", "type": "image/png", "density": "4.0" diff --git a/website/beforeorafter.gif b/website/media/beforeorafter.gif similarity index 100% rename from website/beforeorafter.gif rename to website/media/beforeorafter.gif diff --git a/website/disable.png b/website/media/disable.png similarity index 100% rename from website/disable.png rename to website/media/disable.png diff --git a/website/giphy.gif b/website/media/giphy.gif similarity index 100% rename from website/giphy.gif rename to website/media/giphy.gif diff --git a/website/hideable.gif b/website/media/hideable.gif similarity index 100% rename from website/hideable.gif rename to website/media/hideable.gif diff --git a/website/intro.gif b/website/media/intro.gif similarity index 100% rename from website/intro.gif rename to website/media/intro.gif diff --git a/website/noauth.gif b/website/media/noauth.gif similarity index 100% rename from website/noauth.gif rename to website/media/noauth.gif diff --git a/website/placeholder.jpg b/website/media/placeholder.jpg similarity index 100% rename from website/placeholder.jpg rename to website/media/placeholder.jpg diff --git a/website/static.gif b/website/media/static.gif similarity index 100% rename from website/static.gif rename to website/media/static.gif diff --git a/website/timed.gif b/website/media/timed.gif similarity index 100% rename from website/timed.gif rename to website/media/timed.gif diff --git a/website/track.jpeg b/website/media/track.jpeg similarity index 100% rename from website/track.jpeg rename to website/media/track.jpeg diff --git a/website/GoogleFormStyler.js b/website/scripts/GoogleFormStyler.js similarity index 100% rename from website/GoogleFormStyler.js rename to website/scripts/GoogleFormStyler.js diff --git a/website/scripts/Stickied.js b/website/scripts/Stickied.js new file mode 100644 index 0000000..7ee2642 --- /dev/null +++ b/website/scripts/Stickied.js @@ -0,0 +1,20 @@ +window.onload = function () { + let originalTitlePosition = null; + window.addEventListener('scroll', function (ev) { + const title = document.getElementsByClassName('title')[0]; + const support = document.getElementsByClassName('support')[0]; + const request = document.getElementsByClassName('request')[0]; + + if (originalTitlePosition === null) originalTitlePosition = title.offsetTop; + if (window.scrollY > originalTitlePosition) { + support.classList.add('stickied'); + title.classList.add('stickied'); + request.classList.add('stickied'); + request.style.right = support.clientWidth + 64 + 'px'; + } else { + support.classList.remove('stickied'); + title.classList.remove('stickied'); + request.classList.remove('stickied'); + } + }); +}; diff --git a/website/styles/extralarge.css b/website/styles/extralarge.css new file mode 100644 index 0000000..e69de29 diff --git a/website/styles/extrasmall.css b/website/styles/extrasmall.css new file mode 100644 index 0000000..9640fc4 --- /dev/null +++ b/website/styles/extrasmall.css @@ -0,0 +1,6 @@ +body { + background-color: var(--primary); +} +* { + color: var(--secondary); +} diff --git a/website/styles/index.css b/website/styles/index.css new file mode 100644 index 0000000..46c9bef --- /dev/null +++ b/website/styles/index.css @@ -0,0 +1,8 @@ +@import './variables.css'; +@import './variables-dark.css' screen and (prefers-color-scheme: dark); + +@import './extrasmall.css'; +@import 'small.css' screen and (min-width: 576px); +@import './medium.css' screen and (min-width: 768px); +@import './large.css' screen and (min-width: 992px); +@import './extralarge.css' screen and (min-width: 1200px); diff --git a/website/styles/large.css b/website/styles/large.css new file mode 100644 index 0000000..e69de29 diff --git a/website/styles/medium.css b/website/styles/medium.css new file mode 100644 index 0000000..e69de29 diff --git a/website/styles/small.css b/website/styles/small.css new file mode 100644 index 0000000..e69de29 diff --git a/website/styles/variables-dark.css b/website/styles/variables-dark.css new file mode 100644 index 0000000..6bd7122 --- /dev/null +++ b/website/styles/variables-dark.css @@ -0,0 +1,8 @@ +:root { + --primary: #353e4a; + --primary-complement: #fbf8ef; + --secondary: #9acb34; + --secondary-complement: #7da329; + --tertiary: #04ddd9; + --tertiary-complement: #02a19f; +} diff --git a/website/styles/variables.css b/website/styles/variables.css new file mode 100644 index 0000000..9e83660 --- /dev/null +++ b/website/styles/variables.css @@ -0,0 +1,8 @@ +:root { + --primary: #fbf8ef; + --primary-complement: #353e4a; + --secondary: #7da329; + --secondary-complement: #9acb34; + --tertiary: #02a19f; + --tertiary-complement: #04ddd9; +} diff --git a/website/track.png b/website/track.png deleted file mode 100644 index 7a3ad2c..0000000 Binary files a/website/track.png and /dev/null differ