v1.4.0-beta/website

website/index.html

@@ -48,6 +48,8 @@
           <div class="disney"></div>
           <div class="prime"></div>
           <div class="youtube"></div>
+          <div class="hbonow"></div>
+          <div class="hbomax"></div>
         </div>
       </div>
     </section>
@@ -60,6 +62,12 @@
             but, also be there when you need it.
           </div>
         </feature>
+        <feature>
+          <img src="./media/voice.gif" data-color="rgb(100,100,100)" />
+          <div>
+            Messages and gifs not doing it? Get on a voice call!
+          </div>
+        </feature>
         <feature>
           <img src="./media/noauth.gif" />
           <div>

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));

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%;

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;

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