email-bugs icon indicating copy to clipboard operation
email-bugs copied to clipboard

Apple Mail on iOS 13 on certain devices adds left and right padding

Open hteumeuleu opened this issue 5 years ago • 7 comments

On Apple Mail on iOS 13, emails get an extra left and right unremovable padding on certain devices. Here are a few examples shared by @tedgoas on Slack.

Stack Overflow Really Good Emails Litmus

Here's a thread reporting the same issue on Apple's discussions.

Following the discussion on Slack between Ted and @CourtFantinato, it seems this only affects iOS 13 on certain Apple devices (namely the big ones aka iPhone XS Max, iPhone 11 Pro Max, iPad Pro, …).

hteumeuleu avatar Oct 25 '19 14:10 hteumeuleu

I'm a bit late for the party. But I have the same issue on my iPhone X. Pretty sure it has something to do with media queries.

For example, I'm subscribed to The Hustle, but their email has no padding.

Did you ever figure this out?

multiplehats avatar Jan 19 '21 17:01 multiplehats

No, but mostly because I never got my hands on the HTML from emails that caused this. Would you be able to share a screenshot and some code from an email of The Hustle you mentioned?

hteumeuleu avatar Jan 20 '21 17:01 hteumeuleu

Sure happy to @hteumeuleu included my own email and that of The Hustle, bit of a long scroll.

My email Made with Maizzle framework.
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

  <head>
    <meta charset="utf-8">
    <meta name="x-apple-disable-message-reformatting">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="=viewport" content="width=device-width, initial-scale=1, minimum-scale==1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
    <!--[if mso]>
      <xml>
        <o:officedocumentsettings>
          <o:pixelsperinch>96</o:pixelsperinch>
        </o:officedocumentsettings>
      </xml>
    <![endif]-->
    <title>getheate.com</title>
    <style>
      .hover-text-cool-gray-700:hover {
        color: #364152 !important;
      }

      .hover-no-underline:hover {
        text-decoration: none !important;
      }

      @media (max-width: 600px) {
        .sm-leading-16 {
          line-height: 16px !important;
        }

        .sm-leading-20 {
          line-height: 20px !important;
        }

        .sm-leading-32 {
          line-height: 32px !important;
        }

        .sm-leading-40 {
          line-height: 40px !important;
        }

        .sm-mx-20 {
          margin-left: 20px !important;
          margin-right: 20px !important;
        }

        .sm-px-0 {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }

        .sm-px-10 {
          padding-left: 10px !important;
          padding-right: 10px !important;
        }

        .sm-px-20 {
          padding-left: 20px !important;
          padding-right: 20px !important;
        }

        .sm-py-24 {
          padding-top: 24px !important;
          padding-bottom: 24px !important;
        }

        .sm-w-full {
          width: 100% !important;
        }
      }
    </style>
    <style>
      html,
      body {
        min-width: 100%;
        width: 100%;
      }

      .email-content p,
      .email-content ul,
      .email-content li {
        font-size: 18px;
      }

      .email-content p,
      .email-content ul,
      .email-content li {
        line-height: 28px;
      }

      .email-content p {
        margin: 0 0 10px;
      }

      .email-content h2,
      .email-content h1 {
        margin-top: 12px;
      }

      .email-content h2,
      .email-content h1 {
        margin-bottom: 20px;
      }

      .email-content h2,
      .email-content h1 {
        font-size: 24px;
      }

      .email-content h2,
      .email-content h1 {
        font-weight: 700;
      }

      .email-content h3 {
        padding-left: 10px;
        border: 0px solid #e02424;
        border-left-width: 4px;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
        margin-top: 0;
        margin-bottom: 20px;
        color: #e02424;
        font-weight: 700;
      }

      .email-content h4 {
        font-size: 18px;
        font-weight: 700;
      }

      .email-content h5 {
        font-size: 16px;
        font-weight: 600;
      }

      .email-content img {
        border-radius: 0.25rem;
        line-height: 100%;
        border-width: 0px;
        max-width: 100%;
        vertical-align: middle;
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        margin-bottom: 20px;
      }

      .email-content hr {
        border-width: 0px;
        border-color: #1a202e;
        background-color: #1a202e;
        height: 2px;
        margin-top: 40px;
        margin-bottom: 20px;
      }

      blockquote {
        background-color: #f4f5f7;
        font-family: -apple-system, "Segoe UI", sans-serif;
        color: #000000;
        font-weight: 700;
        border-left: 5px solid #f73659;
        margin: 20px 0;
        padding: 15px 30px;
        font-size: 18px;
        line-height: 180%;
      }
    </style>
  </head> {% capture html_content %}{{ message_content }}{% endcapture %}

  <body style="margin: 0; padding: 0; word-break: break-word; -webkit-font-smoothing: antialiased; background-color: #f2f2f7; min-width: 100%; width: 100%">
    <div role="article" aria-roledescription="email" aria-label="getheate.com" lang="en" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly">
      <table style="font-family: Arial, sans-serif; width: 100%" cellpadding="0" cellspacing="0" role="presentation">
        <tr>
          <td align="center" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; background-color: #f2f2f7">
            <table class="sm-w-full" style="width: 600px" cellpadding="0" cellspacing="0" role="presentation">
              <tr>
                <td class="sm-py-24 sm-px-0" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; padding-left: 20px; padding-right: 20px; padding-top: 48px; padding-bottom: 48px">
                  <table style="width: 100%" cellpadding="0" cellspacing="0" role="presentation">
                    <tr>
                      <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly">
                        <table class="sm-px-20" style="width: 100%" cellpadding="0" cellspacing="0" role="presentation">
                          <tr>
                            <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; font-weight: 600; font-size: 14px; text-align: left; font-style: italic; text-transform: uppercase">
                              {{ issue_no | prepend: "Issue #" }}
                            </td>
                            <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; font-size: 14px; text-align: right">
                              {{ "now" | in_time_zone: "America/Denver" | date: "%A, %B %e, %Y  " }}
                            </td>
                          </tr>
                        </table>
                        <div class="sm-leading-20" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; line-height: 28px">&zwnj;</div>
                        <div style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; text-align: center">
                          <a href="https://getheate.com" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; text-decoration: none">
                            <img src="https://getheate.com/wp-content/uploads/newsletter-static/logo.png" width="140" alt="Logo" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle; margin-left: auto; margin-right: auto">
                          </a>
                        </div>
                        <div class="sm-leading-40" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; line-height: 48px">&zwnj;</div>
                        <table class="email-content" style="background-color: #ffffff; width: 100%" cellpadding="0" cellspacing="0" role="presentation">
                          <tr>
                            <td class="sm-px-10" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; border-radius: 0.25rem; padding: 40px; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"> {% capture html_content %} {{ message_content }} {% endcapture %} {{ html_content }}
                              <div class="sm-leading-32" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; line-height: 48px">&zwnj;</div>
                              <table style="background-color: #f4f5f7; border-style: dotted; border-width: 2px; font-family: -apple-system, 'Segoe UI', sans-serif; text-align: center; width: 100%" cellpadding="0" cellspacing="0" role="presentation">
                                <tr>
                                  <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; background-color: transparent">
                                  </td>
                                </tr>
                                <tr>
                                  <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly">
                                    <img width="169" src="https://getheate.com/wp-content/uploads/newsletter-static/drake-meme.png" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle; margin-left: auto; margin-right: auto; margin-top: -32px" alt="">
                                  </td>
                                </tr>
                                <tr>
                                  <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; padding-left: 28px; padding-right: 28px">
                                    <span style="font-size: 16px; color: #64748b">You the MVP!</span>
                                    <h2 class="hover-text-cool-gray-700" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; font-size: 20px; line-height: 100%; margin-top: 8px; margin-bottom: 14px; color: #000000; text-decoration: none">
                                      🔥 Share Heate with your friends {{ subscriber.first_name }}
                                    </h2>
                                    <p style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; background-color: #ffffff; font-size: 16px; padding: 6px">Step 1: Copy your referral link below.</p>
                                    <p style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; background-color: #ffffff; font-size: 16px; padding: 6px">Step 2: Share your link with friends & on social media</p>
                                    <p style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; background-color: #ffffff; font-size: 16px; padding: 6px">Step 3: Get rewards (over and over again)</p>
                                  </td>
                                </tr>
                                <tr>
                                  <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; padding-left: 28px; padding-right: 28px">
                                    <p style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; margin-top: 12px"><strong>Copy & paste your referral link to others:</strong></p>
                                    <p style="mso-line-height-rule: exactly; border-color: #faca15; border-style: dotted; border-width: 2px; font-family: Menlo, Consolas, monospace; font-size: 16px; padding: 12px"><a href="#" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; text-decoration: none; color: #000000">https://getheate.com/?share=ref</a></p>
                                  </td>
                                </tr>
                                <tr>
                                  <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; padding-left: 28px; padding-right: 28px; padding-bottom: 32px">
                                    <a href="#" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; display: inline-block; color: #ffffff; text-decoration: none; background: black; border-radius: 3px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); background-color: #f73659; border-color: #f73659; border-style: solid; border-width: 10px 18px">Share Link & See Rewards &#8594;</a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                        <div class="sm-leading-40" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; line-height: 64px">&zwnj;</div>
                        <div class="sm-mx-20" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; background-color: #d4d5d6; height: 1px; line-height: 1px">&nbsp;</div>
                        <div style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; line-height: 24px">&zwnj;</div>
                        <table style="font-family: -apple-system, 'Segoe UI', sans-serif; text-align: center; width: 100%" cellpadding="0" cellspacing="0" role="presentation">
                          <tr>
                            <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; background-color: transparent">
                              <span style="font-size: 12px; color: #64748b">Thanks for reading!</span>
                              <h3 class="hover-text-cool-gray-700" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; line-height: 100%; margin-top: 8px; margin-bottom: 12px; color: #000000; text-decoration: none">
                                {{ issue_no | prepend: "What do you think of issue #" | append: "?"  }}
                              </h3>
                              <table style="margin-left: auto; margin-right: auto" cellpadding="0" cellspacing="0" role="presentation">
                                <tr>
                                  <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; width: 16.666667%"><a rel="noopener noreferer" alt="Rate this email as angry" href="https://heate-feedback.paperform.co/?rating=Angry&email={{email}}&undefined" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; text-decoration: none"><img width="36" src="https://getheate.com/wp-content/uploads/newsletter-static/emoji-angry.png" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle" alt=""></a></td>
                                  <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; width: 16.666667%"><a rel="noopener noreferer" alt="Rate this email as unhappy" href="https://heate-feedback.paperform.co/?rating=Unhappy&email={{email}}&undefined" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; text-decoration: none"><img width="36" src="https://getheate.com/wp-content/uploads/newsletter-static/emoji-sad.png" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle" alt=""></a></td>
                                  <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; width: 16.666667%"><a rel="noopener noreferer" alt="Rate this email as okay" href="https://heate-feedback.paperform.co/?rating=Okay&email={{email}}&undefined" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; text-decoration: none"><img width="36" src="https://getheate.com/wp-content/uploads/newsletter-static/emoji-happy.png" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle" alt=""></a></td>
                                  <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; width: 16.666667%"><a rel="noopener noreferer" alt="Rate this email great" href="https://heate-feedback.paperform.co/?rating=Great&email={{email}}&undefined" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; text-decoration: none"><img width="36" src="https://getheate.com/wp-content/uploads/newsletter-static/emoji-smiling.png" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle" alt=""></a></td>
                                  <td style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; width: 16.666667%"><a rel="noopener noreferer" alt="Rate this email awesome" href="https://heate-feedback.paperform.co/?rating=Awesome&email={{email}}&undefined" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; text-decoration: none"><img width="36" src="https://getheate.com/wp-content/uploads/newsletter-static/emoji-lol.png" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle" alt=""></a></td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                        <div style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; line-height: 24px">&zwnj;</div>
                        <div class="sm-mx-20" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; background-color: #d4d5d6; height: 1px; line-height: 1px">&nbsp;</div>
                        <div class="sm-px-20" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly">
                          <div class="sm-leading-16" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; line-height: 32px">&zwnj;</div>
                          <p style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; font-size: 14px; line-height: 20px; margin: 0; color: #a0a6b0">
                            &copy; 2021 Heate. All rights reserved.
                          </p>
                          <p style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; font-size: 14px; line-height: 20px; margin: 0; color: #a0a6b0">
                            {{ address }}
                          </p>
                          <div class="sm-leading-16" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; line-height: 32px">&zwnj;</div>
                          <p style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; font-size: 14px; line-height: 20px; margin: 0; color: #a0a6b0">
                            You received this email because you signed up for the free newsletter at getheate.com.
                            Want out? No worries, but we'll miss ya. You can <a href="{{ unsubscribe_url }}" class="hover-no-underline" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; text-decoration: underline">click here to unsubscribe</a>.
                          </p>
                          <div class="sm-leading-32" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; line-height: 48px">&zwnj;</div>
                          <p style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; font-size: 14px; line-height: 20px; margin: 0; text-align: center">
                            <a href="https://example.com" class="hover-no-underline" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; text-decoration: underline">View this email in the browser</a>
                          </p>
                        </div>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
  </body>

