diff --git a/website/index.html b/website/index.html index 4ec81df..d8f8e78 100644 --- a/website/index.html +++ b/website/index.html @@ -48,6 +48,8 @@
+
+
@@ -60,6 +62,12 @@ but, also be there when you need it. + + +
+ Messages and gifs not doing it? Get on a voice call! +
+
diff --git a/website/media/HBOMax.png b/website/media/HBOMax.png new file mode 100644 index 0000000..ea985e8 Binary files /dev/null and b/website/media/HBOMax.png differ diff --git a/website/media/HBOMaxWhite.png b/website/media/HBOMaxWhite.png new file mode 100644 index 0000000..29366e5 Binary files /dev/null and b/website/media/HBOMaxWhite.png differ diff --git a/website/media/HBONow.png b/website/media/HBONow.png new file mode 100644 index 0000000..d24e803 Binary files /dev/null and b/website/media/HBONow.png differ diff --git a/website/media/HBONowBlack.png b/website/media/HBONowBlack.png new file mode 100644 index 0000000..3284776 Binary files /dev/null and b/website/media/HBONowBlack.png differ diff --git a/website/media/HBONowWhite.png b/website/media/HBONowWhite.png new file mode 100644 index 0000000..6854d29 Binary files /dev/null and b/website/media/HBONowWhite.png differ diff --git a/website/media/voice.gif b/website/media/voice.gif new file mode 100644 index 0000000..24e14bb Binary files /dev/null and b/website/media/voice.gif differ diff --git a/website/styles/extrasmall.css b/website/styles/extrasmall.css index 18aeb0b..7eb2158 100644 --- a/website/styles/extrasmall.css +++ b/website/styles/extrasmall.css @@ -144,6 +144,7 @@ section.beta { section.features img { position: relative; max-width: 100%; + width: 100%; border-radius: 26px; transition: all ease-in-out 0.3s; filter: drop-shadow(-200px 0px 5rem rgba(var(--tertiary-complement), 0.1)); @@ -157,6 +158,9 @@ section.features div { font-variant: all-small-caps; letter-spacing: 2.5px; } +section.features feature { + margin-bottom: 50px; +} section.features feature:nth-of-type(1):hover img { filter: drop-shadow(0px 0px 7rem rgb(var(--secondary))); } @@ -175,6 +179,9 @@ section.features feature:nth-of-type(5):hover img { section.features feature:nth-of-type(6):hover img { filter: drop-shadow(0px 0px 7rem rgb(var(--primary-complement))); } +section.features feature:nth-of-type(7):hover img { + filter: drop-shadow(0px 0px 7rem rgb(var(--secondary))); +} footer { background-color: rgb(var(--primary)); color: rgb(var(--primary-complement)); diff --git a/website/styles/large.css b/website/styles/large.css index 69e8720..6eb0672 100644 --- a/website/styles/large.css +++ b/website/styles/large.css @@ -6,7 +6,7 @@ section.landing .brand { section.features feature { display: flex; align-items: center; - margin-bottom: 20px; + margin-bottom: 50px; } section.features feature img { max-width: 45%; diff --git a/website/styles/variables-dark.css b/website/styles/variables-dark.css index 0c63327..9116169 100644 --- a/website/styles/variables-dark.css +++ b/website/styles/variables-dark.css @@ -26,6 +26,12 @@ section.intro .inner .supported div.prime { section.intro .inner .supported div.youtube { background-image: url('../media/Youtube.png'); } +section.intro .inner .supported div.hbonow { + background-image: url('../media/HBONowWhite.png'); +} +section.intro .inner .supported div.hbomax { + background-image: url('../media/HBOMaxWhite.png'); +} .freebirdFormviewerViewHeaderTitle { color: white !important; diff --git a/website/styles/variables.css b/website/styles/variables.css index 80eff6d..7e27f89 100644 --- a/website/styles/variables.css +++ b/website/styles/variables.css @@ -25,3 +25,9 @@ section.intro .inner .supported div.prime { section.intro .inner .supported div.youtube { background-image: url('../media/YoutubeColor.png'); } +section.intro .inner .supported div.hbonow { + background-image: url('../media/HBONowBlack.png'); +} +section.intro .inner .supported div.hbomax { + background-image: url('../media/HBOMax.png'); +}