dockerfile/examples/omnivore/api/content-handler/test/data/substack-newsletter-new.html

2173 lines
96 KiB
HTML
Raw Normal View History

2024-03-15 14:52:38 +08:00
<html>
<head>
<meta charset="utf-8" />
<title>Title</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: 650px) {
.typography .markup div.youtube-inner div.youtube-screen,
.typography.editor .markup div.youtube-inner div.youtube-screen,
.typography .markup div.vimeo-inner div.youtube-screen,
.typography.editor .markup div.vimeo-inner div.youtube-screen {
display: none !important;
}
}
@media screen and (max-width: 370px) {
.typography .markup div.tiktok-wrap,
.typography.editor .markup div.tiktok-wrap {
width: calc(95vw - 32px);
height: calc((95vw - 32px - 2px) / 0.485714);
}
}
@media screen and (max-width: 650px) {
.typography
.markup
div.embedded-publication-wrap
.embedded-publication.show-subscribe,
.typography.editor
.markup
div.embedded-publication-wrap
.embedded-publication.show-subscribe {
padding: 24px;
}
}
@media screen and (max-width: 650px) {
.typography
.markup
div.subscription-widget-wrap
.subscription-widget.show-subscribe,
.typography.editor
.markup
div.subscription-widget-wrap
.subscription-widget.show-subscribe,
.typography
.markup
div.captioned-button-wrap
.subscription-widget.show-subscribe,
.typography.editor
.markup
div.captioned-button-wrap
.subscription-widget.show-subscribe {
padding: 24px;
}
}
@media screen and (max-width: 650px) {
.typography
.markup
div.subscription-widget-wrap
.subscription-widget.show-subscribe
.subscription-widget-subscribe
.button,
.typography.editor
.markup
div.subscription-widget-wrap
.subscription-widget.show-subscribe
.subscription-widget-subscribe
.button,
.typography
.markup
div.captioned-button-wrap
.subscription-widget.show-subscribe
.subscription-widget-subscribe
.button,
.typography.editor
.markup
div.captioned-button-wrap
.subscription-widget.show-subscribe
.subscription-widget-subscribe
.button {
padding: 10px 12px;
min-width: 110px;
}
}
@media (max-width: 650px) {
.typography .markup .tweet,
.typography.editor .markup .tweet {
padding: 12px;
}
}
@media (max-width: 650px) {
.typography .markup .tweet .tweet-text,
.typography.editor .markup .tweet .tweet-text {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 650px) {
.typography .markup .tweet .tweet-photos-container.two,
.typography.editor .markup .tweet .tweet-photos-container.two,
.typography .markup .tweet .tweet-photos-container.three,
.typography.editor .markup .tweet .tweet-photos-container.three,
.typography .markup .tweet .tweet-photos-container.four,
.typography.editor .markup .tweet .tweet-photos-container.four {
height: 200px;
}
}
@media (max-width: 650px) {
.typography .markup .tweet a.expanded-link .expanded-link-img,
.typography.editor .markup .tweet a.expanded-link .expanded-link-img {
max-height: 180px;
}
}
@media (max-width: 650px) {
.typography .markup .tweet a.expanded-link .expanded-link-description,
.typography.editor
.markup
.tweet
a.expanded-link
.expanded-link-description {
display: none;
}
}
@media screen and (max-width: 650px) {
.typography .markup .apple-podcast-container,
.typography.editor .markup .apple-podcast-container {
width: unset;
}
}
@media (max-width: 420px) {
.typography
.markup
.install-substack-app-embed
img.install-substack-app-embed-img,
.typography.editor
.markup
.install-substack-app-embed
img.install-substack-app-embed-img {
margin: 0 auto 16px auto;
}
}
@media screen and (min-width: 420px) and (max-width: 600px) {
.typography
.markup
.install-substack-app-embed
.install-substack-app-embed-text,
.typography.editor
.markup
.install-substack-app-embed
.install-substack-app-embed-text {
max-width: calc(100% - 100px);
width: initial;
}
}
@media (max-width: 420px) {
.typography
.markup
.install-substack-app-embed
.install-substack-app-embed-text,
.typography.editor
.markup
.install-substack-app-embed
.install-substack-app-embed-text {
margin: 0 0 12px 0;
max-width: 100%;
width: auto;
text-align: center;
}
}
@media (max-width: 600px) {
.typography
.markup
.install-substack-app-embed
.install-substack-app-embed-link,
.typography.editor
.markup
.install-substack-app-embed
.install-substack-app-embed-link {
margin-top: 16px;
width: 100%;
}
}
@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: 650px) {
.social-media-share-preview__description {
-webkit-line-clamp: 2;
}
}
@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: 541px) {
.settings-add-pub-modal-wrapper
.container
.add-recommending-pub-modal-container {
padding: 36px;
height: 680px;
}
}
@media screen and (min-width: 541px) {
.settings-add-pub-modal-wrapper
.container
.add-recommending-pub-modal-container
.footer {
position: absolute;
bottom: 36px;
margin: 0px;
}
}
@media screen and (max-width: 840px) {
.header-with-anchor-widget .header-anchor-widget,
.header-anchor-container .header-anchor-widget {
display: none;
}
}
@media screen and (min-width: 768px) {
.post {
padding: 32px 0 0 0;
}
}
@media screen and (max-width: 650px) {
.post .post-header .post-label {
margin-top: 8px;
}
}
@media screen and (max-width: 650px) {
.post
.post-header
.meta-author-wrap.alternative-meta
.meta-right-column
.post-meta {
margin-top: 6px;
}
}
@media screen and (max-width: 650px) {
.post .footer-facepile-container {
height: 64px;
padding: 0 16px;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
}
@media screen and (max-width: 650px) {
.post .post-footer.use-separators {
justify-content: center;
}
}
@media screen and (max-width: 650px) {
.post .post-footer.next-prev {
height: 64px;
justify-content: space-between;
box-sizing: border-box;
}
}
@media screen and (max-width: 650px) {
.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: 16px 0;
}
}
@media screen and (max-width: 650px) {
.post-silhouette .post-silhouette-title {
margin-top: 10.44225025px;
height: 120px;
}
}
@media screen and (max-width: 650px) {
.post-silhouette .post-silhouette-meta {
width: 75%;
}
}
@media screen and (max-width: 650px) {
.post-silhouette .post-silhouette-meta.with-byline-image {
margin: 20px 0;
}
}
@media screen and (max-width: 650px) {
.use-theme-bg .post-meta.alternative-meta .post-meta-item,
.post-meta.alternative-meta .post-meta-item {
padding-right: 16px;
}
}
@media screen and (max-width: 370px) {
.use-theme-bg .post-meta.alternative-meta .post-meta-item,
.post-meta.alternative-meta .post-meta-item {
font-size: 14px;
}
}
@media screen and (max-width: 650px) {
.use-theme-bg
.post-meta.alternative-meta
.post-meta-item.guest-author-publication,
.post-meta.alternative-meta .post-meta-item.guest-author-publication {
display: none;
}
}
@media screen and (max-width: 370px) {
.post-meta .post-meta-item .post-meta-button {
height: 36px !important;
}
.post-meta .post-meta-item .post-meta-button .meta-button-label {
display: none;
}
.post-meta .post-meta-item .post-meta-button > svg {
margin-right: 0;
}
}
@media screen and (max-width: 370px) {
.post-meta .post-meta-item {
font-size: 12px;
}
}
@media screen and (max-width: 650px) {
.post-preview > .post-preview-content .post-preview-meta {
margin-top: 12px 0;
}
}
@media screen and (max-width: 650px) {
.post-preview > .post-preview-image {
display: none;
}
}
@media screen and (max-width: 650px) {
.post-preview-silhouette .post-preview-silhouette-image {
display: none;
}
}
@media screen and (max-width: 650px) {
.post .floating-subscribe-button {
bottom: 20px;
right: 20px;
}
}
@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: 650px) {
body .markup div.youtube-inner div.youtube-screen,
body .markup div.vimeo-inner div.youtube-screen {
display: none !important;
}
}
@media screen and (max-width: 370px) {
body .markup div.tiktok-wrap {
width: calc(95vw - 32px);
height: calc((95vw - 32px - 2px) / 0.485714);
}
}
@media screen and (max-width: 650px) {
body
.markup
div.embedded-publication-wrap
.embedded-publication.show-subscribe {
padding: 24px;
}
}
@media screen and (max-width: 650px) {
body
.markup
div.subscription-widget-wrap
.subscription-widget.show-subscribe,
body
.markup
div.captioned-button-wrap
.subscription-widget.show-subscribe {
padding: 24px;
}
}
@media screen and (max-width: 650px) {
body
.markup
div.subscription-widget-wrap
.subscription-widget.show-subscribe
.subscription-widget-subscribe
.button,
body
.markup
div.captioned-button-wrap
.subscription-widget.show-subscribe
.subscription-widget-subscribe
.button {
padding: 10px 12px;
min-width: 110px;
}
}
@media (max-width: 650px) {
body .markup .tweet {
padding: 12px;
}
}
@media (max-width: 650px) {
body .markup .tweet .tweet-text {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 650px) {
body .markup .tweet .tweet-photos-container.two,
body .markup .tweet .tweet-photos-container.three,
body .markup .tweet .tweet-photos-container.four {
height: 200px;
}
}
@media (max-width: 650px) {
body .markup .tweet a.expanded-link .expanded-link-img {
max-height: 180px;
}
}
@media (max-width: 650px) {
body .markup .tweet a.expanded-link .expanded-link-description {
display: none;
}
}
@media screen and (max-width: 650px) {
body .markup .apple-podcast-container {
width: unset;
}
}
@media (max-width: 420px) {
body
.markup
.install-substack-app-embed
img.install-substack-app-embed-img {
margin: 0 auto 16px auto;
}
}
@media screen and (min-width: 420px) and (max-width: 600px) {
body
.markup
.install-substack-app-embed
.install-substack-app-embed-text {
max-width: calc(100% - 100px);
width: initial;
}
}
@media (max-width: 420px) {
body
.markup
.install-substack-app-embed
.install-substack-app-embed-text {
margin: 0 0 12px 0;
max-width: 100%;
width: auto;
text-align: center;
}
}
@media (max-width: 600px) {
body
.markup
.install-substack-app-embed
.install-substack-app-embed-link {
margin-top: 16px;
width: 100%;
}
}
@media screen and (min-width: 500px) {
body .header a.logo {
width: 42px;
height: 42px;
border-radius: 8px;
}
}
@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: 650px) {
.digest .item .post-meta-item.audience {
display: none;
}
}
@media screen and (min-width: 500px) {
.digest-publication .logo img {
width: 42px;
height: 42px;
border-radius: 4px;
}
}
@media screen and (max-width: 650px) {
.comments-page .container .comment-list .collapsed-reply {
margin-left: 17px;
}
}
@media screen and (max-width: 650px) {
.comment > .comment-list {
padding-left: 25px;
}
}
@media screen and (max-width: 650px) {
.finish-magic-login-modal .modal-content .container {
padding: 24px 0;
}
}
@media (max-width: 650px) {
.reader2-text-b3 {
line-height: 24px;
}
}
@media screen and (max-width: 650px) {
.reader2-text-h4 {
line-height: 24px;
}
}
@media screen and (min-width: 541px) {
.user-profile-modal {
padding-left: 12px;
padding-right: 12px;
}
}
@media screen and (max-width: 650px) {
.subscribe-widget form.form .sideBySideWrap button.rightButton {
padding: 10px 12px;
}
}
@media screen and (min-width: 541px) {
.pub-icon:hover .logo-hover,
.feed-item-icon:hover .logo-hover {
display: block;
}
}
@media screen and (max-width: 650px) {
.post-ufi.single-full-width-button .post-ufi-button-wrapper {
width: 100%;
padding: 16px;
}
.post-ufi.single-full-width-button .post-ufi-button-wrapper:empty {
display: none;
}
.post-ufi.single-full-width-button .post-ufi-button {
width: 100%;
justify-content: center;
}
}
@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: 650px) {
.file-embed-button.wide,
.file-embed-error-button.wide {
display: none;
}
}
@media only screen and (min-width: 630px) {
.file-embed-button.narrow,
.file-embed-error-button.narrow {
display: none;
}
}
@media screen and (min-width: 541px) {
.audio-player-wrapper .audio-player {
min-width: 500px;
}
}
@media screen and (max-width: 650px) {
.audio-player-wrapper .audio-player .audio-player-progress {
border-left-width: 16px;
border-right-width: 16px;
}
}
@media screen and (max-width: 650px) {
.audio-player-wrapper
.audio-player
.audio-player-progress
.audio-player-progress-bar
.audio-player-progress-bar-popup {
top: -54px;
}
}
@media screen and (max-width: 650px) {
.audio-player-wrapper-fancy .audio-player .audio-player-progress {
border-left-width: 16px;
border-right-width: 16px;
}
}
@media screen and (max-width: 650px) {
.audio-player-wrapper-fancy
.audio-player
.audio-player-progress
.audio-player-progress-bar
.audio-player-progress-bar-popup {
top: -54px;
}
}
@media (min-width: 250px) {
.audio-player-wrapper-fancy .audio-player {
padding: 32px;
}
.audio-player-wrapper-fancy .audio-player .btn-group {
display: flex;
}
.audio-player-wrapper-fancy
.audio-player
.btn-group
.button:last-of-type {
display: block;
}
}
@media (min-width: 300px) {
.audio-player-wrapper-fancy .audio-player .btn-group {
display: block;
}
.audio-player-wrapper-fancy
.audio-player
.btn-group
.button:first-of-type {
display: block;
}
}
@media (min-width: 350px) {
.audio-player-wrapper-fancy .audio-player .audio-player-substack-logo {
display: block;
}
.audio-player-wrapper-fancy .audio-player .audio-player-title {
margin-top: 16px;
}
.audio-player-wrapper-fancy
.audio-player
.audio-player-hero-image-container {
padding-top: 15%;
width: 15%;
display: block;
}
.audio-player-wrapper-fancy
.audio-player
.btn-group
.button:first-of-type {
display: block;
}
.audio-player-wrapper-fancy .audio-player .audio-player-substack-logo {
display: block;
}
}
@media (min-width: 350px) {
.audio-player-wrapper-fancy
.audio-player
.audio-player-hero-image-container {
padding-top: 25%;
width: 25%;
display: block;
}
.audio-player-wrapper-fancy .audio-player .btn-group {
display: flex;
}
.audio-player-wrapper-fancy
.audio-player
.btn-group
.button:first-of-type {
display: block;
}
}
@media (min-width: 400px) {
.audio-player-wrapper-fancy
.audio-player
.audio-player-hero-image-container {
padding-top: 40%;
width: 40%;
}
}
@media (max-width: 400px) {
.audio-player-wrapper-fancy .audio-player .btn-group {
margin-top: 12px;
}
.audio-player-wrapper-fancy .audio-player .btn-group .button {
font-size: 13px;
padding: 6px 12px;
height: auto;
margin-top: 10px;
}
}
@media (min-width: 600px) {
.audio-player-wrapper-fancy
.audio-player
.audio-player-hero-image-container {
padding-top: 55%;
width: 55%;
}
}
@media (max-width: 650px) {
.poll-editor-modal {
min-width: calc(100% - 20px);
}
}
@media (max-width: 750px) {
.poll-embed .poll-anchor-target .poll-anchor-copy-button {
left: 8px;
top: 45px;
}
}
@media screen and (min-width: 541px) {
.poll-embed
.poll-wrapper.poll-web
.poll-dialog
.modal-table
.modal-row
.modal-content
> .container {
width: 552px;
padding: 26px 24px;
}
}
@media screen and (max-width: 650px) {
.poll-embed
.poll-wrapper.poll-web
.poll-dialog
.modal-table
.modal-row
.modal-content
> .container {
padding: 40px 0;
}
}
@media screen and (max-width: 650px) {
.poll-embed
.poll-wrapper.poll-web
.poll-dialog
.modal-row
.modal-cell
.modal-exit-btn {
margin-right: -20px;
}
}
</style>
</head>
<body class="email-body" style="font-kerning: auto">
<img
src="https://mailgun.substack.com/api/v1/email/open?token=eyJtIjoiPDIwMjMwNDE4MDI1NTQwLjMuMWE3ZGE0M2JkNzdmODJiYUBtZzIuc3Vic3RhY2suY29tPiIsInUiOjcyNTc3NzIxLCJyIjoic3kud3VoYkBnbWFpbC5jb20iLCJkIjoibWcyLnN1YnN0YWNrLmNvbSIsInAiOjExNTUyNjg5NCwidCI6Im5ld3NsZXR0ZXIiLCJhIjoiZXZlcnlvbmUiLCJzIjo2NjQ3MjEsImMiOiJwb3N0IiwiZiI6dHJ1ZSwicG9zaXRpb24iOiJ0b3AiLCJpYXQiOjE2ODE3ODY1NDMsImV4cCI6MTY4NDM3ODU0MywiaXNzIjoicHViLTAiLCJzdWIiOiJlbyJ9.SDD0IPBdKpQzkw_vNdf-R_V769CHJsQtnTiSFQI3X3w"
alt=""
width="1"
height="1"
border="0"
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;
"
/>
<div
style="
display: none;
font-size: 1px;
color: #333333;
line-height: 1px;
max-height: 0px;
max-width: 0px;
opacity: 0;
overflow: hidden;
"
class="preview"
>
subtitle
&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;&nbsp;&#8204;
</div>
<table
role="presentation"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
class="email-body-container"
>
<tbody>
<tr>
<td></td>
<td width="550" class="content"></td>
<td></td>
</tr>
<tr>
<td></td>
<td align="left" width="550" class="content">
<div
style="
font-size: 16px;
line-height: 26px;
margin: 0 auto;
max-width: 550px;
overflow-wrap: break-word;
width: 100%;
"
>
<table
role="presentation"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td align="right" style="height: 20px">
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td style="vertical-align: middle">
<span
class="tw-font-body tw-text-ssm tw-text-substack-secondary"
style="
color: #808080 !important;
font-family: SF Pro Text, -apple-system,
BlinkMacSystemFont, Inter, Segoe UI, Roboto,
Helvetica, Arial, sans-serif,
Apple Color Emoji, Segoe UI Emoji,
Segoe UI Symbol !important;
font-size: 13px !important;
"
><a
href="https://open.substack.com/pub/hongbo130/p/title?utm_source=email&redirect=app-store"
class="tw-text-substack-secondary tw-underline"
style="
-webkit-text-decoration-line: underline !important;
color: #808080 !important;
text-decoration-line: underline !important;
"
>Open in app</a
>
or
<a
href="https://substack.com/redirect/2/eyJlIjoiaHR0cHM6Ly9ob25nYm8xMzAuc3Vic3RhY2suY29tL3AvdGl0bGU_dG9rZW49ZXlKMWMyVnlYMmxrSWpvM01qVTNOemN5TVN3aWNHOXpkRjlwWkNJNk1URTFOVEkyT0RrMExDSnBZWFFpT2pFMk9ERTNPRFkxTkRNc0ltVjRjQ0k2TVRZNE5ETTNPRFUwTXl3aWFYTnpJam9pY0hWaUxUWTJORGN5TVNJc0luTjFZaUk2SW5CdmMzUXRjbVZoWTNScGIyNGlmUS5zcDVpeE9NR0p0V2xNMWxxU3h0TDlaWjJVTGZ0X2pMTVFxd0dpMVFjRndJIiwicCI6MTE1NTI2ODk0LCJzIjo2NjQ3MjEsImYiOnRydWUsInUiOjcyNTc3NzIxLCJpYXQiOjE2ODE3ODY1NDMsImV4cCI6MTY4NDM3ODU0MywiaXNzIjoicHViLTAiLCJzdWIiOiJsaW5rLXJlZGlyZWN0In0.sSZyhodHh7396EPbdH0ouL0mu5UTN9UDyyppMNZmo_c?"
class="tw-text-substack-secondary tw-underline"
style="
-webkit-text-decoration-line: underline !important;
color: #808080 !important;
text-decoration-line: underline !important;
"
>online</a
></span
>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
role="presentation"
width="auto"
class="header graphic-header"
style="border-spacing: 0; padding: 16px 0 32px"
>
<tbody>
<tr>
<td align="center" style="padding: 0; text-align: center">
<a
href="https://substack.com/redirect/2/eyJlIjoiaHR0cHM6Ly9ob25nYm8xMzAuc3Vic3RhY2suY29tL3AvdGl0bGU_dG9rZW49ZXlKMWMyVnlYMmxrSWpvM01qVTNOemN5TVN3aWNHOXpkRjlwWkNJNk1URTFOVEkyT0RrMExDSnBZWFFpT2pFMk9ERTNPRFkxTkRNc0ltVjRjQ0k2TVRZNE5ETTNPRFUwTXl3aWFYTnpJam9pY0hWaUxUWTJORGN5TVNJc0luTjFZaUk2SW5CdmMzUXRjbVZoWTNScGIyNGlmUS5zcDVpeE9NR0p0V2xNMWxxU3h0TDlaWjJVTGZ0X2pMTVFxd0dpMVFjRndJIiwicCI6MTE1NTI2ODk0LCJzIjo2NjQ3MjEsImYiOnRydWUsInUiOjcyNTc3NzIxLCJpYXQiOjE2ODE3ODY1NDMsImV4cCI6MTY4NDM3ODU0MywiaXNzIjoicHViLTAiLCJzdWIiOiJsaW5rLXJlZGlyZWN0In0.sSZyhodHh7396EPbdH0ouL0mu5UTN9UDyyppMNZmo_c?"
><img
role="presentation"
width="550"
height="144"
src="https://substackcdn.com/image/fetch/w_1100,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F90e09ffa-b620-475a-a41f-2e131c790732_1100x287.png"
class="header-image"
style="
border: none !important;
display: block;
height: auto;
margin: 0 auto;
max-width: 550px;
vertical-align: middle;
width: 100%;
"
/></a>
</td>
</tr>
</tbody>
</table>
<div
class="typography"
style="font-size: 16px; line-height: 26px"
>
<div
class="preamble"
style="font-size: 16px; line-height: 26px; margin-top: 16px"
>
<div
dir="auto"
class="body markup"
style="
font-size: 16px;
line-height: 26px;
margin-bottom: 16px;
text-align: initial;
width: 100%;
word-break: break-word;
"
>
<p
style="
color: #404040;
font-size: 16px;
line-height: 26px;
margin: 0 0 20px 0;
margin-bottom: 0;
margin-top: 0;
"
>
this is a header test
</p>
</div>
<hr
style="
background: #e0e0e0;
border: none;
height: 1px;
margin: 16px 0 0;
padding: 0;
"
/>
</div>
</div>
<div
dir="auto"
class="post typography"
style="font-size: 16px; line-height: 26px; padding: 16px 0 0 0"
>
<div
class="post-header"
style="font-size: 16px; line-height: 26px"
>
<h1
class="post-title published"
style="
-moz-osx-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: subpixel-antialiased;
color: #404040;
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: 32px;
font-weight: bold;
line-height: 36px;
margin: 0;
"
>
<a
href="https://substack.com/app-link/post?publication_id=664721&post_id=115526894&utm_source=post-email-title&isFreemail=true&token=eyJ1c2VyX2lkIjo3MjU3NzcyMSwicG9zdF9pZCI6MTE1NTI2ODk0LCJpYXQiOjE2ODE3ODY1NDMsImV4cCI6MTY4NDM3ODU0MywiaXNzIjoicHViLTY2NDcyMSIsInN1YiI6InBvc3QtcmVhY3Rpb24ifQ.sp5ixOMGJtWlM1lqSxtL9ZZ2ULft_jLMQqwGi1QcFwI"
style="color: #404040; text-decoration: none"
>Title</a
>
</h1>
<h3
class="subtitle"
style="
-moz-osx-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: subpixel-antialiased;
color: #808080;
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: 18px;
font-weight: normal;
line-height: 24px;
margin: 4px 0 0;
margin-top: 12px;
"
>
subtitle
</h3>
<table
role="presentation"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
class="post-meta"
style="align-items: center; height: 20px; margin: 1em 0"
>
<tbody>
<tr>
<td>
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td>
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td style="vertical-align: middle">
<div
class="frontend-pencraft-Text-module__reset--20JLV frontend-pencraft-Text-module__size-11--1-ofT frontend-pencraft-Text-module__line-height-20--1soeQ frontend-pencraft-Text-module__weight-medium--aTbx5 frontend-pencraft-Text-module__font-meta--2i-cR frontend-pencraft-Text-module__color-primary--2I-sF frontend-pencraft-Text-module__transform-uppercase--38jbr frontend-pencraft-Text-module__meta--3RRSj custom-css-email-post-author"
style="
color: #404040;
font-family: 'SF Compact',
-apple-system, -apple-system,
-system-ui, BlinkMacSystemFont,
'Segoe UI', Roboto, Helvetica,
Arial, sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 11px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px;
margin: 0;
text-decoration: unset;
text-transform: uppercase;
"
>
<a
href="https://substack.com/redirect/94f5c722-b33f-4dd6-959b-429b6b093a82?j=eyJ1IjoiMTc3bGJ0In0.DDoEv-XyS5h19kltlGDr9EUJdWnYfg-3CSqqDXOZBSM"
style="
color: #404040;
font-family: 'SF Compact',
-apple-system, -apple-system,
-system-ui, BlinkMacSystemFont,
'Segoe UI', Roboto, Helvetica,
Arial, sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 11px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px;
margin: 0;
text-decoration: none;
text-transform: uppercase;
"
class="frontend-pencraft-Text-module__reset--20JLV frontend-pencraft-Text-module__size-11--1-ofT frontend-pencraft-Text-module__line-height-20--1soeQ frontend-pencraft-Text-module__weight-medium--aTbx5 frontend-pencraft-Text-module__font-meta--2i-cR frontend-pencraft-Text-module__color-primary--2I-sF frontend-pencraft-Text-module__transform-uppercase--38jbr frontend-pencraft-Text-module__meta--3RRSj"
>Hongbo</a
>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td style="vertical-align: middle">
<div
class="frontend-pencraft-Text-module__reset--20JLV frontend-pencraft-Text-module__size-11--1-ofT frontend-pencraft-Text-module__line-height-20--1soeQ frontend-pencraft-Text-module__weight-medium--aTbx5 frontend-pencraft-Text-module__font-meta--2i-cR frontend-pencraft-Text-module__color-secondary--XjVGl frontend-pencraft-Text-module__transform-uppercase--38jbr frontend-pencraft-Text-module__meta--3RRSj"
style="
color: #808080;
font-family: 'SF Compact',
-apple-system, -apple-system,
-system-ui, BlinkMacSystemFont,
'Segoe UI', Roboto, Helvetica,
Arial, sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 11px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px;
margin: 0;
text-decoration: unset;
text-transform: uppercase;
"
>
<time
datetime="2023-04-18T02:55:41.149Z"
>Apr 18</time
>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td align="right">
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td style="vertical-align: middle">
<a
href="https://substack.com/redirect/94f5c722-b33f-4dd6-959b-429b6b093a82?j=eyJ1IjoiMTc3bGJ0In0.DDoEv-XyS5h19kltlGDr9EUJdWnYfg-3CSqqDXOZBSM"
><img
src="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F299c1c79-0f0b-4cb4-a247-ac6c56119800_144x144.png"
style="
border: none !important;
border-radius: 500000px;
box-sizing: border-box;
height: 40px;
margin: 0px;
max-width: 550px;
min-height: 40px;
min-width: 40px;
object-fit: cover;
vertical-align: middle;
width: 40px;
"
width="40"
height="40"
class="custom-css-email-avatar frontend-email-system-basics-module__avatar--1sRIo"
/></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
role="presentation"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
class="email-ufi-2-top"
style="
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
min-width: 100%;
"
>
<tbody>
<tr height="16">
<td height="16" style="font-size: 0px; line-height: 0">
&nbsp;
</td>
</tr>
<tr>
<td>
<table
role="presentation"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td>
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td style="vertical-align: middle">
<table
role="presentation"
width="38"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td align="center">
<a
href="https://substack.com/app-link/post?publication_id=664721&post_id=115526894&utm_source=substack&isFreemail=true&submitLike=true&token=eyJ1c2VyX2lkIjo3MjU3NzcyMSwicG9zdF9pZCI6MTE1NTI2ODk0LCJyZWFjdGlvbiI6IuKdpCIsImlhdCI6MTY4MTc4NjU0MywiZXhwIjoxNjg0Mzc4NTQzLCJpc3MiOiJwdWItNjY0NzIxIiwic3ViIjoicmVhY3Rpb24ifQ.LPYezg9STMh1l_uVV8XGJbSVY1DpmiJzqEHvxeTe9wY&utm_medium=email"
style="
border: 1px solid #e0e0e0;
border-radius: 100000px;
box-sizing: border-box;
color: #808080;
display: inline-block;
font-family: 'SF Pro Text',
-apple-system,
ui-sans-serif,
BlinkMacSystemFont,
'Segoe UI', Roboto,
Helvetica, Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 12px;
font-weight: 500;
line-height: 1;
min-width: 38px;
padding: 9px 0;
text-decoration: none;
text-transform: uppercase;
width: 38px;
"
class="email-icon-button"
><img
src="https://substackcdn.com/image/fetch/w_36,c_scale,f_png,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Ficon%2FLucideHeart%3Fv%3D4%26height%3D36%26fill%3Dnone%26stroke%3D%2523808080%26strokeWidth%3D2"
width="18"
height="18"
style="
border: none !important;
max-width: 18px;
vertical-align: middle;
"
alt=""
class="icon"
/></a>
</td>
</tr>
</tbody>
</table>
</td>
<td
width="8"
style="min-width: 8px"
></td>
<td style="vertical-align: middle">
<table
role="presentation"
width="38"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td align="center">
<a
href="https://substack.com/app-link/post?publication_id=664721&post_id=115526894&utm_source=substack&utm_medium=email&isFreemail=true&comments=true&token=eyJ1c2VyX2lkIjo3MjU3NzcyMSwicG9zdF9pZCI6MTE1NTI2ODk0LCJpYXQiOjE2ODE3ODY1NDMsImV4cCI6MTY4NDM3ODU0MywiaXNzIjoicHViLTY2NDcyMSIsInN1YiI6InBvc3QtcmVhY3Rpb24ifQ.sp5ixOMGJtWlM1lqSxtL9ZZ2ULft_jLMQqwGi1QcFwI&utm_source=substack&utm_medium=email"
style="
border: 1px solid #e0e0e0;
border-radius: 100000px;
box-sizing: border-box;
color: #808080;
display: inline-block;
font-family: 'SF Pro Text',
-apple-system,
ui-sans-serif,
BlinkMacSystemFont,
'Segoe UI', Roboto,
Helvetica, Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 12px;
font-weight: 500;
line-height: 1;
min-width: 38px;
padding: 9px 0;
text-decoration: none;
text-transform: uppercase;
width: 38px;
"
class="email-icon-button"
><img
src="https://substackcdn.com/image/fetch/w_36,c_scale,f_png,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Ficon%2FLucideComments%3Fv%3D4%26height%3D36%26fill%3Dnone%26stroke%3D%2523808080%26strokeWidth%3D2"
width="18"
height="18"
style="
border: none !important;
max-width: 18px;
vertical-align: middle;
"
alt=""
class="icon"
/></a>
</td>
</tr>
</tbody>
</table>
</td>
<td
width="8"
style="min-width: 8px"
></td>
<td style="vertical-align: middle">
<table
role="presentation"
width="38"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td align="center">
<a
href="https://substack.com/redirect/2/eyJlIjoiaHR0cHM6Ly9ob25nYm8xMzAuc3Vic3RhY2suY29tL3AvdGl0bGU_dXRtX3NvdXJjZT1zdWJzdGFjayZ1dG1fbWVkaXVtPWVtYWlsJmFjdGlvbj1yZXN0YWNrLWNvbW1lbnQiLCJwIjoxMTU1MjY4OTQsInMiOjY2NDcyMSwiZiI6dHJ1ZSwidSI6NzI1Nzc3MjEsImlhdCI6MTY4MTc4NjU0MywiZXhwIjoxNjg0Mzc4NTQzLCJpc3MiOiJwdWItMCIsInN1YiI6ImxpbmstcmVkaXJlY3QifQ.qruuFTWsoKrzF5OokU-ndOLv6AmmZSesFBu1BagWNZg?&utm_source=substack&utm_medium=email"
style="
border: 1px solid #e0e0e0;
border-radius: 100000px;
box-sizing: border-box;
color: #808080;
display: inline-block;
font-family: 'SF Pro Text',
-apple-system,
ui-sans-serif,
BlinkMacSystemFont,
'Segoe UI', Roboto,
Helvetica, Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 12px;
font-weight: 500;
line-height: 1;
min-width: 38px;
padding: 9px 0;
text-decoration: none;
text-transform: uppercase;
width: 38px;
"
class="email-icon-button"
><img
src="https://substackcdn.com/image/fetch/w_36,c_scale,f_png,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Ficon%2FNoteForwardIcon%3Fv%3D4%26height%3D36%26fill%3Dnone%26stroke%3D%2523808080%26strokeWidth%3D2"
width="18"
height="18"
style="
border: none !important;
max-width: 18px;
vertical-align: middle;
"
alt=""
class="icon"
/></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td align="right">
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td style="vertical-align: middle">
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td align="center">
<a
href="https://substack.com/app-link/post?publication_id=664721&post_id=115526894&utm_source=substack&utm_medium=email&utm_content=share&action=share&triggerShare=true&isFreemail=true&token=eyJ1c2VyX2lkIjo3MjU3NzcyMSwicG9zdF9pZCI6MTE1NTI2ODk0LCJpYXQiOjE2ODE3ODY1NDMsImV4cCI6MTY4NDM3ODU0MywiaXNzIjoicHViLTY2NDcyMSIsInN1YiI6InBvc3QtcmVhY3Rpb24ifQ.sp5ixOMGJtWlM1lqSxtL9ZZ2ULft_jLMQqwGi1QcFwI"
class="email-button-outline"
style="
border: 1px solid #e0e0e0;
border-radius: 100000px;
color: #808080;
display: inline-block;
font-family: 'SF Pro Text',
-apple-system,
ui-sans-serif,
BlinkMacSystemFont,
'Segoe UI', Roboto,
Helvetica, Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 12px;
font-weight: 500;
line-height: 12px;
padding: 9px 14px;
text-decoration: none;
text-transform: uppercase;
"
><div
class="email-button-spacer"
style="
display: inline-block;
font-size: 16px;
line-height: 26px;
max-width: 0;
min-height: 18px;
vertical-align: middle;
"
></div>
<span
class="email-button-text"
style="
vertical-align: middle;
"
>Share</span
></a
>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr height="16">
<td height="16" style="font-size: 0px; line-height: 0">
&nbsp;
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div
dir="auto"
class="post typography"
style="font-size: 16px; line-height: 26px; padding: 16px 0 0 0"
>
<div
dir="auto"
class="body markup"
style="
font-size: 16px;
line-height: 26px;
margin-bottom: 16px;
text-align: initial;
width: 100%;
word-break: break-word;
"
>
<p
style="
color: #404040;
font-size: 16px;
line-height: 26px;
margin: 0 0 20px 0;
margin-bottom: 0;
margin-top: 0;
"
>
content
</p>
</div>
</div>
<div
class="postscript-placeholder"
style="
box-sizing: border-box;
font-size: 16px;
line-height: 26px;
margin: 32px 0 0;
width: 100%;
"
></div>
<table
role="presentation"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
class="email-ufi-2-bottom"
style="
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
min-width: 100%;
"
>
<tbody>
<tr height="16">
<td height="16" style="font-size: 0px; line-height: 0">
&nbsp;
</td>
</tr>
<tr>
<td>
<table
role="presentation"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td>
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
style="margin: 0 auto"
>
<tbody>
<tr>
<td style="vertical-align: middle">
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td align="center">
<a
href="https://substack.com/app-link/post?publication_id=664721&post_id=115526894&utm_source=substack&isFreemail=true&submitLike=true&token=eyJ1c2VyX2lkIjo3MjU3NzcyMSwicG9zdF9pZCI6MTE1NTI2ODk0LCJyZWFjdGlvbiI6IuKdpCIsImlhdCI6MTY4MTc4NjU0MywiZXhwIjoxNjg0Mzc4NTQzLCJpc3MiOiJwdWItNjY0NzIxIiwic3ViIjoicmVhY3Rpb24ifQ.LPYezg9STMh1l_uVV8XGJbSVY1DpmiJzqEHvxeTe9wY&utm_medium=email"
class="email-button-outline"
style="
border: 1px solid #e0e0e0;
border-radius: 100000px;
color: #808080;
display: inline-block;
font-family: 'SF Pro Text',
-apple-system, ui-sans-serif,
BlinkMacSystemFont,
'Segoe UI', Roboto,
Helvetica, Arial, sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 12px;
font-weight: 500;
line-height: 12px;
padding: 9px 14px;
text-decoration: none;
text-transform: uppercase;
"
><img
src="https://substackcdn.com/image/fetch/w_36,c_scale,f_png,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Ficon%2FLucideHeart%3Fv%3D4%26height%3D36%26fill%3Dnone%26stroke%3D%2523808080%26strokeWidth%3D2"
width="18"
height="18"
style="
border: none !important;
margin-right: 8px;
max-width: 18px;
min-height: 18px;
min-width: 18px;
vertical-align: middle;
"
alt=""
class="icon"
/><span
class="email-button-text"
style="vertical-align: middle"
>Like</span
></a
>
</td>
</tr>
</tbody>
</table>
</td>
<td width="8" style="min-width: 8px"></td>
<td style="vertical-align: middle">
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td align="center">
<a
href="https://substack.com/app-link/post?publication_id=664721&post_id=115526894&utm_source=substack&utm_medium=email&isFreemail=true&comments=true&token=eyJ1c2VyX2lkIjo3MjU3NzcyMSwicG9zdF9pZCI6MTE1NTI2ODk0LCJpYXQiOjE2ODE3ODY1NDMsImV4cCI6MTY4NDM3ODU0MywiaXNzIjoicHViLTY2NDcyMSIsInN1YiI6InBvc3QtcmVhY3Rpb24ifQ.sp5ixOMGJtWlM1lqSxtL9ZZ2ULft_jLMQqwGi1QcFwI&utm_source=substack&utm_medium=email"
class="email-button-outline"
style="
border: 1px solid #e0e0e0;
border-radius: 100000px;
color: #808080;
display: inline-block;
font-family: 'SF Pro Text',
-apple-system, ui-sans-serif,
BlinkMacSystemFont,
'Segoe UI', Roboto,
Helvetica, Arial, sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 12px;
font-weight: 500;
line-height: 12px;
padding: 9px 14px;
text-decoration: none;
text-transform: uppercase;
"
><img
src="https://substackcdn.com/image/fetch/w_36,c_scale,f_png,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Ficon%2FLucideComments%3Fv%3D4%26height%3D36%26fill%3Dnone%26stroke%3D%2523808080%26strokeWidth%3D2"
width="18"
height="18"
style="
border: none !important;
margin-right: 8px;
max-width: 18px;
min-height: 18px;
min-width: 18px;
vertical-align: middle;
"
alt=""
class="icon"
/><span
class="email-button-text"
style="vertical-align: middle"
>Comment</span
></a
>
</td>
</tr>
</tbody>
</table>
</td>
<td width="8" style="min-width: 8px"></td>
<td style="vertical-align: middle">
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr>
<td align="center">
<a
href="https://substack.com/redirect/2/eyJlIjoiaHR0cHM6Ly9ob25nYm8xMzAuc3Vic3RhY2suY29tL3AvdGl0bGU_dXRtX3NvdXJjZT1zdWJzdGFjayZ1dG1fbWVkaXVtPWVtYWlsJmFjdGlvbj1yZXN0YWNrLWNvbW1lbnQiLCJwIjoxMTU1MjY4OTQsInMiOjY2NDcyMSwiZiI6dHJ1ZSwidSI6NzI1Nzc3MjEsImlhdCI6MTY4MTc4NjU0MywiZXhwIjoxNjg0Mzc4NTQzLCJpc3MiOiJwdWItMCIsInN1YiI6ImxpbmstcmVkaXJlY3QifQ.qruuFTWsoKrzF5OokU-ndOLv6AmmZSesFBu1BagWNZg?&utm_source=substack&utm_medium=email"
class="email-button-outline"
style="
border: 1px solid #e0e0e0;
border-radius: 100000px;
color: #808080;
display: inline-block;
font-family: 'SF Pro Text',
-apple-system, ui-sans-serif,
BlinkMacSystemFont,
'Segoe UI', Roboto,
Helvetica, Arial, sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 12px;
font-weight: 500;
line-height: 12px;
padding: 9px 14px;
text-decoration: none;
text-transform: uppercase;
"
><img
src="https://substackcdn.com/image/fetch/w_36,c_scale,f_png,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Ficon%2FNoteForwardIcon%3Fv%3D4%26height%3D36%26fill%3Dnone%26stroke%3D%2523808080%26strokeWidth%3D2"
width="18"
height="18"
style="
border: none !important;
margin-right: 8px;
max-width: 18px;
min-height: 18px;
min-width: 18px;
vertical-align: middle;
"
alt=""
class="icon"
/><span
class="email-button-text"
style="vertical-align: middle"
>Restack</span
></a
>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td align="right">
<table
role="presentation"
width="auto"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody>
<tr></tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr height="16">
<td height="16" style="font-size: 0px; line-height: 0">
&nbsp;
</td>
</tr>
</tbody>
</table>
<div
class="footer frontend-email-shared-typed-module__footer--WmMp1"
style="
color: #808080;
font-size: 16px;
line-height: 26px;
padding: 24px 0;
text-align: center;
"
>
<div
class="frontend-email-shared-typed-module__footerSection--9vwqp"
style="font-size: 16px; line-height: 26px; padding: 0 24px"
>
<div
style="
color: #404040;
font-family: -apple-system, -system-ui, BlinkMacSystemFont,
'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
font-size: 16px;
font-weight: 700;
letter-spacing: -0.32px;
line-height: 20px;
margin: 0;
margin-bottom: 4px;
text-decoration: unset;
"
class="frontend-pencraft-Text-module__reset--20JLV frontend-pencraft-Text-module__size-16--yeezN frontend-pencraft-Text-module__line-height-20--1soeQ frontend-pencraft-Text-module__weight-bold--VnIZR frontend-pencraft-Text-module__font-text--hJYwu frontend-pencraft-Text-module__color-primary--2I-sF frontend-pencraft-Text-module__header4--29ICx"
>
Read Hongbo&#8217;s Newsletter in the app
</div>
<div
style="
color: #808080;
font-family: -apple-system, -system-ui, BlinkMacSystemFont,
'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
font-size: 14px;
font-weight: 400;
letter-spacing: -0.15px;
line-height: 20px;
margin: 0;
margin-bottom: 16px;
text-decoration: unset;
"
class="frontend-pencraft-Text-module__reset--20JLV frontend-pencraft-Text-module__size-14--1PYz8 frontend-pencraft-Text-module__line-height-20--1soeQ frontend-pencraft-Text-module__weight-normal--mEmBf frontend-pencraft-Text-module__font-text--hJYwu frontend-pencraft-Text-module__color-secondary--XjVGl frontend-pencraft-Text-module__body4--flxpT"
>
Listen to posts, join subscriber chats, and never miss an
update from Hongbo.
</div>
<div style="font-size: 16px; line-height: 26px">
<a
href="https://substack.com/redirect/c65a575f-e5be-4a1b-8d41-d44973172099?j=eyJ1IjoiMTc3bGJ0In0.DDoEv-XyS5h19kltlGDr9EUJdWnYfg-3CSqqDXOZBSM"
class="email-footer-button"
style="
border-radius: 8px;
display: inline-block;
margin: 0 4px;
overflow: hidden;
text-decoration: none;
"
><img
alt="Get the iOS app"
src="https://substackcdn.com/image/fetch/w_246,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Fimg%2Fapp_page%2Fapp-store.png"
width="123"
height="40"
style="
border: none !important;
max-width: 550px;
vertical-align: middle;
" /></a
><a
href="https://substack.com/redirect/3efaf071-f95e-4db6-a8f3-282f54e0b377?j=eyJ1IjoiMTc3bGJ0In0.DDoEv-XyS5h19kltlGDr9EUJdWnYfg-3CSqqDXOZBSM"
class="email-footer-button"
style="
border-radius: 8px;
display: inline-block;
margin: 0 4px;
overflow: hidden;
text-decoration: none;
"
><img
alt="Get the Android app"
src="https://substackcdn.com/image/fetch/w_270,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Fimg%2Fapp_page%2Fgoogle-play.png%3Fv%3D1"
width="135"
height="40"
style="
border: none !important;
max-width: 550px;
vertical-align: middle;
"
/></a>
</div>
</div>
<div
class="frontend-email-shared-typed-module__divider--1oKOZ"
style="
border-top: 1px solid #e0e0e0;
font-size: 16px;
line-height: 26px;
margin: 24px 0;
"
></div>
<div
style="
font-size: 16px;
line-height: 26px;
padding-bottom: 24px;
"
>
<p
class="frontend-pencraft-Text-module__reset--20JLV frontend-pencraft-Text-module__size-12--2onFT frontend-pencraft-Text-module__color-secondary--XjVGl small frontend-email-shared-typed-module__meta--AAyPr"
style="
color: #808080;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Helvetica, Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
font-size: 12px;
letter-spacing: 0;
line-height: 16px;
margin: 0;
padding-bottom: 0;
text-decoration: unset;
"
>
&#169; 2023 <span>Hongbo</span><br />548 Market Street PMB
72296, San Francisco, CA 94104 <br /><a
href="https://substack.com/redirect/2/eyJlIjoiaHR0cHM6Ly9ob25nYm8xMzAuc3Vic3RhY2suY29tL2FjdGlvbi9kaXNhYmxlX2VtYWlsP3Rva2VuPWV5SjFjMlZ5WDJsa0lqbzNNalUzTnpjeU1Td2ljRzl6ZEY5cFpDSTZNVEUxTlRJMk9EazBMQ0pwWVhRaU9qRTJPREUzT0RZMU5ETXNJbVY0Y0NJNk1UWTRORE0zT0RVME15d2lhWE56SWpvaWNIVmlMVFkyTkRjeU1TSXNJbk4xWWlJNkltUnBjMkZpYkdWZlpXMWhhV3dpZlEucGdKY2o4QVI2UjNRWC1oaDNKSGhKRU1xUUZwWU5rdTFSNW1VX3hodXRZQSIsInAiOjExNTUyNjg5NCwicyI6NjY0NzIxLCJmIjp0cnVlLCJ1Ijo3MjU3NzcyMSwiaWF0IjoxNjgxNzg2NTQzLCJleHAiOjE2ODQzNzg1NDMsImlzcyI6InB1Yi0wIiwic3ViIjoibGluay1yZWRpcmVjdCJ9.-j6vgzue5B3NLtMup4097MRP_hvlej2wcstf7RvaZ7Q?"
style="color: #808080; text-decoration: underline"
><span style="color: #808080; text-decoration: underline"
>Unsubscribe</span
></a
>
</p>
</div>
<p
class="frontend-email-shared-typed-module__footerSection--9vwqp small powered-by-substack"
style="
color: #808080;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol';
font-size: 12px;
line-height: 20px;
margin: 0;
margin-top: 0;
padding: 0 24px;
padding-bottom: 0;
"
>
<a
href="https://substack.com/redirect/2/eyJlIjoiaHR0cHM6Ly9zdWJzdGFjay5jb20vc2lnbnVwP3V0bV9zb3VyY2U9c3Vic3RhY2smdXRtX21lZGl1bT1lbWFpbCZ1dG1fY29udGVudD1mb290ZXImdXRtX2NhbXBhaWduPWF1dG9maWxsZWQtZm9vdGVyJmZyZWVTaWdudXBFbWFpbD1zeS53dWhiQGdtYWlsLmNvbSIsInAiOjExNTUyNjg5NCwicyI6NjY0NzIxLCJmIjp0cnVlLCJ1Ijo3MjU3NzcyMSwiaWF0IjoxNjgxNzg2NTQzLCJleHAiOjE2ODQzNzg1NDMsImlzcyI6InB1Yi0wIiwic3ViIjoibGluay1yZWRpcmVjdCJ9.gLM5t9TAqWPycMZRevwQYAfzcVoV8U7KzFW3I8x-EUQ?"
style="
color: #808080;
display: inline-block;
margin: 0 4px;
text-decoration: none;
"
><img
src="https://substackcdn.com/image/fetch/w_270,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Fimg%2Femail%2Fpublish-button%402x.png"
srcset="
https://substackcdn.com/image/fetch/w_135,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Fimg%2Femail%2Fpublish-button.png,
https://substackcdn.com/image/fetch/w_270,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Fimg%2Femail%2Fpublish-button%402x.png 2x,
https://substackcdn.com/image/fetch/w_405,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Fimg%2Femail%2Fpublish-button%403x.png 3x
"
width="135"
alt="Start writing"
height="40"
style="
border: none !important;
max-width: 550px;
vertical-align: middle;
"
/></a>
</p>
</div>
</div>
</td>
<td></td>
</tr>
</tbody>
</table>
<img
src="https://mailgun.substack.com/api/v1/email/open?token=eyJtIjoiPDIwMjMwNDE4MDI1NTQwLjMuMWE3ZGE0M2JkNzdmODJiYUBtZzIuc3Vic3RhY2suY29tPiIsInUiOjcyNTc3NzIxLCJyIjoic3kud3VoYkBnbWFpbC5jb20iLCJkIjoibWcyLnN1YnN0YWNrLmNvbSIsInAiOjExNTUyNjg5NCwidCI6Im5ld3NsZXR0ZXIiLCJhIjoiZXZlcnlvbmUiLCJzIjo2NjQ3MjEsImMiOiJwb3N0IiwiZiI6dHJ1ZSwicG9zaXRpb24iOiJib3R0b20iLCJpYXQiOjE2ODE3ODY1NDMsImV4cCI6MTY4NDM3ODU0MywiaXNzIjoicHViLTAiLCJzdWIiOiJlbyJ9.Oxy-C8PEFpgrwRsznEb7fbtvjyX3FJ6YrCUnwUa18Cg"
alt=""
width="1"
height="1"
border="0"
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;
"
/><img
width="1px"
height="1px"
alt=""
src="https://email.mg2.substack.com/o/eJxM0E2OwyAMBeDTlGUEBDBdcJbIgJOiSaDiZ6rcfpS2i9k-y0-fXsBOW6mne5bWWXQqCqstIyeMFWCNVjOjA9O-bJSpYqe4YP93VTCzh-PSxNVEobkCyzm_G7wHAG-QgOtVsOQklzNXwnKpteLTPAmEiGr2EWC10uNN8WOTUxu-dQw_UygHS21ZK70BrtdB7GIuOGKiHMjRL9Wz5G-cohNCa2nsXX2Sfj7JZXq1nXqnyp7DL6Ecx8ipnwtl9DvFb_HwewrYU8lXkTEKpGDVtXN6jYe_Kb5direqDR_LgSm7R8mbL2LmrH8WHI3q9Q9SA4AUfwEAAP__Ihlzbg"
/>
</body>
</html>