omnivore-app / omnivore

Omnivore is a complete, open source read-it-later solution for people who like reading.
https://omnivore.app
GNU Affero General Public License v3.0
13.6k stars 879 forks source link

Embedded quote tweets on substack posts are not formatted correctly #2024

Closed jacksonh closed 1 year ago

jacksonh commented 1 year ago

HTML:

<div data-omnivore-anchor-idx="45" class="_omnivore-static-tweet"><a data-omnivore-anchor-idx="46" class="_omnivore-static-tweet-link-top" href="https://substack.com/redirect/54a7f9c0-65f3-4376-a283-13d9af16e2e4?j=eyJ1IjoiMTdjNmNzIn0.WacP5qZHoQwMmZ7_CWu68V7iO_0SEuLZegEkOObSEOI" target="_blank" rel=""><div data-omnivore-anchor-idx="47" class="_omnivore-static-tweet-header"><img data-omnivore-anchor-idx="48" data-omnivore-original-src="https://substackcdn.com/image/twitter_name/w_96/shreyas.jpg" class="_omnivore-static-tweet-header-avatar" src="https://proxy-prod.omnivore-image-cache.app/0x0,skRiCkJ9fMA8vvD5YsBCh76fzcqtM_8QSj1ElB8JaTus/https://substackcdn.com/image/twitter_name/w_96/shreyas.jpg" alt="Twitter avatar for @shreyas" loading="lazy"><div data-omnivore-anchor-idx="49" class="_omnivore-static-tweet-header-text"><span data-omnivore-anchor-idx="50" class="_omnivore-static-tweet-author-name">Shreyas Doshi </span><span data-omnivore-anchor-idx="51" class="_omnivore-static-tweet-author-handle">@shreyas</span></div></div><div data-omnivore-anchor-idx="52" class="_omnivore-static-tweet-text">The year is 2027.

GPT-7 does most of the work on product teams: mocks, code, research, data analysis. There are highly leveraged engineers, designers, analysts working across 5-10 products. Every product still has a PM, who has 55 GPT tabs open.

PM now means Prompt Manager 😁 </div><div data-omnivore-anchor-idx="53" class="quote-tweet"><div data-omnivore-anchor-idx="54" class="quote-tweet-header"><img data-omnivore-anchor-idx="55" data-omnivore-original-src="https://substackcdn.com/image/twitter_name/w_40/pradeepb28.jpg" class="quote-tweet-header-avatar" src="https://proxy-prod.omnivore-image-cache.app/0x0,s78pFNTayrl2k9FUR7xcb4aLV0blz7jlOAINOfA3eoj8/https://substackcdn.com/image/twitter_name/w_40/pradeepb28.jpg" alt="Twitter avatar for @pradeepb28" loading="lazy"><div data-omnivore-anchor-idx="56" class="quote-tweet-header-text"><span data-omnivore-anchor-idx="57" class="quote-tweet-name">deepu </span><span data-omnivore-anchor-idx="58" class="quote-tweet-username">@pradeepb28</span></div></div><span data-omnivore-anchor-idx="59">I wonder if @lennysan @shreyas have thoughts or predictions about what the product management would look like in next 5 years ?</span></div></a><a data-omnivore-anchor-idx="60" class="_omnivore-static-tweet-link-bottom" href="https://substack.com/redirect/54a7f9c0-65f3-4376-a283-13d9af16e2e4?j=eyJ1IjoiMTdjNmNzIn0.WacP5qZHoQwMmZ7_CWu68V7iO_0SEuLZegEkOObSEOI" target="_blank" rel=""><div data-omnivore-anchor-idx="61" class="_omnivore-static-tweet-footer"><span data-omnivore-anchor-idx="62" class="_omnivore-static-tweet-date">11:23 AM ∙ Dec 27, 2022</span><hr data-omnivore-anchor-idx="63"><div data-omnivore-anchor-idx="64" class="_omnivore-static-tweet-ufi"><span data-omnivore-anchor-idx="65" href="https://twitter.com/shreyas/status/1607698647084568576?s=20/likes" class="likes"><span data-omnivore-anchor-idx="66" class="like-count">369</span><span data-omnivore-anchor-idx="67">Likes</span></span><span data-omnivore-anchor-idx="68" href="https://twitter.com/shreyas/status/1607698647084568576?s=20/retweets" class="retweets"><span data-omnivore-anchor-idx="69" class="rt-count">35</span><span data-omnivore-anchor-idx="70">Retweets</span></span></div></div></a></div>