</html>
The Hustle Got it from the show original in Gmail
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.=
w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=3D"http://www.w3=
.org/1999/xhtml" xmlns=3D"http://www.w3.org/1999/xhtml" lang=3D"en" xml:lan=
g=3D"en" xml:lang=3D"en"> <head> <title>thehustle.co</title> <meta http-equ=
iv=3D"Content-Type" content=3D"text/html; charset=3Dutf-8"/> <meta name=3D"=
viewport" content=3D"width=3Ddevice-width, initial-scale=3D1, minimum-scale=
=3D1, maximum-scale=3D1"/> <meta http-equiv=3D"X-UA-Compatible" content=3D"=
IE=3DEdge"/> <!--[if (gte mso 9)|(IE)]><style type=3D"text/css">
table {border-collapse: collapse;}
table, td {mso-table-lspace: 0pt;mso-table-rspace: 0pt;}
img {-ms-interpolation-mode: bicubic;}
</style><![endif]--> <style>body {
font-family: Helvetica, sans-serif;
}
body a {
color: #d62829; text-decoration: none;
}
@media screen and (max-width:480px) {
.templateColumnContainer {
display: block !important; width: 100% !important; padding-left: 0 !importa=
nt; padding-right: 0 !important;
}
}
</style></head> <body data-attributes=3D"%7B%22dropped%22%3Atrue%2C%22bodyb=
ackground%22%3A%22%23FFFFFF%22%2C%22bodyfontname%22%3A%22arial%2Csans-serif=
%22%2C%22bodytextcolor%22%3A%22%23000000%22%2C%22bodylinkcolor%22%3A%22%231=
188e6%22%2C%22bodyfontsize%22%3A%2214px%22%7D" style=3D"background: #FFFFFF=
; color: #000000; font-family: Helvetica,sans-serif; font-size: 14px; margi=
n: 0; min-width: 100%; padding: 0;" yahoofix=3D"true" bgcolor=3D"#FFFFFF"> =
<span style=3D"font-size: 0;"><a href=3D""><img src=3D"https://link.thehust=
le.co/img/5f3b71092c81bf63140b3f37dikec.7yy/8934e706.gif" alt=3D"" border=
=3D"0" /></a></span> <center class=3D"wrapper"> <div class=3D"webkit" style=
=3D"font-family: Helvetica, sans-serif;"> <table bgcolor=3D"#FFFFFF" border=
=3D"0" cellpadding=3D"0" cellspacing=3D"0" class=3D"wrapper" style=3D"-moz-=
text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing:=
 antialiased; -webkit-text-size-adjust: 100%; max-width: 600px !important; =
table-layout: fixed; width: 100% !important;" width=3D"100%"> <tbody> <tr> =
<td bgcolor=3D"#FFFFFF" valign=3D"top" width=3D"100%"> <!--[if (gte mso 9)|=
(IE)]><table width=3D"600" align=3D"center" cellpadding=3D"0" cellspacing=
=3D"0" border=3D"0"> <tr> <td><![endif]--> <table align=3D"center" bgcolor=
=3D"#ffffff" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" style=3D"colo=
r: #000000; max-width: 600px; padding: 10px 0px;" class=3D"module footer" d=
ata-attributes=3D"%7B%22dropped%22%3Atrue%2C%22columns%22%3A1%2C%22padding%=
22%3A%2210%2C5%2C10%2C5%22%2C%22containerbackground%22%3A%22%23ffffff%22%7D=
" data-type=3D"footer" role=3D"module" width=3D"100%"> <tbody> <tr class=3D=
"zephyr-syntax" id=3D"preview"> <td colspan=3D"2" class=3D"zephyr-syntax" s=
tyle=3D"color: transparent; display: none; font-size: 0px; line-height: 100=
%; padding: 0px;">PLUS: The battle of TV remotes.</td> </tr> <tr> <td> <tab=
le style=3D"width: 100%;"> <tr> <td style=3D"padding: 0px;"> <table style=
=3D"width: 100%;"> <tr class=3D"zephyr-syntax"> <td style=3D"background: #f=
fffff; color: #BFBFBF; font-size: 13px; line-height: 17px; padding: 0px 10p=
x 10px; text-align: right;" align=3D"right" bgcolor=3D"#ffffff">January 20,=
 2021 </td> </tr> <tr> <td style=3D"background: #ffffff; text-align: center=
;" align=3D"center" bgcolor=3D"#ffffff"><img src=3D"https://sailthru-media.=
s3.amazonaws.com/composer/images/sailthru-prod-6ks/th.png" style=3D"width: =
250px;" width=3D"250" alt=3D"The Hustle"/></td> </tr> <tr> <td style=3D"bac=
kground: #ffffff; color: #bfbfbf; font-size: 15px; line-height: 20px; paddi=
ng: 5px 0px; text-align: center;" align=3D"center" bgcolor=3D"#ffffff">TOGE=
THER WITH</td> </tr> <tr> <td style=3D"background: #ffffff; padding: 0px 0p=
x 10px; text-align: center;" align=3D"center" bgcolor=3D"#ffffff"> <a href=
=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cucG9saWN5=
Z2VuaXVzLmNvbS9saWZlLWluc3VyYW5jZS9uby16aXAtbWxwLTEtcGUvP3V0bV9zb3VyY2U9dGh=
laHVzdGxlJnV0bV9tZWRpdW09cGFpZC1lbWFpbCZ1dG1fY2FtcGFpZ249bGlmZS1pbnMtamFuLT=
IwMjE/5f3b71092c81bf63140b3f37Bedc51530" target=3D"_blank" style=3D"color: =
#d62829; text-decoration: none;"><img src=3D"https://sailthru-media.s3.amaz=
onaws.com/composer/images/sailthru-prod-6ks/Policy_genius_logo.png" style=
=3D"max-width: 150px; width: auto;" alt=3D"Policygenius"/> </a> </td> </tr>=
 </table> </td> </tr> </table> </td> </tr> <tr> <td class=3D"h2020 intro ig=
nore-defaults" style=3D"top: 10px; width: 100%;"> <table style=3D"width: 10=
0%;"> <tr> <td style=3D"padding: 0px;"> <table style=3D"border-spacing: 0px=
; width: 100%;"> <tr> <td style=3D"padding: 0px 10px;"> <p style=3D"font-si=
ze: 16px; line-height: 20px; margin: 0px; padding-bottom: 10px;">#Inaugurat=
ionDay #StaySafeOutThere</p> </td></tr><tr> <td class=3D"h2020 ignore-defau=
lts"> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td style=
=3D"border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom=
-width: 1px; padding-top: 5px;"></td> </tr> <tr><td style=3D"padding-bottom=
: 5px;"></td></tr> <tr style=3D"display: block; padding: 10px 2px 0px;"> <t=
d style=3D"width: 100%;"> <table style=3D"width: 100%;"> <tr> <td style=3D"=
color: #D62829; font-size: 16px; font-weight: bold; letter-spacing: 1.5px; =
padding: 0px 0px 10px; text-transform: uppercase;">The Big Idea </td> </tr>=
 <tr> <td style=3D"padding: 0 0 6px; text-align: center;" align=3D"center">=
 <a href=3D"" style=3D"color: #d62829; text-decoration: none;"> <img src=3D=
"https://sailthru-media.s3.amazonaws.com/composer/images/sailthru-prod-6ks/=
boston_dynamics_dancing.GIF" width=3D"600" style=3D"height: auto; max-width=
: 600px; width: 100%;" alt=3D"Boston Dynamics"/> </a> </td> </tr> <tr><td> =
<p style=3D"color: #5f696c; font-family: Helvetica, sans-serif; font-size: =
12px; font-style: italic; line-height: 20px; margin: 0px; padding: 4px 5px =
10px;">Not even a little bit unsettling (Source: Boston Dynamic)</p> </td><=
/tr> <tr> <td> <h2 style=3D"font-size: 22px; font-weight: bold; line-height=
: 26px; margin: 3px 0px;">The pandemic is ushering in a new wave of office =
and warehouse robots. Will the trend continue? </h2> </td> </tr> <tr> <td c=
lass=3D"h2020 ignore-defaults" style=3D"padding: 5px 3px 0px;"> <p style=3D=
"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">It=E2=80=99s an=
 internet tradition.=C2=A0</p> <p style=3D"font-size: 15px; line-height: 14=
0%; margin: 5px 0px 10px;">The robotics company Boston Dynamics releases a =
video of its latest robot doing some advanced human-looking stuff and Twitt=
er loses its mind.=C2=A0</p> <p style=3D"font-size: 15px; line-height: 140%=
; margin: 5px 0px 10px;">Last month, the firm caught the viral wave with it=
s robots getting their <a href=3D"https://link.thehustle.co/click/22701252.=
10330/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1mbjNLV00xa3VBdw/5f3b71092c=
81bf63140b3f37Be9c2952a" style=3D"-webkit-text-fill-color: #d62829; color: =
#d62829; text-decoration: none;"><u style=3D"color: #d62829; text-decoratio=
n: none; underline: none;">dance on</u></a>. While the video was no doubt i=
mpressive, the practical applications -- unless we=E2=80=99ve completely lo=
st the plot here -- weren=E2=80=99t readily apparent.=C2=A0</p> <p style=3D=
"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">If you=E2=80=99=
re looking for practical examples of robots at work, a recent report from <=
a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cuZW=
Nvbm9taXN0LmNvbS9idXNpbmVzcy8yMDIxLzAxLzE2L2FmdGVyLXllYXJzLW9mLWRpdGhlcmluZ=
y1jb21wYW5pZXMtYXJlLWVtYnJhY2luZy1hdXRvbWF0aW9u/5f3b71092c81bf63140b3f37Bf9=
6ed5c1" style=3D"-webkit-text-fill-color: #d62829; color: #d62829; text-dec=
oration: none;"><u style=3D"color: #d62829; text-decoration: none; underlin=
e: none;"><em>The Economist</em></u></a> says the pandemic has ushered in a=
 new wave of automation that=E2=80=99s here to stay.=C2=A0</p> <h4 style=3D=
"font-size: 17px; height: 100%; letter-spacing: 0px; line-height: 22px; mar=
gin: 0px; padding-top: 8px;"><strong>The installed base of factory robots i=
s growing=E2=80=A6</strong></h4> <p style=3D"font-size: 15px; line-height: =
140%; margin: 5px 0px 10px;">=E2=80=A6 forecast to reach 3.2m units by the =
end of this year, double the count from 2015 -- per research firm Robo Glob=
al. Within 5 years, the total spend on industrial robots could hit $73B, up=
 60% from today.=C2=A0</p> <p style=3D"font-size: 15px; line-height: 140%; =
