Email sent from Substack to a Registered user

Substack Registered user

@uifeed.com
Subscribed 5 years, 1 month ago
<html>
 <head>
  <title>
   Four years on Substack: A conversation with Bill Bishop, Substacker #1
  </title>
  <style>
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .typography .markup table.image-wrapper img,
  .typography.editor .markup table.image-wrapper img,
  .typography .markup table.kindle-wrapper img,
  .typography.editor .markup table.kindle-wrapper img {
    max-width: 550px;
  }
}


@media screen and (max-width: 540px) {
  .typography .markup iframe.spotify-wrap,
  .typography.editor .markup iframe.spotify-wrap,
  .typography .markup a.spotify-wrap,
  .typography.editor .markup a.spotify-wrap {
    width: auto !important;
  }
}


@media screen and (max-width: 540px) {
  .typography .markup div.youtube-wrap div.youtube-screen,
  .typography.editor .markup div.youtube-wrap div.youtube-screen,
  .typography .markup div.vimeo-wrap div.youtube-screen,
  .typography.editor .markup div.vimeo-wrap div.youtube-screen {
    display: none !important;
  }
}


@media screen and (max-width: 540px) {
  .typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe,
  .typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe {
    padding: 28px 24px;
  }
}


@media print {
  .typography .markup .button-wrapper,
  .typography.editor .markup .button-wrapper {
    display: none;
  }
}


@media screen and (min-width: 481px) {
  .share-button-container {
    height: 38px;
  }
}


@media screen and (min-width: 481px) {
  .share-button-container a.comment {
    height: 38px;
    line-height: 38px;
    padding-right: 10px;
  }
}


@media screen and (max-width: 480px) {
  .share-button-container .separator {
    display: block;
    margin: 0;
    height: 8px;
    border-left: none;
  }
}


@media screen and (max-width: 480px) {
  .share-button-container a.share.first img {
    padding-left: 0;
  }
}


@media screen and (min-width: 481px) {
  .share-button-container a.mobile {
    display: none !important;
  }
}


@media screen and (max-width: 1000px) {
  .congrats-box {
    flex-direction: column;
  }
  .congrats-box .congrats-box-right {
    margin-left: 38px;
    margin-top: 16px;
  }
}


@media screen and (max-width: 500px) {
  .congrats-box {
    display: none;
  }
}


@media screen and (min-width: 768px) {
  .post {
    padding: 15px 0;
  }
}


@media screen and (max-width: 540px) {
  .post-contributor-footer .post-contributor-bio-table {
    display: block;
  }
  .post-contributor-footer .post-contributor-bio-table-row {
    display: flex;
    flex-direction: row;
  }
  .post-contributor-footer .post-contributor-bio-userhead-cell,
  .post-contributor-footer .post-contributor-bio-body-cell {
    display: block;
  }
  .post-contributor-footer .post-contributor-bio-body-cell {
    flex-grow: 1;
  }
  .post-contributor-footer .post-contributor-bio-body-table {
    display: block;
  }
  .post-contributor-footer .post-contributor-bio-body-table-row {
    display: block;
  }
  .post-contributor-footer .post-contributor-bio-copy-cell,
  .post-contributor-footer .post-contributor-bio-controls-cell {
    display: block;
  }
  .post-contributor-footer .post-contributor-bio-copy-cell {
    margin: 0 0 16px 0;
  }
  .post-contributor-footer .post-contributor-bio-controls-cell {
    width: auto;
  }
  .post-contributor-footer .post-contributor-bio-controls {
    margin: auto;
  }
  .post-contributor-footer .post-contributor-bio-controls .button.primary {
    width: 100%;
  }
  .post-contributor-footer .post-contributor-bio-text {
    font-size: 14px;
  }
}


@media screen and (min-width: 768px) {
  .post-silhouette {
    padding: 15px 0;
  }
}


@media screen and (max-width: 540px) {
  .post-silhouette .post-silhouette-title {
    margin-top: 10.44225025px;
    height: 120px;
  }
}


@media screen and (max-width: 540px) {
  .post-silhouette .post-silhouette-meta {
    width: 75%;
  }
}