Image:

Screen Shot 2023-04-12 at 10 57 06
jacksonh commented 1 year ago

Formatting the HTML a bit:

<div data-omnivore-anchor-idx="45" class="_omnivore-static-tweet">
<a data-omnivore-anchor-idx="46" class="_omnivore-static-tweet-link-top" href="https://substack.com/redirect/54a7f9c0-65f3-4376-a283-13d9af16e2e4?j=eyJ1IjoiMTdjNmNzIn0.WacP5qZHoQwMmZ7_CWu68V7iO_0SEuLZegEkOObSEOI" target="_blank" rel="">
<div data-omnivore-anchor-idx="47" class="_omnivore-static-tweet-header">
  <img data-omnivore-anchor-idx="48" data-omnivore-original-src="https://substackcdn.com/image/twitter_name/w_96/shreyas.jpg" class="_omnivore-static-tweet-header-avatar" src="https://proxy-prod.omnivore-image-cache.app/0x0,skRiCkJ9fMA8vvD5YsBCh76fzcqtM_8QSj1ElB8JaTus/https://substackcdn.com/image/twitter_name/w_96/shreyas.jpg" alt="Twitter avatar for @shreyas" loading="lazy">
  <div data-omnivore-anchor-idx="49" class="_omnivore-static-tweet-header-text">
    <span data-omnivore-anchor-idx="50" class="_omnivore-static-tweet-author-name">Shreyas Doshi </span>
    <span data-omnivore-anchor-idx="51" class="_omnivore-static-tweet-author-handle">@shreyas</span>
  </div>
</div>
<div data-omnivore-anchor-idx="52" class="_omnivore-static-tweet-text">The year is 2027.

GPT-7 does most of the work on product teams: mocks, code, research, data analysis. There are highly leveraged engineers, designers, analysts working across 5-10 products. Every product still has a PM, who has 55 GPT tabs open.

PM now means Prompt Manager 😁 </div>
<div data-omnivore-anchor-idx="53" class="quote-tweet">
  <div data-omnivore-anchor-idx="54" class="quote-tweet-header">
    <img data-omnivore-anchor-idx="55" data-omnivore-original-src="https://substackcdn.com/image/twitter_name/w_40/pradeepb28.jpg" class="quote-tweet-header-avatar" src="https://proxy-prod.omnivore-image-cache.app/0x0,s78pFNTayrl2k9FUR7xcb4aLV0blz7jlOAINOfA3eoj8/https://substackcdn.com/image/twitter_name/w_40/pradeepb28.jpg" alt="Twitter avatar for @pradeepb28" loading="lazy">
    <div data-omnivore-anchor-idx="56" class="quote-tweet-header-text">
      <span data-omnivore-anchor-idx="57" class="quote-tweet-name">deepu </span>
      <span data-omnivore-anchor-idx="58" class="quote-tweet-username">@pradeepb28</span>
    </div>
  </div>
  <span data-omnivore-anchor-idx="59">I wonder if @lennysan @shreyas have thoughts or predictions about what the product management would look like in next 5 years ?</span>
  </div>
</a>
<a data-omnivore-anchor-idx="60" class="_omnivore-static-tweet-link-bottom" href="https://substack.com/redirect/54a7f9c0-65f3-4376-a283-13d9af16e2e4?j=eyJ1IjoiMTdjNmNzIn0.WacP5qZHoQwMmZ7_CWu68V7iO_0SEuLZegEkOObSEOI" target="_blank" rel="">
  <div data-omnivore-anchor-idx="61" class="_omnivore-static-tweet-footer">
    <span data-omnivore-anchor-idx="62" class="_omnivore-static-tweet-date">11:23 AM ∙ Dec 27, 2022</span>
    <hr data-omnivore-anchor-idx="63">
    <div data-omnivore-anchor-idx="64" class="_omnivore-static-tweet-ufi">
      <span data-omnivore-anchor-idx="65" href="https://twitter.com/shreyas/status/1607698647084568576?s=20/likes" class="likes">
        <span data-omnivore-anchor-idx="66" class="like-count">369</span>
        <span data-omnivore-anchor-idx="67">Likes</span>
      </span>
      <span data-omnivore-anchor-idx="68" href="https://twitter.com/shreyas/status/1607698647084568576?s=20/retweets" class="retweets">
        <span data-omnivore-anchor-idx="69" class="rt-count">35</span>
        <span data-omnivore-anchor-idx="70">Retweets</span>
      </span>
    </div>
  </div>
</a>
</div>