margin: 5px 0px 10px;">And COVID-19 is only accelerating the trend.=C2=A0</=
p> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">D=
espite the long-term cost savings from automation, corporate managers have =
to manage investor expectations when it comes to huge upfront cash outlays.=
=C2=A0</p> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px =
10px;">The pandemic -- which is forcing all industries to re-imagine work -=
- provides cover for big robotics investments.=C2=A0</p> <h4 style=3D"font-=
size: 17px; height: 100%; letter-spacing: 0px; line-height: 22px; margin: 0=
px; padding-top: 8px;"><strong>What type of robots we talkin=E2=80=99 bout =
here?=C2=A0</strong></h4> <p style=3D"font-size: 15px; line-height: 140%; m=
argin: 5px 0px 10px;">According to <em>The Economist</em>, there are a few =
categories:=C2=A0</p> <ul style=3D"font-size: 16px; line-height: 20px; marg=
in: 0; padding-bottom: 10px; padding-left: 12px;"> <li style=3D"font-size: =
15px; line-height: 140%; margin: 0 0 0 15px; padding: 0px;"><strong>Retail =
delivery</strong>: UK-based Ocado is an online-only grocer that operates au=
tomated warehouses for grocery deliveries and has rolled out its tech to Kr=
oger in the US<br/> <br/> </li> <li style=3D"font-size: 15px; line-height: =
140%; margin: 0 0 0 15px; padding: 0px;"><strong>Remote location monitoring=
</strong>: US-based Emerson and Swiss-Swedish ABB combine AI, cameras, and =
sensors to help users remotely monitor chemical factories, paper mills, mar=
ine vessels, and more<br/> <br/> </li> <li style=3D"font-size: 15px; line-h=
eight: 140%; margin: 0 0 0 15px; padding: 0px;"><strong>Paperwork</strong>:=
 Romania=E2=80=99s UiPath automates business processes (and just filed for =
a $20B IPO) while America=E2=80=99s Workato has raised $100m+=C2=A0</li> </=
ul> <h4 style=3D"font-size: 17px; height: 100%; letter-spacing: 0px; line-h=
eight: 22px; margin: 0px; padding-top: 8px;"><strong>It's not all doom and =
gloom for labor, though=C2=A0</strong></h4> <p style=3D"font-size: 15px; li=
ne-height: 140%; margin: 5px 0px 10px;">We=E2=80=99ve also seen increased d=
emand for =E2=80=9Ccollaborative robots=E2=80=9D (AKA =E2=80=9Ccobots=E2=80=
=9D) -- from firms such as GreyOrange and Amazon-owned Kiva -- which are de=
signed to work with people.</p> <p style=3D"font-size: 15px; line-height: 1=
40%; margin: 5px 0px 10px;">Cobots are in particularly high demand for ecom=
merce warehouses, which are obviously booming.</p> <p style=3D"font-size: 1=
5px; line-height: 140%; margin: 5px 0px 10px;">We have no idea when the nex=
t viral Boston Dynamics vid will drop, but we hope that its next robot is 1=
% as useful as these army of cobots:</p> </td> </tr> <tr> <td style=3D"padd=
ing: 5px 0px 6px; text-align: center;" align=3D"center"> <a href=3D"" style=
=3D"color: #d62829; text-decoration: none;"> <img src=3D"https://sailthru-m=
edia.s3.amazonaws.com/composer/images/sailthru-prod-6ks/cobot_jokes.GIF" st=
yle=3D"height: auto; max-width: 600px; width: 100%;" width=3D"600"/></a> </=
td> </tr> <tr><td> <p style=3D"color: #5f696c; font-family: Helvetica, sans=
-serif; font-size: 12px; font-style: italic; line-height: 20px; margin: 0px=
; padding: 8px 5px 10px;">But can these cobots deliver jokes? (Source: YouT=
ube/YourStory)</p> </td></tr> <tr> <td> <table style=3D"padding: 10px 10px =
0px; width: 100%;" cellpadding=3D"0"> <tbody style=3D"text-align: right;"> =
<tr> <td style=3D"display: inline-block; padding: 0px 0px 2px; text-align: =
right;" align=3D"right"><a data-tags=3D"share facebook" href=3D"https://lin=
k.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL3NoYXJ=
lci9zaGFyZXIucGhwP3NyYz1zZGtwcmVwYXJzZSZ1PWh0dHBzJTNBJTJGJTJGdGhlaHVzdGxlLm=
NvJTJGMDEyMDIwMjEtb2ZmaWNlLXdhcmVob3VzZS1yb2JvdHMlM0Z1dG1fY2FtcGFpZ24lM0RPZ=
mZpY2UlMjUyRldhcmVob3VzZSUyQlJvYm90cyUyNnV0bV9jb250ZW50JTNEMDEyMDIwMjEtb2Zm=
aWNlLXdhcmVob3VzZS1yb2JvdHMlMjZ1dG1fbWVkaXVtJTNEZW1haWwlMjZ1dG1fc291cmNlJTN=
EZGFpbHk/5f3b71092c81bf63140b3f37B5e48827b" style=3D"color: #d62829; paddin=
g: 0 8px; text-decoration: none; white-space: nowrap;"><img src=3D"https://=
sailthru-media.s3.amazonaws.com/composer/images/sailthru-prod-6ks/fb.png" w=
idth=3D"30" height=3D"30" alt=3D"Share on Facebook"/></a></td> <td style=3D=
"display: inline-block; padding: 0px 0px 2px; text-align: right;" align=3D"=
right"><a data-tags=3D"share twitter" href=3D"https://link.thehustle.co/cli=
ck/22701252.10330/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQ_dGV4dD0mdXJsP=
Wh0dHBzJTNBJTJGJTJGdGhlaHVzdGxlLmNvJTJGMDEyMDIwMjEtb2ZmaWNlLXdhcmVob3VzZS1y=
b2JvdHMlM0Z1dG1fY2FtcGFpZ24lM0RPZmZpY2UlMjUyRldhcmVob3VzZSUyQlJvYm90cyUyNnV=
0bV9jb250ZW50JTNEMDEyMDIwMjEtb2ZmaWNlLXdhcmVob3VzZS1yb2JvdHMlMjZ1dG1fbWVkaX=
VtJTNEZW1haWwlMjZ1dG1fc291cmNlJTNEZGFpbHkmdmlhPVRoZUh1c3RsZQ/5f3b71092c81bf=
63140b3f37Bf64721b4" style=3D"color: #d62829; padding: 0 8px; text-decorati=
on: none; white-space: nowrap;"><img src=3D"https://sailthru-media.s3.amazo=
naws.com/composer/images/sailthru-prod-6ks/twitter.png" width=3D"30" height=
=3D"30" alt=3D"Share on Twitter"/></a></td> <td style=3D"display: inline-bl=
ock; padding: 0px 0px 2px; text-align: right;" align=3D"right"><a data-tags=
=3D"share email" href=3D"mailto:?subject=3DThe%20Hustle%20wrote%20something=
%20I%20think%20you%27ll%20like...%0A&amp;body=3DThe+pandemic+is+ushering+in=
+a+new+wave+of+office+and+warehouse+robots.+Will+the+trend+continue%3F+%0Ah=
ttps%3A%2F%2Fthehustle.co%2F01202021-office-warehouse-robots%3Futm_campaign=
%3DOffice%252FWarehouse%2BRobots%26utm_content%3D01202021-office-warehouse-=
robots%26utm_medium%3Demail%26utm_source%3Ddaily%0A%0AYou%20can%20subscribe=
%20with%20my%20link%20here%20to%20get%20the%20latest%20in%20tech%20and%20bu=
siness%20daily:%0Ahttps://thehustle.co/?ref=3Dfe3aadeeec" style=3D"color: #=
d62829; padding: 0 8px; text-decoration: none; white-space: nowrap;"><img s=
rc=3D"https://sailthru-media.s3.amazonaws.com/composer/images/sailthru-prod=
-6ks/email.png" width=3D"30" height=3D"30" alt=3D"Send as email to a friend=
"/></a></td> <td style=3D"display: inline-block; padding: 0px 0px 2px; text=
-align: right;" align=3D"right"><a data-tags=3D"share site" href=3D"https:/=
/link.thehustle.co/click/22701252.10330/aHR0cHM6Ly90aGVodXN0bGUuY28vMDEyMDI=
wMjEtb2ZmaWNlLXdhcmVob3VzZS1yb2JvdHM_dXRtX2NhbXBhaWduPU9mZmljZSUyRldhcmVob3=
VzZStSb2JvdHMmdXRtX2NvbnRlbnQ9MDEyMDIwMjEtb2ZmaWNlLXdhcmVob3VzZS1yb2JvdHMmd=
XRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPWRhaWx5/5f3b71092c81bf63140b3f37Bfb1cbc=
a5" style=3D"color: #d62829; padding: 0 8px; text-decoration: none; white-s=
pace: nowrap;"><img src=3D"https://sailthru-media.s3.amazonaws.com/composer=
/images/sailthru-prod-6ks/web.png" width=3D"30" height=3D"30" alt=3D"View o=
n our website"/></a></td> </tr> </tbody> </table> </td> </tr> </table> </td=
> </tr> <tr> <td style=3D"border-bottom-color: #dddddd; border-bottom-style=
: solid; border-bottom-width: 1px; padding-top: 15px;"></td> </tr> <tr> <td=
 style=3D"padding-bottom: 5px;"></td> </tr> <tr> <td style=3D"width: 100%;"=
> <table style=3D"width: 100%;"> <tr> <td style=3D"color: #D62829; font-siz=
e: 16px; font-weight: bold; letter-spacing: 1.5px; padding: 10px 3px 12px; =
text-transform: uppercase;">Snippets</td> </tr> <tr> <td class=3D"h2020 ign=
ore-defaults" style=3D"padding: 0px 3px;"> <ul style=3D"font-size: 16px; li=
ne-height: 20px; margin: 0; padding-bottom: 10px; padding-left: 12px;"> <li=
 style=3D"font-size: 15px; line-height: 140%; margin: 0 0 0 15px; padding: =
0px;"><strong>Cruise: powered by Microsoft.</strong> Autonomous vehicle ser=
vice Cruise <a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0c=
HM6Ly90ZWNoY3J1bmNoLmNvbS8yMDIxLzAxLzE5L21pY3Jvc29mdC1pbnZlc3RzLWluLWNydWlz=
ZS1pbi1uZXctMi1iaWxsaW9uLXJvdW5kLw/5f3b71092c81bf63140b3f37Bd05c9394" style=
=3D"color: #d62829; text-decoration: none;"><u style=3D"color: #d62829; tex=
t-decoration: none; underline: none;">raised</u></a> $2B at a $30B valuatio=
n -- on a combined 0 total customers -- with Microsoft as a key investor an=
d Cruise agreeing to use Azure for cloud computing services.=C2=A0</li> <li=
 style=3D"font-size: 15px; line-height: 140%; margin: 0 0 0 15px; padding: =
0px;"><strong>Bumble </strong>-- the dating app founded by Whitney Wolfe He=
rd (co-founder of Tinder) -- could be worth $10B, more than 3x its last pri=
vate round, per <a href=3D"https://link.thehustle.co/click/22701252.10330/a=
HR0cHM6Ly93d3cuYnJlYWtpbmd2aWV3cy5jb20vY29uc2lkZXJlZC12aWV3L2J1bWJsZS1pcG8t=
aXMtbGVzcy1hbGx1cmluZy10aGFuLWl0cy1wcm9maWxlLXBpYy8_dXRtX3NvdXJjZT1uZXdzbGV=
0dGVyJnV0bV9tZWRpdW09ZW1haWwmdXRtX2NhbXBhaWduPW5ld3NsZXR0ZXJfYXhpb3Nwcm9yYX=
RhJnN0cmVhbT10b3A/5f3b71092c81bf63140b3f37B100c4204" style=3D"color: #d6282=
9; text-decoration: none;"><u style=3D"color: #d62829; text-decoration: non=
e; underline: none;"><em>Reuters</em></u></a>. In comparison, Match Group (=
owner of OkCupid, Hinge, Tinder etc.) is up ~2x in the past year.=C2=A0</li=
> <li style=3D"font-size: 15px; line-height: 140%; margin: 0 0 0 15px; padd=
ing: 0px;"><strong>Parler comeback story:</strong> The blacklisted app <a h=
ref=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cucGNtY=
WcuY29tL25ld3MvcGFybGVyLWlzLWJhY2stb25saW5lLXRoYW5rcy10by1ydXNzaWFuLXRlY2gt=
Y29tcGFueS1kZG9zLWd1YXJk/5f3b71092c81bf63140b3f37B855c1b3c" style=3D"color:=
 #d62829; text-decoration: none;"><u style=3D"color: #d62829; text-decorati=
on: none; underline: none;">appears</u></a> to have found refuge with DDos-=
Guard (the Russian equivalent of Cloudflare), known for hosting 8kun and si=
tes for the Russian government.</li> <li style=3D"font-size: 15px; line-hei=
ght: 140%; margin: 0 0 0 15px; padding: 0px;"><strong>Tesla=E2=80=99s Model=
 Y hits Chinese streets</strong> with the first <a href=3D"https://link.the=
hustle.co/click/22701252.10330/aHR0cHM6Ly93d3cuY25iYy5jb20vMjAyMS8wMS8xOC90=
ZXNsYS1tb2RlbC15LWZpcnN0LXNoYW5naGFpLW1hZGUtY3Jvc3NvdmVycy1kZWxpdmVyZWQtaW4=
tY2hpbmEuaHRtbA/5f3b71092c81bf63140b3f37Ba588c6d8" style=3D"color: #d62829;=
 text-decoration: none;"><u style=3D"color: #d62829; text-decoration: none;=
 underline: none;">deliveries</u></a> of the car there starting this week. =