@media screen and (max-width: 540px) {
  .post-silhouette .post-silhouette-meta.with-byline-image {
    margin: 20px 0;
  }
}


@media screen and (max-width: 370px) {
  table.post-meta tr td.post-meta-item {
    font-size: 12px;
  }
}


@media screen and (max-width: 540px) {
  .post-preview > .post-preview-image {
    display: none;
  }
}


@media screen and (max-width: 540px) {
  .post-preview-silhouette .post-preview-silhouette-image {
    display: none;
  }
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body .markup table.image-wrapper img,
  body .markup table.kindle-wrapper img {
    max-width: 550px;
  }
}


@media screen and (max-width: 540px) {
  body .markup iframe.spotify-wrap,
  body .markup a.spotify-wrap {
    width: auto !important;
  }
}


@media screen and (max-width: 540px) {
  body .markup div.youtube-wrap div.youtube-screen,
  body .markup div.vimeo-wrap div.youtube-screen {
    display: none !important;
  }
}


@media screen and (max-width: 540px) {
  body .markup div.embedded-publication-wrap .embedded-publication.show-subscribe {
    padding: 28px 24px;
  }
}


@media print {
  body .markup .button-wrapper {
    display: none;
  }
}


@media screen and (min-width: 500px) {
  body .header a.logo {
    width: 42px;
    height: 42px;
    border-radius: 6px;
  }
}


@media screen and (max-width: 420px) {
  body .subscription-receipt table:first-of-type .subscription-amount .subscription-discount {
    width: 72px !important;
  }
}


@media screen and (min-width: 481px) {
  body .share-button-container {
    height: auto;
  }
}


@media screen and (max-width: 480px) {
  body .share-button-container .separator {
    display: block !important;
    margin: 0 !important;
    height: 8px !important;
    border-left: none !important;
  }
}


@media screen and (max-width: 540px) {
  body .footer {
    outline: 8px solid #f8f8f8 !important;
  }
}


@media screen and (max-width: 540px) {
  .digest .item .post-meta-item.audience {
    display: none;
  }
}


@media screen and (min-width: 500px) {
  .digest-publication .logo img {
    width: 42px;
    height: 42px;
    border-radius: 6px;
  }
}


@media screen and (min-width: 541px) {
  .user-profile-modal {
    padding-left: 12px;
    padding-right: 12px;
  }
}


@media screen and (max-width: 540px) {
  .subscribe-widget form.form .sideBySideWrap button.rightButton {
    padding: 10px 12px;
    min-width: 112px;
  }
}


@media screen and (min-width: 541px) {
  .pub-icon:hover .logo-hover,
  .feed-item-icon:hover .logo-hover {
    display: block;
  }
}


@media screen and (max-width: 768px) {
  .file-embed-wrapper {
    padding: 0;
  }
}


@media screen and (max-width: 768px) {
  .file-embed-wrapper-editor {
    padding: 0;
  }
}


@media screen and (max-width: 768px) {
  .file-embed-wrapper-editor:active {
    padding: 0;
  }
}


@media only screen and (max-width: 630px) {
  .file-embed-button.wide {
    display: none;
  }
}


@media only screen and (min-width: 630px) {
  .file-embed-button.narrow {
    display: none;
  }
}


@media screen and (max-width: 540px) {
  .audio-player-wrapper .audio-player .audio-player-progress {
    border-left-width: 16px;
    border-right-width: 16px;
  }
}


