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');
+}