Tesla produces the car in a $2B Shanghai factory to lower shipping costs an=
d avoid import taxes and delays.</li> <li style=3D"font-size: 15px; line-he=
ight: 140%; margin: 0 0 0 15px; padding: 0px;"><strong>Netflix CRUSHES:</st=
rong> After adding a record 36.6m subs in 2020 (it has 200m+ total), the st=
reamer says it won=E2=80=99t need to raise any more debt and will be break-=
even next year, per <em>Bloomberg</em>=E2=80=99s <a href=3D"https://link.th=
ehustle.co/click/22701252.10330/aHR0cHM6Ly90d2l0dGVyLmNvbS9MdWNhc19TaGF3L3N=
0YXR1cy8xMzUxNjM2NTMzODYyODI1OTg1/5f3b71092c81bf63140b3f37B5300476f" style=
=3D"color: #d62829; text-decoration: none;"><u style=3D"color: #d62829; tex=
t-decoration: none; underline: none;">Lucas Shaw</u></a>. $NFLX was up 12%+=
 after hours.=C2=A0</li> <li style=3D"font-size: 15px; line-height: 140%; m=
argin: 0 0 0 15px; padding: 0px;"><strong>Goodsend </strong>-- a social <a =
href=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly9nb29kc2Vu=
ZGFwcC5jb20v/5f3b71092c81bf63140b3f37B216fe759" style=3D"color: #d62829; te=
xt-decoration: none;"><u style=3D"color: #d62829; text-decoration: none; un=
derline: none;">app</u></a> for direct giving -- is rolling out an interest=
ing program: paying <a href=3D"https://link.thehustle.co/click/22701252.103=
30/aHR0cHM6Ly93d3cuYnVpbHRpbmNoaWNhZ28ub3JnLzIwMjEvMDEvMTkvZ29vZHNlbmQtcmlz=
ZWtpdC1wYXJ0bmVyc2hpcA/5f3b71092c81bf63140b3f37B3e8f69bf" style=3D"color: #=
d62829; text-decoration: none;"><u style=3D"color: #d62829; text-decoration=
: none; underline: none;">expenses</u></a> (e.g., gas, phone bills) for und=
erprivileged jobseekers...so they can go and find jobs.</li> </ul> <div sty=
le=3D"display: none;">=C2=A0</div> </td> </tr> </table></td></tr> <tr> <td =
style=3D"border-bottom-color: #dddddd; border-bottom-style: solid; border-b=
ottom-width: 1px; padding-top: 5px;"></td> </tr> <tr><td style=3D"padding-b=
ottom: 5px;"></td></tr> <tr style=3D"display: block; padding: 10px 2px 0px;=
"> <td style=3D"width: 100%;"> <table style=3D"width: 100%;"> <tr> <td styl=
e=3D"color: #D62829; font-size: 16px; font-weight: bold; letter-spacing: 1.=
5px; padding: 0px 0px 10px; text-transform: uppercase;">Bottoms Up </td> </=
tr> <tr> <td style=3D"padding: 0 0 6px;"> <img src=3D"https://sailthru-medi=
a.s3.amazonaws.com/composer/images/sailthru-prod-6ks/athletic_brewing.png" =
width=3D"600" style=3D"height: auto; max-width: 600px; width: 100%;" alt=3D=
"Athletic Brewing"/> </td> </tr> <tr><td> <p style=3D"color: #5f696c; font-=
family: Helvetica, sans-serif; font-size: 12px; font-style: italic; line-he=
ight: 20px; margin: 0px; padding: 8px 5px 10px;">You can safely drink Athle=
tic Brewing while kayaking (Source: Athletic Brewing)</p> </td></tr> <tr> <=
td> <h2 style=3D"font-size: 22px; font-weight: bold; line-height: 26px; mar=
gin: 10px 0px 5px;">A former hedge fund trader founded America=E2=80=99s le=
ading nonalcoholic craft beer</h2> </td> </tr> <tr> <td class=3D"h2020 igno=
re-defaults" style=3D"padding: 5px 0px 0px;"> <p style=3D"font-size: 15px; =
line-height: 140%; margin: 5px 0px 10px;">It=E2=80=99s Dry January=E2=80=A6=
 which means somewhere, someone you know is prob having a sip of Athletic B=
rewing.=C2=A0</p> <p style=3D"font-size: 15px; line-height: 140%; margin: 5=
px 0px 10px;">Founded in 2017 by Bill Shufelt -- a former hedge fund trader=
 -- Athletic Brewing is one of America=E2=80=99s fastest-growing nonalcohol=
ic (NA) brands, <a href=3D"https://link.thehustle.co/click/22701252.10330/a=
HR0cHM6Ly93d3cuYmxvb21iZXJnLmNvbS9uZXdzL2FydGljbGVzLzIwMjEtMDEtMTMvYXRobGV0=
aWMtYnJld2luZy1ub24tYWxjb2hvbGljLWJlZXItYS1ob3QtY2VsZWJyaXR5LWludmVzdG1lbnQ=
tZHJ5LWphbnVhcnk/5f3b71092c81bf63140b3f37B8e996691" style=3D"-webkit-text-f=
ill-color: #d62829; color: #d62829; text-decoration: none;"><u style=3D"col=
or: #d62829; text-decoration: none; underline: none;"><em>Bloomberg</em></u=
></a> reports.</p> <p style=3D"font-size: 15px; line-height: 140%; margin: =
5px 0px 10px;">As quarantine life pushed many to prioritize health at home,=
 the company saw sales grow more than 5x in 2020 to ~$15m.=C2=A0</p> <h4 st=
yle=3D"font-size: 17px; height: 100%; letter-spacing: 0px; line-height: 22p=
x; margin: 0px; padding-top: 8px;"><strong>The entire nonalcoholic beverage=
 industry is $187m</strong></h4> <p style=3D"font-size: 15px; line-height: =
140%; margin: 5px 0px 10px;">Within that, Athletic Brewing dominates the cr=
aft NA beer segment with a 61% share offering low-cal favorites like Run Wi=
ld IPA (70 cals) and gluten-free Upside Dawn Golden Ale (50 cals).</p> <p s=
tyle=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">Don=E2=
=80=99t let the names fool you -- this is not hipster fare.=C2=A0</p> <p st=
yle=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">Shufelt=
=E2=80=99s trading career was a =E2=80=9Cperformance-based lifestyle=E2=80=
=9D that required him to stay sharp, while investors include A+ athletes li=
ke NFL players J.J. Watt and Justin Tuck.=C2=A0</p> <h4 style=3D"font-size:=
 17px; height: 100%; letter-spacing: 0px; line-height: 22px; margin: 0px; p=
adding-top: 8px;"><strong>The trend has a number of tailwinds...</strong></=
h4> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">=
=E2=80=A6 as covered by our Steph Smith in a...err...Trends <a href=3D"http=
s://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly90cmVuZHMuY28vYXJ0aWNs=
ZXMvdGhlLW5vbi1hbGNvaG9saWMtYmVlci1tYXJrZXQtaXMtYnViYmxpbmctdXAv/5f3b71092c=
81bf63140b3f37B3d3316de" style=3D"-webkit-text-fill-color: #d62829; color: =
#d62829; text-decoration: none;"><u style=3D"color: #d62829; text-decoratio=
n: none; underline: none;">article</u></a> (un-paywalled for 1 week):=C2=A0=
</p> <ul style=3D"font-size: 16px; line-height: 20px; margin: 0; padding-bo=
ttom: 10px; padding-left: 12px;"> <li style=3D"font-size: 15px; line-height=
: 140%; margin: 0 0 0 15px; padding: 0px;"><strong>Healthier (low-cal) life=
style</strong>: 40% of global consumers want to reduce alcohol consumption=
=C2=A0</li> <li style=3D"font-size: 15px; line-height: 140%; margin: 0 0 0 =
15px; padding: 0px;"><strong>No restrictions on NA beverages: </strong>Sell=
ers can go D2C or in types of venues (restaurants, gyms) with no red tape=
=C2=A0</li> <li style=3D"font-size: 15px; line-height: 140%; margin: 0 0 0 =
15px; padding: 0px;"><strong>A cheaper drink: </strong>No alcohol taxes=C2=
=A0</li> </ul> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px =
0px 10px;">Major alcohol brands (e.g., AB InBev=E2=80=99s Leffe 0.0 or Carl=
sberg=E2=80=99s Nordic Ale) have gotten in on the action. Everything helps =
when it comes to keeping that =E2=80=9Cdry=E2=80=9D New Year=E2=80=99s reso=
lution.</p> </td> </tr> <tr> <td> <table style=3D"padding: 10px 10px 0px; w=
idth: 100%;" cellpadding=3D"0"> <tbody style=3D"text-align: right;"> <tr> <=
td style=3D"display: inline-block; padding: 0px 0px 2px; text-align: right;=
" align=3D"right"><a data-tags=3D"share facebook" href=3D"https://link.theh=
ustle.co/click/22701252.10330/aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL3NoYXJlci9za=
GFyZXIucGhwP3NyYz1zZGtwcmVwYXJzZSZ1PWh0dHBzJTNBJTJGJTJGdGhlaHVzdGxlLmNvJTJG=
MDEyMDIwMjEtYXRobGV0aWMtYnJld2VyeS1ub25hbGNvaG9saWMlM0Z1dG1fY2FtcGFpZ24lM0R=
PZmZpY2UlMjUyRldhcmVob3VzZSUyQlJvYm90cyUyNnV0bV9jb250ZW50JTNEMDEyMDIwMjEtYX=
RobGV0aWMtYnJld2VyeS1ub25hbGNvaG9saWMlMjZ1dG1fbWVkaXVtJTNEZW1haWwlMjZ1dG1fc=
291cmNlJTNEZGFpbHk/5f3b71092c81bf63140b3f37Cb59ea9cf" style=3D"color: #d628=
29; padding: 0 8px; text-decoration: none; white-space: nowrap;"><img src=
=3D"https://sailthru-media.s3.amazonaws.com/composer/images/sailthru-prod-6=
ks/fb.png" width=3D"30" height=3D"30" alt=3D"Share on Facebook"/></a></td> =
<td style=3D"display: inline-block; padding: 0px 0px 2px; text-align: right=
;" align=3D"right"><a data-tags=3D"share twitter" href=3D"https://link.theh=
ustle.co/click/22701252.10330/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQ_d=
GV4dD0mdXJsPWh0dHBzJTNBJTJGJTJGdGhlaHVzdGxlLmNvJTJGMDEyMDIwMjEtYXRobGV0aWMt=
YnJld2VyeS1ub25hbGNvaG9saWMlM0Z1dG1fY2FtcGFpZ24lM0RPZmZpY2UlMjUyRldhcmVob3V=
zZSUyQlJvYm90cyUyNnV0bV9jb250ZW50JTNEMDEyMDIwMjEtYXRobGV0aWMtYnJld2VyeS1ub2=
5hbGNvaG9saWMlMjZ1dG1fbWVkaXVtJTNEZW1haWwlMjZ1dG1fc291cmNlJTNEZGFpbHkmdmlhP=
VRoZUh1c3RsZQ/5f3b71092c81bf63140b3f37C6ceadc22" style=3D"color: #d62829; p=
adding: 0 8px; text-decoration: none; white-space: nowrap;"><img src=3D"htt=
ps://sailthru-media.s3.amazonaws.com/composer/images/sailthru-prod-6ks/twit=
ter.png" width=3D"30" height=3D"30" alt=3D"Share on Twitter"/></a></td> <td=
 style=3D"display: inline-block; padding: 0px 0px 2px; text-align: right;" =
align=3D"right"><a data-tags=3D"share email" href=3D"mailto:?subject=3DThe%=
20Hustle%20wrote%20something%20I%20think%20you%27ll%20like...%0A&amp;body=
=3DA+former+hedge+fund+trader+founded+America%E2%80%99s+leading+nonalcoholi=
c+craft+beer%0Ahttps%3A%2F%2Fthehustle.co%2F01202021-athletic-brewery-nonal=
coholic%3Futm_campaign%3DOffice%252FWarehouse%2BRobots%26utm_content%3D0120=
2021-athletic-brewery-nonalcoholic%26utm_medium%3Demail%26utm_source%3Ddail=
y%0A%0AYou%20can%20subscribe%20with%20my%20link%20here%20to%20get%20the%20l=
atest%20in%20tech%20and%20business%20daily:%0Ahttps://thehustle.co/?ref=3Df=
e3aadeeec" style=3D"color: #d62829; padding: 0 8px; text-decoration: none; =
white-space: nowrap;"><img src=3D"https://sailthru-media.s3.amazonaws.com/c=
omposer/images/sailthru-prod-6ks/email.png" width=3D"30" height=3D"30" alt=
=3D"Send as email to a friend"/></a></td> <td style=3D"display: inline-bloc=
k; padding: 0px 0px 2px; text-align: right;" align=3D"right"><a data-tags=
=3D"share site" href=3D"https://link.thehustle.co/click/22701252.10330/aHR0=
cHM6Ly90aGVodXN0bGUuY28vMDEyMDIwMjEtYXRobGV0aWMtYnJld2VyeS1ub25hbGNvaG9saWM=
_dXRtX2NhbXBhaWduPU9mZmljZSUyRldhcmVob3VzZStSb2JvdHMmdXRtX2NvbnRlbnQ9MDEyMD=
IwMjEtYXRobGV0aWMtYnJld2VyeS1ub25hbGNvaG9saWMmdXRtX21lZGl1bT1lbWFpbCZ1dG1fc=
291cmNlPWRhaWx5/5f3b71092c81bf63140b3f37Bcd9a4b8b" style=3D"color: #d62829;=
 padding: 0 8px; text-decoration: none; white-space: nowrap;"><img src=3D"h=