@media screen and (max-width: 540px) {
  .audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-popup {
    top: -54px;
  }
}
  </style>
 </head>
 <body class="email-body" style="font-kerning: auto;">
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fmailgun.substack.com%252Fapi%252Fv1%252Femail%252Fopen%253Ftoken%253DeyJtIjoiPDIwMjExMDE1MTYyNTE3LjIuM2VhNDc3MmEwODRkODA4ZS54aGUxbXR6akBtZzIuc3Vic3RhY2suY29tPiIsInUiOjE1NjU2NTkzLCJyIjoiYTNlYzkyYmVAdWlmZWVkLmNvbSIsImQiOiJtZzIuc3Vic3RhY2suY29tIiwicCI6NDI2MjU4ODcsInMiOjEsImMiOiJwb3N0IiwiZiI6dHJ1ZSwiaWF0IjoxNjM0MzE1MTU5LCJpc3MiOiJwdWItMCIsInN1YiI6ImVvIn0.E8vTKkk55Xz-olTGgB8rY0qDeUjXSix2KIVnQgckzmo/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtYWlsZ3VuLnN1YiJ9:1mbQ35:oIztajPamvmLLOnHH-YoUwwfA5bx7QDIqigifa9Bv0U" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
  <div class="preview" style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Four years ago today, Bill Bishop launched the first-ever Substack publication. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
  </div>
  <table border="0" cellpadding="0" cellspacing="0" class="email-body-container" role="presentation" width="100%">
   <tr>
    <td>
    </td>
    <td class="content" width="550">
    </td>
    <td>
    </td>
   </tr>
   <tr>
    <td>
    </td>
    <td align="left" class="content" width="550">
     <div style="font-size: 16px; line-height: 26px; margin: 0 auto; max-width: 550px; overflow-wrap: break-word; width: 100%;">
      <div class="post typography" style="font-size: 16px; line-height: 26px; padding: 9px 0;">
       <div class="post-header" style="font-size: 16px; line-height: 26px;">
        <h1 class="post-title long published" style="-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: #1a1a1a; font-family: 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 1.625em; font-weight: bold; line-height: 130%; margin: 0.378em 0 0 0;">
         <a style="color: #1a1a1a; text-decoration: none;">
          Four years on Substack: A conversation with Bill Bishop, Substacker #1
         </a>
        </h1>
        <table class="meta-author-wrap with-photo" style="margin: 1em 0;">
         <tr>
          <td>
           <div class="user-head" style="font-size: 16px; line-height: 26px;">
            <a>
             <div class="profile-img-wrap" style="font-size: 16px; line-height: 26px; position: relative;">
              <img alt="" height="45" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_90%252Ch_90%252Cc_fill%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%252Fpublic%252Fimages%252F314c3bcd-d16b-4ccb-b15c-9d786b5e87d5_5184x2912.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; border-radius: 50%; cursor: pointer; display: block; height: 45px; max-width: 550px; vertical-align: middle; width: 45px;" width="45"/>
             </div>
            </a>
           </div>
          </td>
          <td>
           <div class="meta-right-column" style="font-size: 16px; line-height: 1em; margin-left: 12px;">
            <div class="meta-author" style="color: #767676; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 17px;">
             <a style="color: #1a1a1a; text-decoration: none;">
              Hamish McKenzie
             </a>
            </div>
            <table cellpadding="0" cellspacing="0" class="post-meta custom" style="margin: 0;">
             <tr>
              <td class="post-meta-item post-date" style="color: #767676; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; font-weight: 300; height: 20px; line-height: 20px; padding: 7px 12px 7px 0; padding-bottom: 0; padding-top: 0; position: relative; text-decoration: none; vertical-align: middle; white-space: nowrap;" title="2021-10-15T16:25:27.857Z">
               <time datetime="2021-10-15T16:25:27.857Z">
                Oct 15
               </time>
              </td>
              <td class="post-meta-item icon" style="color: #767676; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; font-weight: 300; height: 20px; line-height: 20px; padding: 7px 12px 7px 0; padding-bottom: 0; padding-top: 0; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
               <span>
                <a class="like-button" style="color: #767676; display: block; position: relative; text-decoration: none;">
                 <img alt="" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_30%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FHeartIcon%253Fv%253D2%2526height%253D40%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; float: left; height: 20px; max-width: 15px; vertical-align: middle; width: auto;" width="15"/>
                </a>
               </span>
              </td>
              <td class="post-meta-item icon" style="color: #767676; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; font-weight: 300; height: 20px; line-height: 20px; padding: 7px 12px 7px 0; padding-bottom: 0; padding-top: 0; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
               <a style="color: #767676; display: block; text-decoration: none;">
                <img alt="Comment" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_28%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FCommentIcon%253Fv%253D2%2526height%253D40%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; float: left; height: 20px; max-width: 14px; stroke: #767676; vertical-align: middle; width: auto;" width="14"/>
               </a>
              </td>
              <td class="post-meta-item icon" style="color: #767676; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; font-weight: 300; height: 20px; line-height: 20px; margin-right: 0; padding: 7px 12px 7px 0; padding-bottom: 0; padding-right: 0; padding-top: 0; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
               <span>
                <a style="color: #767676; display: block; text-decoration: none;">
                 <img alt="Share" height="14" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_28%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FRecommendIcon%253Fv%253D2%2526height%253D28%2526stroke%253D%252523999999%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; float: left; height: 14px; max-width: 550px; vertical-align: middle; width: 14px;" width="14"/>
                </a>
               </span>
              </td>
             </tr>
            </table>
           </div>
          </td>
         </tr>
        </table>
       </div>
      </div>
      <div class="post typography" style="font-size: 16px; line-height: 26px; padding: 9px 0;">
       <div class="audio-player-wrapper" style="font-size: 16px; line-height: 26px; margin-bottom: 2em; margin-top: 0.5em;">
        <div class="audio-player" style="-moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; background-color: white; border: 1px solid rgba(204, 204, 204, 0.6); border-radius: 4px; cursor: default; font-size: 16px; line-height: 26px; overflow: hidden; padding: 0; position: relative; user-select: none;">
         <div class="audio-player-buttons" style="border-bottom: 21px solid transparent; border-top: 41px solid transparent; font-size: 16px; height: 48px; line-height: 26px;">
          <table class="custom" style="border-spacing: 0; height: 48px; margin: 0; width: 100%;">
           <tr>
            <td class="audio-player-buttons-spacing" style="height: 48px; padding: 0; vertical-align: middle;">
            </td>
            <td class="audio-player-backward" style="height: 48px; padding: 0; vertical-align: middle; width: 30px;">
             <a aria-pressed="false" class="button" role="button" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: transparent; border: none; border-radius: 4px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; height: 42px; line-height: 20px; margin: 0; opacity: 1; outline: none; padding: 10px 20px; text-align: center; text-decoration: none;" tabindex="0">
              <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_60%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Fimg%252Faudio-player-backward.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; height: 30px; max-width: 550px; vertical-align: middle; width: 30px;"/>
             </a>
            </td>
            <td class="audio-player-play waiting" style="height: 48px; overflow: hidden; padding: 0; position: relative; text-align: center; vertical-align: middle; width: 120px;">
             <a aria-pressed="false" class="button" role="button" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: transparent; border: none; border-radius: 4px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; height: 58px; line-height: 20px; margin: 0; opacity: 1; outline: none; padding: 10px 20px; text-align: center; text-decoration: none;" tabindex="0">
              <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_96%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Fimg%252Faudio-player-play.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; height: 48px; max-width: 550px; vertical-align: middle; width: 48px;"/>
             </a>
            </td>
            <td class="audio-player-forward" style="height: 48px; padding: 0; vertical-align: middle; width: 30px;">
             <a aria-pressed="false" class="button" role="button" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: transparent; border: none; border-radius: 4px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; height: 42px; line-height: 20px; margin: 0; opacity: 1; outline: none; padding: 10px 20px; text-align: center; text-decoration: none;" tabindex="0">
              <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_60%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Fimg%252Faudio-player-forward.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; height: 30px; max-width: 550px; vertical-align: middle; width: 30px;"/>
             </a>
            </td>
            <td class="audio-player-buttons-spacing" style="height: 48px; padding: 0; vertical-align: middle;">
            </td>
           </tr>
          </table>
         </div>
         <div class="audio-player-progress" style="border-bottom: 22px solid transparent; border-left: 24px solid transparent; border-right: 24px solid transparent; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; height: 24px; line-height: 26px; position: relative;">
          <table class="custom" style="height: 24px; margin: 0;">
           <tr>
            <td class="audio-player-progress-past" style="color: #939393; font-family: Helvetica, monospace; font-size: 14px; height: 18px; line-height: 18px; min-width: 40px; padding-right: 10px; text-align: right; vertical-align: middle;">
             0:00
            </td>
            <td class="audio-player-progress-bar" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; height: 18px; position: relative; vertical-align: middle; width: 100%;">
             <div class="audio-player-progress-bar-track" style="background: #dad7d7; border-radius: 1.5px; font-size: 16px; height: 3px; left: 0; line-height: 26px; margin-top: 0; position: relative; top: 0; width: 100%;">
             </div>
             <div class="audio-player-progress-bar-filled" style="background: #ee7835; border-radius: 1.5px; display: none; font-size: 16px; height: 3px; left: 0; line-height: 26px; margin-top: 9px; position: absolute; top: 0; transition: all 250ms linear; width: 0%;">
             </div>
             <div class="audio-player-progress-bar-current" style="background: white; display: none; font-size: 16px; height: 3px; left: 0%; line-height: 26px; margin-left: -1.5px; margin-top: 9px; position: absolute; top: 0; transition: all 250ms linear; width: 3px;">
             </div>
             <div class="audio-player-progress-bar-button" style="background: #ee7835; border: 2px solid white; border-radius: 10px; display: none; font-size: 16px; height: 16px; left: 0%; line-height: 26px; margin-left: -9px; position: absolute; top: 0; transition: all 250ms linear; width: 16px;">
             </div>
            </td>
            <td class="audio-player-progress-left" style="color: #939393; font-family: Helvetica, monospace; font-size: 14px; height: 18px; line-height: 18px; min-width: 40px; padding-left: 10px; text-align: left; vertical-align: middle;">
             -44:20
            </td>
           </tr>
          </table>
         </div>
        </div>
        <div class="audio-player-add-to-podcast-link" href="https://on.substack.com/account/add-podcast/email?email=a3ec92be%40uifeed.com" style="font-size: 16px; line-height: 26px; text-align: right;">
         <a rel="noopener" style="color: #767676; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px;" target="_blank">
          Listen in podcast app
         </a>
        </div>
       </div>
       <div class="body markup" style="font-size: 16px; line-height: 26px; margin-bottom: 12px; word-break: break-word;">
        <div class="captioned-image-container-static" style="font-size: 16px; line-height: 26px; margin-bottom: 16px; margin-top: 0; text-align: center;">
         <figure style="display: inline-block; margin: 0 auto; width: 100%;">
          <table border="0" cellpadding="0" cellspacing="0" class="image-wrapper" style="margin: 8px auto; mso-padding-alt: 1em 0 1.6em;" width="100%">
           <tbody>
            <tr>
             <td style="text-align: center;">
             </td>
             <td align="left" class="content" style="text-align: center;" width="550">
              <a class="image-link" rel="" style="border: none; display: block; height: auto; margin: 0; margin-bottom: 0; margin-top: 0; padding: 0; text-decoration: none; width: auto;" target="_blank">
               <img alt="" class="wide-image" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/ecdccbb3-e67b-42ef-afcb-9482a222048c_1496x1251.jpeg","height":1218,"width":1456,"resizeWidth":null,"bytes":565328,"alt":null,"title":null,"type":"image/jpeg","href":null}' src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_2912%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%252Fpublic%252Fimages%252Fecdccbb3-e67b-42ef-afcb-9482a222048c_1496x1251.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="-ms-interpolation-mode: bicubic; border: none !important; display: block; height: auto; margin: 0 auto; margin-bottom: 0; max-width: 550px; vertical-align: middle; width: 100%;" width="550"/>
              </a>
             </td>
             <td style="text-align: center;">
             </td>
            </tr>
           </tbody>
          </table>
          <figcaption class="image-caption" style="color: #767676; font-family: sans-serif; font-size: 14px; font-weight: 300; line-height: 1.4em; text-align: center;">
           Bill Bishop
          </figcaption>
         </figure>
        </div>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Four years ago today, Bill Bishop launched the first-ever Substack publication. It was his newsletter about China,
         <strong>
          <a rel="" style="color: #1a1a1a; text-decoration: underline;">
           Sinocism
          </a>
         </strong>
         , which he had been writing for free for five years for an audience of policymakers, diplomats, academics, investors, executives, and journalists.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         I had known Bill for almost a decade from my previous life as a reporter and was a regular reader of Sinocism. Around the time that we came up with the idea for Substack, Bill had been telling his readers that he was planning to introduce a paywall for the newsletter. I jumped into his inbox and suggested that he be Substack’s first publisher. Happily, he agreed!
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Chris and I promptly flew to Washington, D.C., where Bill had recently relocated after 10 years in Beijing, and started figuring out how we could build the first version of the product around his needs. By October 2017, Bill was ready to launch, and on the 15th of the month he enabled paid subscriptions. By the end of that day, he had brought in six figures of revenue, heralding the arrival of two businesses at once: his own, and Substack’s.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         To mark the four-year anniversary of the launch of Sinocism, I interviewed Bill for a special episode of the Substack Podcast (there it is, up there, behind the big play button). We talked about the early days of Sinocism, what he has learned from four years on the platform, and why he set sail for the world of paid-newslettering in the first place.
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         Says Bill: “It just really felt like there was a moment where the internet and consumers were ready for this kind of a model.”
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0; margin-bottom: 0;">
         I think he was right about that.
        </p>
       </div>
      </div>
      <table cellpadding="0" cellspacing="0" class="post-meta big custom" style="margin: 0;">
       <tr>
        <td class="post-meta-item icon" style="color: #767676; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; font-weight: 300; height: 30px; line-height: 30px; padding: 7px 12px 7px 0; padding-right: 16px; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
         <span>
          <a class="like-button" style="color: #767676; display: block; position: relative; text-decoration: none;">
           <img alt="" height="30" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_45%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FHeartIcon%253Fv%253D2%2526height%253D60%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; float: left; height: 30px; max-width: 22.5px; vertical-align: middle; width: auto;" width="22.5"/>
          </a>
         </span>
        </td>
        <td class="post-meta-item icon" style="color: #767676; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; font-weight: 300; height: 30px; line-height: 30px; padding: 7px 12px 7px 0; padding-right: 16px; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
         <a style="color: #767676; display: block; text-decoration: none;">
          <img alt="Comment" height="30" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_42%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FCommentIcon%253Fv%253D2%2526height%253D60%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; float: left; height: 30px; max-width: 21px; stroke: #767676; vertical-align: middle; width: auto;" width="21"/>
         </a>
        </td>
        <td class="post-meta-item icon" style="color: #767676; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; font-weight: 300; height: 30px; line-height: 30px; margin-right: 0; padding: 7px 12px 7px 0; padding-right: 16px; position: relative; text-decoration: none; text-indent: 3px; vertical-align: middle; white-space: nowrap;">
         <span>
          <a style="color: #767676; display: block; text-decoration: none;">
           <img alt="Share" height="21" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_42%252Cc_scale%252Cf_png%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Ficon%252FRecommendIcon%253Fv%253D2%2526height%253D42%2526stroke%253D%252523999999%2526strokeWidth%253D2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; float: left; height: 21px; max-width: 550px; vertical-align: middle; width: 21px;" width="21"/>
          </a>
         </span>
        </td>
       </tr>
      </table>
      <div class="container-border" style="border-top: 1px solid rgba(204, 204, 204, 0.6); box-sizing: border-box; font-size: 16px; line-height: 26px; margin: 32px 0 0; width: 100%;">
      </div>
      <div class="postscript" style="font-size: 16px; line-height: 26px; margin: 24px 0 40px;">
       <div class="body markup" style="font-size: 16px; line-height: 26px; margin-bottom: 12px; word-break: break-word;">
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0; margin-top: 0;">
         <em>
          This Substack publishes three types of writing:
          <strong>
           stories
          </strong>
          about Substack writers,
          <strong>
           resources
          </strong>
          for Substack writers, and
          <strong>
           news and views
          </strong>
          from the Substack team. To opt in or out of any of these sections, hit the “Unsubscribe” link at the bottom of the email, or go into your profile settings.
         </em>
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0;">
         <em>
          If you liked this post from
         </em>
         <a rel="" style="color: #1a1a1a; text-decoration: underline;">
          Substack
         </a>
         <em>
          , why not share it?
         </em>
        </p>
        <p class="button-wrapper" data-attrs='{"url":"https://on.substack.com/p/a-conversation-with-bill-bishop?utm_source=substack&amp;utm_medium=email&amp;utm_content=share&amp;action=share&amp;token=eyJ1c2VyX2lkIjoxNTY1NjU5MywicG9zdF9pZCI6NDI2MjU4ODcsImlhdCI6MTYzNDMxNTE1OSwiaXNzIjoicHViLTEiLCJzdWIiOiJwb3N0LXJlYWN0aW9uIn0.l0mCdvI55DmnlTJwB3UygsA4WkM6S9LJww1sKqOH7v8","text":"Share","class":null}' style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0; text-align: center;">
         <a class="button primary" rel="" style="background-color: #ee7835; border: none; border-radius: 4px; box-sizing: border-box; color: #ffffff !important; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; height: auto; line-height: 20px; margin: 0; opacity: 1; outline: none; padding: 12px 20px; text-align: center; text-decoration: none !important;">
          <span style="color: #ffffff; text-decoration: none;">
           Share
          </span>
         </a>
        </p>
        <p style="color: #1a1a1a; font-size: 16px; line-height: 26px; margin: 0 0 1em 0; margin-bottom: 0;">
         P.S.
         <a rel="" style="color: #1a1a1a; text-decoration: underline;">
          We’re hiring!
         </a>
        </p>
       </div>
      </div>
      <div class="footer" style="background: #f8f8f8 !important; color: #bcbcbc; font-size: 16px; line-height: 26px; padding: 32px; text-align: center;">
       <p class="small" style="color: #bcbcbc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 13px; line-height: 26px; margin: 0 0 1em 0; margin-bottom: 0; padding-bottom: 30px;">
        © 2021
        <span>
         Substack
        </span>
        <a style="color: #bcbcbc; text-decoration: underline;">
         <span style="color: #bcbcbc; text-decoration: underline;">
          Unsubscribe
         </span>
        </a>
        <br/>
        111 Sutter Street, 7th Floor, San Francisco, CA 94104
       </p>
       <p class="small powered-by-substack" style="color: #bcbcbc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 13px; line-height: 26px; margin: 0 0 1em 0; margin-bottom: 0; padding-bottom: 0;">
        <a style="color: #bcbcbc; text-decoration: none;">
         <img alt="Publish on Substack" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.substack.com%252Fimage%252Ffetch%252Fw_340%252Cc_limit%252Cf_auto%252Cq_auto%253Agood%252Cfl_progressive%253Asteep%252Fhttps%253A%252F%252Fsubstack.com%252Fimg%252Fpublish-on-substack.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc3Vic3RhYyJ9:1mbQ35:TJVTlhleiAb1HBqXSedUcRaLwo5qXX1R_QYBcOdYmiM" style="border: none !important; margin-top: 3px; max-width: 550px; vertical-align: middle;" width="170"/>
        </a>
       </p>
      </div>
     </div>
    </td>
    <td>
    </td>
   </tr>
  </table>
  <img alt="" height="1px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.mg2.substack.com%252Fo%252FeJwtkM1ywyAMhJ-mHD38OcYHnoURsEloY8hgyNR9-hK3o5u00u6nQA23Ug_7LHtjfUd1KVoxX0atimGj9HA3ZNQhjI6aFRellZjFvC5yZdHqKMxsWNrdteLU21Y72LP7RwrUUsnnSXa3ni-B_OyV0YhCYA2kufIc3kipsbJ3CEc9JuQAixfqUTJYspJLIfhwvchZLJOcFEgviyRudDTcYPq-Q2zt5_ND8-0mp737vVH4mkLZWLWkEFbpMaY9XYF49k-7djwx6GOg8YD294eR3Q3B1nNqh0Mm_0D8x3rvDB4tRxRjFjacYhnY2Zb8C7V2b6g/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5tZzIucyJ9:1mbQ35:jLK-VCMW2QmvGN0aFHTYCUFRbiWS67S3UQ3cJPsSHpI" width="1px"/>
 </body>
</html>
3 years, 11 months ago - on@substack.com
Four years on Substack: A conversation with Bill Bishop, Substacker #1
Four years ago today, Bill Bishop launched the first-ever Substack publication. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌...
Inboxes List

Substack Registered user