ttps://sailthru-media.s3.amazonaws.com/composer/images/sailthru-prod-6ks/we=
b.png" width=3D"30" height=3D"30" alt=3D"View on our website"/></a></td> </=
tr> </tbody> </table> </td> </tr> </table> </td> </tr> <tr> <td style=3D"bo=
rder-bottom-color: #dddddd; border-bottom-style: solid; border-bottom-width=
: 1px; padding-top: 15px;"></td> </tr> <tr> <td style=3D"padding-bottom: 5p=
x;"></td> </tr> <tr> <td style=3D"width: 100%;"> <table style=3D"width: 100=
%;"> <tr> <td style=3D"color: #D62829; font-size: 16px; font-weight: bold; =
letter-spacing: 1.5px; padding: 10px 3px 0px; text-transform: uppercase;">S=
PONSORED </td> </tr> <tr id=3D"sponsored"> <td class=3D"h2020 ignore-defaul=
ts" style=3D"padding: 0px 3px;"> <h2 style=3D"font-size: 20px; font-weight:=
 800; letter-spacing: 0px; line-height: 24px; margin: 20px 0 0px;"><strong>=
What would you do with an extra $1,300/year?</strong></h2> <p style=3D"font=
-size: 15px; line-height: 140%; margin: 5px 0px 10px;">No, seriously, it=E2=
=80=99s not a hypothetical -- I just found out I could<a href=3D"https://li=
nk.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cucG9saWN5Z2VuaXVzLmNvbS=
9saWZlLWluc3VyYW5jZS9uby16aXAtbWxwLTEtcGUvP3V0bV9zb3VyY2U9dGhlaHVzdGxlJnV0b=
V9tZWRpdW09cGFpZC1lbWFpbCZ1dG1fY2FtcGFpZ249bGlmZS1pbnMtamFuLTIwMjE/5f3b7109=
2c81bf63140b3f37Cedc51530" style=3D"-webkit-text-fill-color: #d62829; color=
: #d62829; text-decoration: none;"> save $1,300 (or more!!!) every year by =
using Policygenius to compare life insurance.=C2=A0</a></p> <p style=3D"fon=
t-size: 15px; line-height: 140%; margin: 5px 0px 10px;">The only issue is, =
I=E2=80=99m having trouble deciding what to spend it on=E2=80=A6=C2=A0</p> =
<ul style=3D"font-size: 16px; line-height: 20px; margin: 0; padding-bottom:=
 10px; padding-left: 12px;"> <li style=3D"font-size: 15px; line-height: 140=
%; margin: 0 0 0 15px; padding: 0px;">A post-Covid getaway to Bora Bora?</l=
i> <li style=3D"font-size: 15px; line-height: 140%; margin: 0 0 0 15px; pad=
ding: 0px;">A life-size marble bust of my stunning beautiful dog, Gus?</li>=
 <li style=3D"font-size: 15px; line-height: 140%; margin: 0 0 0 15px; paddi=
ng: 0px;">Buying the exclusive rights to My First Million and renaming it T=
he Bobby Durben Fan Club Podcast Presented by Sam Parr and Shaan Puri?</li>=
 </ul> <h4 style=3D"font-size: 17px; height: 100%; letter-spacing: 0px; lin=
e-height: 22px; margin: 0px; padding-top: 8px;"><strong>A tough decision, a=
ll because I let </strong><a href=3D"https://link.thehustle.co/click/227012=
52.10330/aHR0cHM6Ly93d3cucG9saWN5Z2VuaXVzLmNvbS9saWZlLWluc3VyYW5jZS9uby16aX=
AtbWxwLTEtcGUvP3V0bV9zb3VyY2U9dGhlaHVzdGxlJnV0bV9tZWRpdW09cGFpZC1lbWFpbCZ1d=
G1fY2FtcGFpZ249bGlmZS1pbnMtamFuLTIwMjE/5f3b71092c81bf63140b3f37Dedc51530" s=
tyle=3D"color: #d62829; text-decoration: none;"><strong>Policygenius</stron=
g></a><strong> help me out.</strong></h4> <p style=3D"font-size: 15px; line=
-height: 140%; margin: 5px 0px 10px;">Their licensed experts work for <em>y=
ou, </em>not insurance companies, so they=E2=80=99ll do everything in their=
 power to make sure you get the lowest rate -- even if that means comparing=
 plans from 30 different insurers at once.</p> <p style=3D"font-size: 15px;=
 line-height: 140%; margin: 5px 0px 10px;">Every day, <a href=3D"https://li=
nk.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cucG9saWN5Z2VuaXVzLmNvbS=
9saWZlLWluc3VyYW5jZS9uby16aXAtbWxwLTEtcGUvP3V0bV9zb3VyY2U9dGhlaHVzdGxlJnV0b=
V9tZWRpdW09cGFpZC1lbWFpbCZ1dG1fY2FtcGFpZ249bGlmZS1pbnMtamFuLTIwMjE/5f3b7109=
2c81bf63140b3f37Eedc51530" style=3D"-webkit-text-fill-color: #d62829; color=
: #d62829; text-decoration: none;">Policygenius helps people save over 50% =
</a>on their life insurance policies.=C2=A0</p> <p style=3D"font-size: 15px=
; line-height: 140%; margin: 5px 0px 10px;">The only question left?=C2=A0</=
p> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">W=
hat to do with all that extra cash.</p></td></tr> <tr> <td style=3D"padding=
: 10px 0px 15px; text-align: center;" align=3D"center"> <a href=3D"https://=
link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cucG9saWN5Z2VuaXVzLmNv=
bS9saWZlLWluc3VyYW5jZS9uby16aXAtbWxwLTEtcGUvP3V0bV9zb3VyY2U9dGhlaHVzdGxlJnV=
0bV9tZWRpdW09cGFpZC1lbWFpbCZ1dG1fY2FtcGFpZ249bGlmZS1pbnMtamFuLTIwMjE/5f3b71=
092c81bf63140b3f37Fedc51530" target=3D"_blank" style=3D"-webkit-text-fill-c=
olor: #ffffff; background: #D62829; border-radius: 15px; color: #ffffff; fo=
nt-size: 16px; font-weight: bold; padding: 6px 20px; text-decoration: none;=
">Save with Policygenius =E2=86=92</a> </td> </tr> </table></td></tr> <tr> =
<td style=3D"border-bottom-color: #dddddd; border-bottom-style: solid; bord=
er-bottom-width: 1px; padding-top: 5px;"></td> </tr> <tr><td style=3D"paddi=
ng-bottom: 5px;"></td></tr> <tr style=3D"display: block; padding: 10px 2px =
0px;"> <td style=3D"width: 100%;"> <table style=3D"width: 100%;"> <tr> <td =
style=3D"color: #D62829; font-size: 16px; font-weight: bold; letter-spacing=
: 1.5px; padding: 0px 0px 10px; text-transform: uppercase;">Return of the B=
utton </td> </tr> <tr> <td style=3D"padding: 0 0 6px;"> <img src=3D"https:/=
/sailthru-media.s3.amazonaws.com/composer/images/sailthru-prod-6ks/streamin=
g_controllers.png" width=3D"600" style=3D"height: auto; max-width: 600px; w=
idth: 100%;" alt=3D"Streaming wars"/> </td> </tr> <tr> <td> <h2 style=3D"fo=
nt-size: 22px; font-weight: bold; line-height: 26px; margin: 10px 0px 5px;"=
>Streaming wars, 2021: Battle of the buttons</h2> </td> </tr> <tr> <td clas=
s=3D"h2020 ignore-defaults" style=3D"padding: 5px 0px 0px;"> <p style=3D"fo=
nt-size: 15px; line-height: 140%; margin: 5px 0px 10px;">In 2011, Netflix c=
hanged our lives -- for better or worse -- by <a href=3D"https://link.thehu=
stle.co/click/22701252.10330/aHR0cDovL2NuZXQuY29tL25ld3MvcmVtb3RlLWNvbnRyb2=
xzLXRvLWdldC1hLW5ldGZsaXgtYnV0dG9uLw/5f3b71092c81bf63140b3f37B78f2e451" sty=
le=3D"-webkit-text-fill-color: #d62829; color: #d62829; text-decoration: no=
ne;"><u style=3D"color: #d62829; text-decoration: none; underline: none;">i=
ntroducing</u></a> the Netflix button on remotes. They outdid themselves wi=
th the =E2=80=9Cskip intro=E2=80=9D button, but that=E2=80=99s another conv=
ersation.</p> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0=
px 10px;">At last week=E2=80=99s CES, one trend stood out among all kinds o=
f remotes: buttons.</p> <h4 style=3D"font-size: 17px; height: 100%; letter-=
spacing: 0px; line-height: 22px; margin: 0px; padding-top: 8px;"><strong>Mo=
re branded shortcut buttons than ever</strong></h4> <p style=3D"font-size: =
15px; line-height: 140%; margin: 5px 0px 10px;">Chinese smart TV maker Hise=
nse <a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d=
3cucHJvdG9jb2wuY29tLzIwMjEtdHYtcmVtb3RlLWJyYW5kZWQtYnV0dG9u/5f3b71092c81bf6=
3140b3f37Bce917951" style=3D"-webkit-text-fill-color: #d62829; color: #d628=
29; text-decoration: none;"><u style=3D"color: #d62829; text-decoration: no=
ne; underline: none;">introduced</u></a> a remote with 6 branded buttons in=
cluding Netflix, Prime Video, YouTube, Tubi, Disney+, and Peacock.=C2=A0</p=
> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">Vi=
zio =E2=80=9Chold my beer=E2=80=99d=E2=80=9D them with 7 buttons.=C2=A0</p>=
 <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">Str=
eaming services dish out ~$1 per remote for the real estate, making the but=
tons a valuable revenue stream for TV manufacturers looking to offset a ~60=
% <a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3c=
ucHJvdG9jb2wuY29tL3RjbC1yb2t1LXR2LXByb2ZpdC1zbWFydHBob25l/5f3b71092c81bf631=
40b3f37B180a954e" style=3D"-webkit-text-fill-color: #d62829; color: #d62829=
; text-decoration: none;"><u style=3D"color: #d62829; text-decoration: none=
; underline: none;">decline</u></a> in TV prices between 2014 and 2019.=C2=
=A0</p> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10p=
x;">On the other end -- with the smart TV market expected to <a href=3D"htt=
ps://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cuYnVzaW5lc3N3aXJ=
lLmNvbS9uZXdzL2hvbWUvMjAyMDExMDMwMDU0MDEvZW4vVW5pdGVkLVN0YXRlcy1TbWFydC1UVi=
1NYXJrZXQtR3Jvd3RoLVRyZW5kcy1hbmQtRm9yZWNhc3RzLTIwMjAtMjAyNS0tLVJlc2VhcmNoQ=
W5kTWFya2V0cy5jb20/5f3b71092c81bf63140b3f37B16e9ad31" style=3D"-webkit-text=
-fill-color: #d62829; color: #d62829; text-decoration: none;"><u style=3D"c=
olor: #d62829; text-decoration: none; underline: none;">grow</u></a> 10.5% =
annually through 2025 -- streaming services see the buttons as a means towa=
rd subscriber growth and increased viewership.</p> <h4 style=3D"font-size: =
17px; height: 100%; letter-spacing: 0px; line-height: 22px; margin: 0px; pa=
dding-top: 8px;"><strong>Now, with voice assistants, brands are fighting a =
2-front battle</strong></h4> <p style=3D"font-size: 15px; line-height: 140%=
; margin: 5px 0px 10px;">In 2020, for instance, LG was supposed to integrat=
e Google Assistant and Alexa into its main mic button, but Google reportedl=
y wasn=E2=80=99t down to share.</p> <p style=3D"font-size: 15px; line-heigh=
t: 140%; margin: 5px 0px 10px;">This meant that to access Alexa on LG=E2=80=
=99s remote, users had to long-press the Prime Video button =E2=80=94 <em>a=
nd no one likes a long-press</em>.</p> <p style=3D"font-size: 15px; line-he=
ight: 140%; margin: 5px 0px 10px;">This year, things changed: LG gave Googl=
e Assistant and Alexa dedicated buttons. But LG also gave its own webOS a b=
utton -- meaning LG=E2=80=99s remote now has 3 separate voice assistant but=
tons.=C2=A0</p> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px=
 0px 10px;">Seems a little excessive if you ask us.</p> </td> </tr> <tr> <t=
d> <table style=3D"padding: 10px 10px 0px; width: 100%;" cellpadding=3D"0">=
 <tbody style=3D"text-align: right;"> <tr> <td style=3D"display: inline-blo=
ck; padding: 0px 0px 2px; text-align: right;" align=3D"right"><a data-tags=
=3D"share facebook" href=3D"https://link.thehustle.co/click/22701252.10330/=
aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL3NoYXJlci9zaGFyZXIucGhwP3NyYz1zZGtwcmVwYXJ=
zZSZ1PWh0dHBzJTNBJTJGJTJGdGhlaHVzdGxlLmNvJTJGMDEyMDIwMjEtc3RyZWFtaW5nLXdhcn=
MtYnV0dG9ucyUzRnV0bV9jYW1wYWlnbiUzRE9mZmljZSUyNTJGV2FyZWhvdXNlJTJCUm9ib3RzJ=
TI2dXRtX2NvbnRlbnQlM0QwMTIwMjAyMS1zdHJlYW1pbmctd2Fycy1idXR0b25zJTI2dXRtX21l=
ZGl1bSUzRGVtYWlsJTI2dXRtX3NvdXJjZSUzRGRhaWx5/5f3b71092c81bf63140b3f37Dbe095=
724" style=3D"color: #d62829; padding: 0 8px; text-decoration: none; white-=
space: nowrap;"><img src=3D"https://sailthru-media.s3.amazonaws.com/compose=
r/images/sailthru-prod-6ks/fb.png" width=3D"30" height=3D"30" alt=3D"Share =
on Facebook"/></a></td> <td style=3D"display: inline-block; padding: 0px 0p=
x 2px; text-align: right;" align=3D"right"><a data-tags=3D"share twitter" h=
ref=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly90d2l0dGVyL=
mNvbS9pbnRlbnQvdHdlZXQ_dGV4dD0mdXJsPWh0dHBzJTNBJTJGJTJGdGhlaHVzdGxlLmNvJTJG=
MDEyMDIwMjEtc3RyZWFtaW5nLXdhcnMtYnV0dG9ucyUzRnV0bV9jYW1wYWlnbiUzRE9mZmljZSU=
yNTJGV2FyZWhvdXNlJTJCUm9ib3RzJTI2dXRtX2NvbnRlbnQlM0QwMTIwMjAyMS1zdHJlYW1pbm=
ctd2Fycy1idXR0b25zJTI2dXRtX21lZGl1bSUzRGVtYWlsJTI2dXRtX3NvdXJjZSUzRGRhaWx5J=
nZpYT1UaGVIdXN0bGU/5f3b71092c81bf63140b3f37Dd3f40188" style=3D"color: #d628=
29; padding: 0 8px; text-decoration: none; white-space: nowrap;"><img src=
=3D"https://sailthru-media.s3.amazonaws.com/composer/images/sailthru-prod-6=
ks/twitter.png" width=3D"30" height=3D"30" alt=3D"Share on Twitter"/></a></=
td> <td style=3D"display: inline-block; padding: 0px 0px 2px; text-align: r=
ight;" align=3D"right"><a data-tags=3D"share email" href=3D"mailto:?subject=
=3DThe%20Hustle%20wrote%20something%20I%20think%20you%27ll%20like...%0A&amp=
;body=3DStreaming+wars%2C+2021%3A+Battle+of+the+buttons%0Ahttps%3A%2F%2Fthe=
hustle.co%2F01202021-streaming-wars-buttons%3Futm_campaign%3DOffice%252FWar=
ehouse%2BRobots%26utm_content%3D01202021-streaming-wars-buttons%26utm_mediu=
m%3Demail%26utm_source%3Ddaily%0A%0AYou%20can%20subscribe%20with%20my%20lin=
k%20here%20to%20get%20the%20latest%20in%20tech%20and%20business%20daily:%0A=
https://thehustle.co/?ref=3Dfe3aadeeec" style=3D"color: #d62829; padding: 0=
 8px; text-decoration: none; white-space: nowrap;"><img src=3D"https://sail=
thru-media.s3.amazonaws.com/composer/images/sailthru-prod-6ks/email.png" wi=
dth=3D"30" height=3D"30" alt=3D"Send as email to a friend"/></a></td> <td s=
tyle=3D"display: inline-block; padding: 0px 0px 2px; text-align: right;" al=
ign=3D"right"><a data-tags=3D"share site" href=3D"https://link.thehustle.co=
/click/22701252.10330/aHR0cHM6Ly90aGVodXN0bGUuY28vMDEyMDIwMjEtc3RyZWFtaW5nL=
XdhcnMtYnV0dG9ucz91dG1fY2FtcGFpZ249T2ZmaWNlJTJGV2FyZWhvdXNlK1JvYm90cyZ1dG1f=
Y29udGVudD0wMTIwMjAyMS1zdHJlYW1pbmctd2Fycy1idXR0b25zJnV0bV9tZWRpdW09ZW1haWw=
mdXRtX3NvdXJjZT1kYWlseQ/5f3b71092c81bf63140b3f37B67cb57ff" style=3D"color: =
#d62829; padding: 0 8px; text-decoration: none; white-space: nowrap;"><img =
src=3D"https://sailthru-media.s3.amazonaws.com/composer/images/sailthru-pro=
d-6ks/web.png" width=3D"30" height=3D"30" alt=3D"View on our website"/></a>=
</td> </tr> </tbody> </table> </td> </tr> </table> </td> </tr> <tr> <td sty=
le=3D"border-bottom-color: #dddddd; border-bottom-style: solid; border-bott=
om-width: 1px; padding-top: 15px;"></td> </tr> <tr> <td style=3D"padding-bo=
ttom: 5px;"></td> </tr> <tr style=3D"display: block; padding: 10px 2px 0px;=
"> <td style=3D"width: 100%;"> <table style=3D"width: 100%;"> <tr> <td styl=
e=3D"color: #D62829; font-size: 16px; font-weight: bold; letter-spacing: 1.=
5px; padding: 0px 0px 10px; text-transform: uppercase;"> </td> </tr> <tr> <=
td style=3D"padding: 0 0 6px;"> <img src=3D"https://sailthru-media.s3.amazo=
naws.com/composer/images/sailthru-prod-6ks/market_cap_faamg.png" width=3D"6=
00" style=3D"height: auto; max-width: 600px; width: 100%;" alt=3D""/> </td>=
 </tr> <tr> <td> <h2 style=3D"font-size: 22px; font-weight: bold; line-heig=
ht: 26px; margin: 10px 0px 5px;">How has FAAMG done since Inauguration Day =
2017?</h2> </td> </tr> <tr> <td class=3D"h2020 ignore-defaults" style=3D"pa=
dding: 5px 0px 0px;"> <p style=3D"font-size: 15px; line-height: 140%; margi=
n: 5px 0px 10px;">We hope you=E2=80=99re sitting down for this.=C2=A0</p> <=
p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">At cl=
ose on Jan. 20, 2017, the combined market value of FAAMG (Facebook, Amazon,=
 Apple, Microsoft, Google) was <strong>$2.43T</strong>. As of yesterday mor=
ning, it was <strong>$7.19T</strong>.=C2=A0</p> <p style=3D"font-size: 15px=
; line-height: 140%; margin: 5px 0px 10px;">In just 4 short years, these 5 =
tech giants added <strong>$4.8T</strong> in market value; almost as jarring=
, Apple itself is today worth almost as much (<strong>$2.14T</strong>) as t=
he 5 companies combined were in January 2017. =F0=9F=91=80</p> </td> </tr> =
</table> </td> </tr> <tr> <td style=3D"border-bottom-color: #dddddd; border=
-bottom-style: solid; border-bottom-width: 1px; padding-top: 15px;"></td> <=
/tr> <tr> <td style=3D"padding-bottom: 5px;"></td> </tr> <tr> <td style=3D"=
width: 100%;"> <table style=3D"width: 100%;"> <tr> <td style=3D"color: #D62=
829; font-size: 16px; font-weight: bold; letter-spacing: 1.5px; padding: 10=
px 2px 0px; text-transform: uppercase;">The Hustle Says </td> </tr> <tr> <t=
d> <div class=3D"statements" style=3D"font-family: sans-serif; font-size: 1=
5px; padding: 0px 2px;"> <p style=3D"font-size: 16px; line-height: 20px; ma=
rgin: 0px; padding-bottom: 12px;"></p><p style=3D"font-size: 16px; line-hei=
ght: 20px; margin: 0px; padding-bottom: 12px;"><strong>Peaky Blinders is ge=
tting a sixth season </strong><em><strong>and</strong></em><strong> a movie=
. </strong><a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0cH=
M6Ly93d3cubmV0ZmxpeC5jb20vdGl0bGUvODAwMDI0Nzk/5f3b71092c81bf63140b3f37B7d5a=
0eb1" style=3D"-webkit-text-fill-color: #d62829; color: #d62829; text-decor=
ation: none;">Catch up on the first 5 seasons here.</a></p> </div> </td> </=
tr> <tr> <td> <div class=3D"statements" style=3D"font-family: sans-serif; f=
ont-size: 15px; padding: 0px 2px;"> <p style=3D"font-size: 16px; line-heigh=
t: 20px; margin: 0px; padding-bottom: 12px;"></p><p style=3D"font-size: 16p=
x; line-height: 20px; margin: 0px; padding-bottom: 12px;"><strong>Winc cont=
inues to disrupt the $300b vino industry with their modern wine subscriptio=
n. </strong>Thanks to bottomless customer insights, they=E2=80=99ll help yo=
u discover new wines you=E2=80=99ll love and ship =E2=80=98em straight to y=
ou. <a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly90c=
nl3aW5jLmNvbS90aGVodXN0bGU/5f3b71092c81bf63140b3f37Bd85b27ed" style=3D"-web=
kit-text-fill-color: #d62829; color: #d62829; text-decoration: none;">Get $=
20 off your first order here</a>.*</p> </div> </td> </tr> <tr> <td> <div cl=
ass=3D"statements" style=3D"font-family: sans-serif; font-size: 15px; paddi=
ng: 0px 2px;"> <p style=3D"font-size: 16px; line-height: 20px; margin: 0px;=
 padding-bottom: 12px;"></p><p style=3D"font-size: 16px; line-height: 20px;=
 margin: 0px; padding-bottom: 12px;"><strong>Invest in Gatsby, the fast-gro=
wing app that makes trading options easy. </strong>Their funding round ends=
 on 2/12, or once they hit $5M -- whichever happens first. <a href=3D"https=
://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly9pbnZlc3QudHJ5Z2F0c2J5L=
mNvbS8_dXRtX3NvdXJjZT1odXN0bGUmdXRtX21lZGl1bT0xMjA/5f3b71092c81bf63140b3f37=
Bb9a50554" style=3D"-webkit-text-fill-color: #d62829; color: #d62829; text-=
decoration: none;">Don=E2=80=99t miss your chance to invest in the future o=
f options trading.</a>*</p> </div> </td> </tr> <tr> <td> <div class=3D"stat=
ements" style=3D"font-family: sans-serif; font-size: 15px; padding: 0px 2px=
;"> <p style=3D"font-size: 16px; line-height: 20px; margin: 0px; padding-bo=
ttom: 12px;"></p><p style=3D"font-size: 16px; line-height: 20px; margin: 0p=
x; padding-bottom: 12px;"><strong>If you=E2=80=99re gonna watch Peaky Blind=
ers with the kids around, </strong>you=E2=80=99ll probably want to snag som=
e <a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3c=
uaGFwcHllYXJzLmNvL2VhcnBsdWcv/5f3b71092c81bf63140b3f37B7ccbbb74" style=3D"-=
webkit-text-fill-color: #d62829; color: #d62829; text-decoration: none;">hi=
gh-quality earplugs</a>. Cockney accents are cool, your child dropping F-bo=
mbs at preschool is <del>also cool</del> not.=C2=A0</p> </div> </td> </tr> =
<tr> <td> <p style=3D"font-family: arial, sans-serif; font-size: 12px; line=
-height: 120%; margin: 0px; padding: 0px 2px;">*This is a sponsored post. <=
/p> </td> </tr> </table></td></tr> <tr> <td style=3D"border-bottom-color: #=
dddddd; border-bottom-style: solid; border-bottom-width: 1px; padding-top: =
13px;"></td> </tr> <tr><td style=3D"padding-bottom: 5px;"></td></tr> <tr> <=
td style=3D"width: 100%;"> <table style=3D"width: 100%;"> <tr> <td style=3D=
"color: #D62829; font-size: 16px; font-weight: bold; letter-spacing: 1.5px;=
 padding: 10px 3px 12px; text-transform: uppercase;">TRENDS</td> </tr> <tr =
id=3D"bottom ad copy"> <td class=3D"h2020 ignore-defaults" style=3D"padding=
: 0px 3px;"> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0p=
x 10px;"><strong>How to stand out from your 9.7 competitors...</strong></p>=
 <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">Res=
earch shows that if you start a business this year, you=E2=80=99re going to=
 have more competitors than if you had started a business 5 years ago.<br/>=
 <br/> <strong>(9.7 competitors vs. 2.6, on average)</strong></p> <p style=
=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">So, it shoul=
d come as no surprise that when we asked founders for the #1 skillset a new=
comer should have for starting a project in 2021, many gave the same answer=
:<br/> <br/> <strong>Branding.</strong><br/> <br/> Branding is what sets yo=
u apart from those 9.7 competitors you=E2=80=99re going to be facing.<br/> =
<br/> Which is why, in last week=E2=80=99s Trends newsletter, we dove deep =
into best practices that have proven successful and frameworks that you can=
 start leveraging <strong>immediately </strong>for the competitive edge.<br=
/> <br/> When you read through last week=E2=80=99s issue, you=E2=80=99ll le=
arn:</p> <ul style=3D"font-size: 16px; line-height: 20px; margin: 0; paddin=
g-bottom: 10px; padding-left: 12px;"> <li style=3D"font-size: 15px; line-he=
ight: 140%; margin: 0 0 0 15px; padding: 0px;">The storytelling techniques =
that helped one startup <strong>$114M</strong> in funding</li> <li style=3D=
"font-size: 15px; line-height: 140%; margin: 0 0 0 15px; padding: 0px;">How=
 to perfect your DSI (dominant selling idea)</li> <li style=3D"font-size: 1=
5px; line-height: 140%; margin: 0 0 0 15px; padding: 0px;">How contrarianis=
m and =E2=80=9Cpicking fights=E2=80=9D can help you make a name for your pr=
oject</li> <li style=3D"font-size: 15px; line-height: 140%; margin: 0 0 0 1=
5px; padding: 0px;">And much more</li> </ul> <p style=3D"font-size: 15px; l=
ine-height: 140%; margin: 5px 0px 10px;">If you=E2=80=99re not already a me=
mber of Trends, <a href=3D"https://link.thehustle.co/click/22701252.10330/a=
HR0cHM6Ly90cmVuZHMuY28vdHJpYWwtc3RhcnQ_dXRtX21lZGl1bT1mbmw1JnV0bV9jYW1wYWln=
bj1icmFuZGluZw/5f3b71092c81bf63140b3f37B5282ae63" style=3D"-webkit-text-fil=
l-color: #d62829; color: #d62829; text-decoration: none;"><u style=3D"color=
: #d62829; text-decoration: none; underline: none;"><strong>sign up today f=
or a $1 trial</strong></u></a> to get access to the full newsletter.</p> </=
td> </tr> <tr> <td style=3D"padding: 10px 0px 15px; text-align: center;" al=
ign=3D"center"> <a href=3D"https://link.thehustle.co/click/22701252.10330/a=
HR0cHM6Ly90cmVuZHMuY28vP3V0bV9zb3VyY2U9ZGFpbHkmdXRtX21lZGl1bT1mbmw1/5f3b710=
92c81bf63140b3f37B25bfb9e5" style=3D"-webkit-text-fill-color: #ffffff; back=
ground: #D62829; border-radius: 15px; color: #ffffff; font-size: 16px; font=
-weight: bold; padding: 6px 20px; text-decoration: none;">Click here =E2=86=
=92</a> </td> </tr> </table></td></tr> <tr> <td style=3D"border-bottom-colo=
r: #dddddd; border-bottom-style: solid; border-bottom-width: 1px; padding-t=
op: 5px;"></td> </tr> <tr><td style=3D"padding-bottom: 5px;"></td></tr> <tr=
 style=3D"display: block; padding: 10px 2px 0px;"> <td style=3D"width: 100%=
;"> <table style=3D"width: 100%;"> <tr> <td style=3D"color: #D62829; font-s=
ize: 16px; font-weight: bold; letter-spacing: 1.5px; padding: 0px 0px 10px;=
 text-transform: uppercase;"> </td> </tr> <tr> <td style=3D"padding: 0 0 6p=
x; text-align: center;" align=3D"center"> <img src=3D"https://sailthru-medi=
a.s3.amazonaws.com/composer/images/sailthru-prod-6ks/gif_of_the_day.gif" wi=
dth=3D"600" style=3D"height: auto; max-width: 600px; width: 100%;" alt=3D""=
/> </td> </tr> <tr> <td class=3D"h2020 ignore-defaults" style=3D"padding: 5=
px 0px 0px;"> <p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0=
px 10px;"><strong>Listen, we know you want more robot GIFs=E2=80=A6 </stron=
g>so, here you go. Above is a grocery-picking robot that Ocado -- the Briti=
sh online-only grocer -- uses to fill customers=E2=80=99 orders.=C2=A0</p> =
<p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">This=
 robot uses the latest sensors, visions, and suction technology to pick up =
to 50 items in 2-3 minutes, according to the company=E2=80=99s CEO <a href=
=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cueW91dHVi=
ZS5jb20vd2F0Y2g_dj1NUmkwLS1haHN1dw/5f3b71092c81bf63140b3f37Cebffbc50" style=
=3D"-webkit-text-fill-color: #d62829; color: #d62829; text-decoration: none=
;"><u style=3D"color: #d62829; text-decoration: none; underline: none;">Tim=
 Steiner</u></a>.=C2=A0</p> <p style=3D"font-size: 15px; line-height: 140%;=
 margin: 5px 0px 10px;">Ocado now sells its tech to 3rd parties (e.g., Krog=
er) and its market value has exploded, growing 10x in the past 5 years to <=
strong>~$26B</strong>.</p> </td> </tr> </table> </td> </tr> <tr> <td style=
=3D"border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom=
-width: 1px; padding-top: 15px;"></td> </tr> <tr> <td style=3D"padding-bott=
om: 5px;"></td> </tr>  <tr class=3D"zephyr-syntax" style=3D"display: block;=
 padding: 10px 2px 0px;"> <td style=3D"display: block; min-width: 320px; pa=
dding: 0px;"> <table style=3D"top: 10px; width: 100%;"> <tr class=3D"zephyr=
-syntax"> <td style=3D"padding: 0px;"> <table style=3D"border-spacing: 0px;=
 width: 100%;"> <tr class=3D"zephyr-syntax"> <td style=3D"color: #da2829; f=
ont-size: 16px; font-weight: bold; letter-spacing: 1.5px; padding: 0px 3px =
15px; text-transform: uppercase;">SHARE THE HUSTLE </td> </tr> <tr class=3D=
"zephyr-syntax"> <td style=3D"text-align: center;" align=3D"center"> <a hre=
f=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly90aGVodXN0bGU=
uY28vYWNjb3VudC8_YWNjZXNzX3Rva2VuPTg1ODc2ODQzM2YwY2JiYjAxMWZlNGQ1NA/5f3b710=
92c81bf63140b3f37B342b8eef" target=3D"_blank" style=3D"color: #d62829; text=
-decoration: none;"> <img src=3D"https://sailthru-media.s3.amazonaws.com/co=
mposer/images/sailthru-prod-6ks/greatest%20hits.png" style=3D"height: auto;=
 padding: 10px 0 6px; width: 60%;" width=3D"325" alt=3D"Hustle Cons Greates=
t Hits ebook"/> </a> </td> </tr> <tr class=3D"zephyr-syntax" id=3D"Bottom c=
opy"> <td style=3D"padding: 5px 3px 0px;"> <p style=3D"font-size: 16px; lin=
e-height: 140%; margin: 5px 0px 0px; padding-bottom: 10px;">Over the years,=
 we=E2=80=99ve learned=E2=80=A6 <em>secrets.</em></p> <p style=3D"font-size=
: 16px; line-height: 140%; margin: 5px 0px 0px; padding-bottom: 10px;"> The=
 business secrets, tips, and tricks that have helped founders go from zero =
to millions -- and even <em>billions</em> -- of dollars.</p> <p style=3D"fo=
nt-size: 16px; line-height: 140%; margin: 5px 0px 0px; padding-bottom: 10px=
;">Want to see =E2=80=98em? Just refer 2 more friends to The Hustle and we=
=E2=80=99ll send you our curated set of interviews with founders from brand=
s like Zola, AWAY, Vungle, Bonobos, and more.</p> <p style=3D"font-size: 16=
px; line-height: 140%; margin: 5px 0px 0px; padding-bottom: 10px;">Here=E2=
=80=99s a message you can use to share with your friends:</p> </td> </tr> <=
tr class=3D"zephyr-syntax" id=3D"Bottom copy"> <td style=3D"padding: 5px 13=
px 0px;"> Hey! Do you read The Hustle? It=E2=80=99s the best daily business=
 newsletter out there -- only takes 5 minutes to read and you=E2=80=99ll so=
und like the smartest person in the room. Sign up here, it=E2=80=99s free: =
<a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly90aGVod=
XN0bGUuY28vP3JlZj1mZTNhYWRlZWVj/5f3b71092c81bf63140b3f37Be67ffbb6" style=3D=
"color: #d62829; text-decoration: none;">https://thehustle.co/?ref=3Dfe3aad=
eeec</a> </td> </tr> <tr class=3D"zephyr-syntax" id=3D"Bottom copy"> <td st=
yle=3D"padding: 15px 3px 0px;"> <p style=3D"font-size: 16px; line-height: 1=
40%; margin: 5px 0px 0px; padding-bottom: 10px;"><em>P.S. You can always ch=
eck your referral count <a href=3D"https://link.thehustle.co/click/22701252=
.10330/aHR0cHM6Ly90aGVodXN0bGUuY28vYWNjb3VudC8_YWNjZXNzX3Rva2VuPTg1ODc2ODQz=
M2YwY2JiYjAxMWZlNGQ1NA/5f3b71092c81bf63140b3f37C342b8eef" style=3D"color: #=
d62829; text-decoration: none;">here</a>.</em></p> </td> </tr> <tr class=3D=
"zephyr-syntax"> <td style=3D"padding: 8px 0px 15px; text-align: center;" a=
lign=3D"center"> <a href=3D"https://link.thehustle.co/click/22701252.10330/=
aHR0cHM6Ly90aGVodXN0bGUuY28vYWNjb3VudC8_YWNjZXNzX3Rva2VuPTg1ODc2ODQzM2YwY2J=
iYjAxMWZlNGQ1NA/5f3b71092c81bf63140b3f37D342b8eef" target=3D"_blank" style=
=3D"-webkit-text-fill-color: #ffffff; background: #D62829; border-radius: 1=
5px; color: #ffffff; font-size: 16px; font-weight: bold; padding: 6px 20px;=
 text-decoration: none;">Share The Hustle =E2=86=92</a> </td> </tr> </table=
> </td> </tr> </table> </td> </tr> <tr class=3D"zephyr-syntax"> <td style=
=3D"border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom=
-width: 1px; padding-top: 5px;"></td> </tr> <tr class=3D"zephyr-syntax"> <t=
d style=3D"padding-bottom: 15px;"></td> </tr>         <tr> <td style=3D"pad=
ding-bottom: 0px;"> </td> </tr> <tr style=3D"display: block; padding-top: 0=
px;"> <td style=3D"display: block; min-width: 330px; padding: 0px; width: 1=
00%;"> <table style=3D"font-weight: 600; padding: 0px 20px; text-align: cen=
ter; width: 100%;"> <tr> <td style=3D"padding-bottom: 10px; text-align: cen=
ter;" align=3D"center"> <span style=3D"font-size: 16px; font-weight: bold; =
letter-spacing: .5px;">How did you like today=E2=80=99s email?</span> </td>=
 </tr> <tr style=3D"color: #D62829; letter-spacing: .2px;"> <td style=3D"di=
splay: inline-block;"> <a data-tags=3D"feedback frowny" style=3D"color: #ff=
5a41; text-decoration: none;" href=3D"https://link.thehustle.co/click/22701=
252.10330/aHR0cHM6Ly9kb2NzLmdvb2dsZS5jb20vZm9ybXMvZC8xbUw0V0RfNlNrNVByeDFmR=
3MzeEhpMHRQLS1URlFkMVp0el9qYjBjcU4tUS9lZGl0P3RzPTVjYWJjNTY0/5f3b71092c81bf6=
3140b3f37B15c1bc39"> <img src=3D"https://sailthru-media.s3.amazonaws.com/co=
mposer/images/sailthru-prod-6ks/daily_hate.gif" style=3D"height: 35px; padd=
ing: 0px 10px 10px; width: auto;"/> </a> <br/>hate it </td> <td style=3D"di=
splay: inline-block;"> <a data-tags=3D"feedback meh" style=3D"color: #ff5a4=
1; text-decoration: none;" href=3D"https://link.thehustle.co/click/22701252=
.10330/aHR0cHM6Ly9kb2NzLmdvb2dsZS5jb20vZm9ybXMvZC8xM2QycGY3VXR4ZktnbEpaNnpf=
NFUxLVRfbXNMbk1uZVRWc2d4a3Z4WDBOWS9lZGl0P3RzPTVjYWJjNWU2/5f3b71092c81bf6314=
0b3f37Bac18103c"> <img src=3D"https://sailthru-media.s3.amazonaws.com/compo=
ser/images/sailthru-prod-6ks/daily_meh.gif" style=3D"height: 35px; padding:=
 0px 10px 10px; width: auto;"/> </a> <br/>meh </td> <td style=3D"display: i=
nline-block;"> <a data-tags=3D"feedback smiley" style=3D"color: #ff5a41; te=
xt-decoration: none;" href=3D"https://link.thehustle.co/click/22701252.1033=
0/aHR0cHM6Ly9kb2NzLmdvb2dsZS5jb20vZm9ybXMvZC8xM3FHZ0Nzb05OcnJOQ3hkYkUzVWR5N=
G1PMThnS0F0djdvbXdKTzZpdXh3QS9lZGl0P3RzPTVjYWJjNTlj/5f3b71092c81bf63140b3f3=
7B59e5298e"> <img src=3D"https://sailthru-media.s3.amazonaws.com/composer/i=
mages/sailthru-prod-6ks/daily_love.gif" style=3D"height: 35px; padding: 0px=
 10px 10px; width: auto;"/> </a> <br/>love it </td> </tr> </table> </td> </=
tr> <tr> <td style=3D"padding-bottom: 15px;"></td> </tr> <tr> <td style=3D"=
border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom-wid=
th: 1px;"></td> </tr> <tr> <td style=3D"border-top-color: #dddddd; border-t=
op-style: solid; border-top-width: 1px; margin: 0; padding: 15px 0; text-al=
ign: center;" align=3D"center">Today's email was brought to you by <a href=
=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly90d2l0dGVyLmNv=
bS9UcnVuZ1RQaGFu/5f3b71092c81bf63140b3f37Bfd3a9a73" target=3D"_blank" style=
=3D"color: #d62829; text-decoration: none;">@TrungTPhan</a> and <a href=3D"=
https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly90d2l0dGVyLmNvbS9J=
bUphY29iQ29oZW4/5f3b71092c81bf63140b3f37B401377b6" target=3D"_blank" style=
=3D"color: #d62829; text-decoration: none;">Jacob Cohen</a>.<br/> Editing b=
y: Brad =E2=80=9CRobo=E2=80=9D Wolverton, Accounts Payable Administrator (I=
melda Czechs). <table style=3D"width: 100%;"> <tbody> <tr> <td style=3D"dis=
play: inline-block; padding: 20px 0; text-align: center;" align=3D"center">=
<a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly90aGVod=
XN0bGUuY28vbXktZmlyc3QtbWlsbGlvbi1wb2RjYXN0Lw/5f3b71092c81bf63140b3f37B57a5=
fc57" target=3D"_blank" style=3D"color: #000000; font-size: 15px; font-weig=
ht: bold; padding: 0 8px; text-decoration: none; white-space: nowrap;">PODC=
AST</a></td> <td style=3D"display: inline-block; padding: 5px 0; text-align=
: center;" align=3D"center"><a href=3D"https://link.thehustle.co/click/2270=
1252.10330/aHR0cHM6Ly90aGVodXN0bGUuY28vY2FyZWVycz91dG1fc291cmNlPWRhaWx5JnV0=
bV9tZWRpdW09ZW1haWwmdXRtX2NhbXBhaWduPWpvYnM/5f3b71092c81bf63140b3f37B134adf=
d8" target=3D"_blank" style=3D"color: #000000; font-size: 15px; font-weight=
: bold; padding: 0 8px; text-decoration: none; white-space: nowrap;">JOBS</=
a></td> <td style=3D"display: inline-block; padding: 5px 0; text-align: cen=
ter;" align=3D"center"><a href=3D"https://link.thehustle.co/click/22701252.=
10330/aHR0cHM6Ly90aGVodXN0bGUuY28vYWR2ZXJ0aXNlP3V0bV9zb3VyY2U9ZGFpbHkmdXRtX=
21lZGl1bT1lbWFpbCZ1dG1fY2FtcGFpZ249YWR2ZXJ0aXNl/5f3b71092c81bf63140b3f37B7e=
1418c0" target=3D"_blank" style=3D"color: #000000; font-size: 15px; font-we=
ight: bold; padding: 0 8px; text-decoration: none; white-space: nowrap;">AD=
VERTISE</a></td> <td style=3D"display: inline-block; padding: 5px 0; text-a=
lign: center;" align=3D"center"><a href=3D"mailto:[email protected]" target=
=3D"_blank" style=3D"color: #000000; font-size: 15px; font-weight: bold; pa=
dding: 0 8px; text-decoration: none; white-space: nowrap;">CONTACT US</a></=
td> </tr> <tr> <td style=3D"display: inline-block; font-size: 15px; font-we=
ight: bold; line-height: 120%; padding: 10px 10px 5px; text-align: center;"=
 align=3D"center"> <a href=3D"https://link.thehustle.co/click/22701252.1033=
0/aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL2h1c3RsZWNvbg/5f3b71092c81bf63140b3f37Be=
fe397eb" target=3D"_blank" style=3D"color: #ed4d1f; text-decoration: none;"=
><img src=3D"https://sailthru-media.s3.amazonaws.com/composer/images/sailth=
ru-prod-6ks/Daily_Footer_FB.png" alt=3D"Facebook"/></a></td> <td style=3D"d=
isplay: inline-block; font-family: 'Helvetica',sans-serif; font-size: 15px;=
 font-weight: bold; line-height: 120%; padding: 10px 10px 5px; text-align: =
center;" align=3D"center"> <a href=3D"https://link.thehustle.co/click/22701=
252.10330/aHR0cHM6Ly93d3cueW91dHViZS5jb20vY2hhbm5lbC9VQ3lhTjZtZzV1OENqeTJaS=
TRpa1dhdWc/5f3b71092c81bf63140b3f37B02545f49" target=3D"_blank" style=3D"co=
lor: #ed4d1f; text-decoration: none;"><img src=3D"https://sailthru-media.s3=
.amazonaws.com/composer/images/sailthru-prod-6ks/Daily_Footer_YT.png" alt=
=3D"Youtube"/></a></td> <td style=3D"display: inline-block; font-family: 'H=
elvetica',sans-serif; font-size: 15px; font-weight: bold; line-height: 120%=
; padding: 10px 10px 5px; text-align: center;" align=3D"center"> <a href=3D=
"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cuaW5zdGFncmF=
tLmNvbS90aGVodXN0bGVkYWlseS8/5f3b71092c81bf63140b3f37B255da63f" target=3D"_=
blank" style=3D"color: #ed4d1f; text-decoration: none;"><img src=3D"https:/=
/sailthru-media.s3.amazonaws.com/composer/images/sailthru-prod-6ks/Daily_Fo=
oter_Insta.png" alt=3D"Instagram"/></a></td> <td style=3D"display: inline-b=
lock; font-family: 'Helvetica',sans-serif; font-size: 15px; font-weight: bo=
ld; line-height: 120%; padding: 10px 10px 5px; text-align: center;" align=
=3D"center"> <a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0=
cHM6Ly90cmVuZHMuY28vP3V0bV9zb3VyY2U9bmV3c2xldHRlciZ1dG1fY2FtcGFpZ249Zm9vdGV=
yJnV0bV9tZWRpdW09b3JnYW5pYw/5f3b71092c81bf63140b3f37C68f151a5" target=3D"_b=
lank" style=3D"color: #ed4d1f; text-decoration: none;"><img src=3D"https://=
sailthru-media.s3.amazonaws.com/composer/images/sailthru-prod-6ks/Daily_Foo=
ter_Trends.png" alt=3D"Trends"/></a></td> </tr> </tbody> </table> </td> </t=
r> <tr> <td style=3D"border-bottom-style: solid; border-bottom-width: 0; fo=
nt-size: 10px; font-weight: bold; letter-spacing: 0.5px; line-height: 120%;=
 padding: 4px; text-align: center;" align=3D"center">2131 THEO DR. STE F, A=
USTIN, TX 78723, UNITED STATES =E2=80=A2 415.506.7210</td> </tr> <tr class=
=3D"hidethis zephyr-syntax"> <td role=3D"module-content" style=3D"font-size=
: 11px; font-weight: bold; letter-spacing: 0.5px; line-height: 120%; margin=
: 0; padding: 5px 0px; text-align: center;" valign=3D"top" align=3D"center"=
> Never want to hear from us again? Break our hearts and <a href=3D"https:/=
/link.thehustle.co/oc/5f3b71092c81bf63140b3f37dikec.7yy/264c7134&list=3Dthe=
hustle" target=3D"_blank" style=3D"color: #000000; text-decoration: underli=
ne;">unsubscribe</a>.</td> </tr> <tr> <td style=3D"padding: 20px 0px; text-=
align: center;" align=3D"center"> <center><span style=3D"display: block; fl=
oat: none; text-align: center;"><a href=3D"https://link.thehustle.co/click/=
22701252.10330/aHR0cHM6Ly90aGVodXN0bGUuY28vZGFpbHk_dXRtX3NvdXJjZT1kYWlseSZ1=
dG1fbWVkaXVtPWVtYWlsJnV0bV9jYW1wYWlnbj1ib3R0b20lMjBsb2dv/5f3b71092c81bf6314=
0b3f37Bbd535b22" target=3D"_blank" style=3D"color: #d62829; text-decoration=
: none;"><img height=3D"22" src=3D"https://sailthru-media.s3.amazonaws.com/=
composer/images/sailthru-prod-6ks/th.png" alt=3D"The Hustle" style=3D"heigh=
t: auto; width: 100px;" width=3D"100"/></a></span></center> </td> </tr> </t=
body> </table> <!--[if (gte mso 9)|(IE)]></td> </tr> </table><![endif]--> <=
/td> </tr> </tbody> </table> </div> </center> </body> </html> <!--[if (gte =
mso 9)|(IE)]></td> </tr> </table><![endif]-->
------=_Part_41247631_1199589674.1611145812879--

multiplehats avatar Jan 21 '21 10:01 multiplehats

Any chance you could take a peak @hteumeuleu . Still haven't figured this now out 😅

multiplehats avatar Feb 02 '21 21:02 multiplehats

Sorry I didn't. I took a look at your examples right away, but I couldn't reproduce the problem in Email on Acid. And I don't have a Litmus account right now or the proper iOS devices to test this.

hteumeuleu avatar Feb 03 '21 10:02 hteumeuleu

@chrisschwartze hi! Please confirm the iOS version (Settings>General>About>Software version) and which mail app and which version of it you're using. Another thing, you posted the campaign with templating code. Strictly speaking, in order to recreate your experiment, we need exact rendered HTML from your experiment, without templating code. While issue_no can be replaced with string, the {% capture html_content %} is more difficult to guess.

I did a quick look on iPhone 7 / native Mail app / iOS 14.4, it is not happening. But that's a different phone screen size and possibly a different OS version. The only way I can get the side padding is rotate the iPhone to landscape, pinch to restore normal view, rotate back to potrait. But it doesn't show with padding on the sides when opened afresh.

The first step is, somebody needs to recreate the issue on a real device — pinpoint the source code, exact device, mail app version and OS version. If you want to help testing, the approach is, strip as much as you can from HTML, until there's just barely anything left to recreate the issue. ISOLATE. Then, start changing each line, until you find the cause. For example, it might be that issue in your case can be recreated with only blank body. Good. Continue with head. PINPOINT. You strip nearly everything and find out, step by step, let's say, that with minimum-scale==1 you get the padding, but without, it's fine. Job's done, that's the culprit. This is the workflow I'd follow if I was able to recreate the issue.

The bug is real, I've seen it before in geeks slack. It has never happened to my code. Same situation like Rémi, I don't have physical iPhone X to check, can't recreate. By the way, I'm using viewport meta tag <meta name="viewport" content="width=device-width, initial-scale=1.0"/>, it's different from yours, try that. Also, I don't put min-width: 100%; width: 100%; on body (only usual margin:0;padding:0;). Try that too.

revelt avatar Feb 03 '21 11:02 revelt