Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2979 from omnivore-app/forte-labs-newsletter

Browse Source 
forte labs newsletter
This commit is contained in:
Hongbo Wu
2023-10-23 11:58:39 +08:00
committed by GitHub
parent 59b84a6eed 313fd77bef
commit 001f1e1d5e
6 changed files with 2465 additions and 471 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/puppeteer-parse/index.js
View File

@ -40,7 +40,7 @@ const DESKTOP_USER_AGENT = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 11_6_0) Apple
const BOT_DESKTOP_USER_AGENT = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 11_6_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4372.0 Safari/537.36'
const NON_BOT_DESKTOP_USER_AGENT = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 11_6_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4372.0 Safari/537.36'
const NON_BOT_HOSTS = ['bloomberg.com', 'forbes.com']
const NON_SCRIPT_HOSTS= ['medium.com', 'fastcompany.com'];
const NON_SCRIPT_HOSTS= ['medium.com', 'fastcompany.com', 'fortelabs.com'];
const ALLOWED_CONTENT_TYPES = ['text/html', 'application/octet-stream', 'text/plain', 'application/pdf'];

940
packages/readabilityjs/test/index.html
View File

@ -14,22 +14,10 @@
<td valign="top" style="width: 250px">
<ul>
<li>electrek<br />
<a href="./test-pages/electrek/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/electrek/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/electrek/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>caixin<br />
<a href="./test-pages/caixin/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/caixin/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/caixin/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>news.utexas<br />
<a href="./test-pages/news.utexas/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/news.utexas/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/news.utexas/distiller.html" target="iframe_b">[dom-distiller]</a>
<li>rootsofprogress<br />
<a href="./test-pages/rootsofprogress/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/rootsofprogress/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/rootsofprogress/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>johnhcochrane.blogspot<br />
@ -38,460 +26,22 @@
<a href="./test-pages/johnhcochrane.blogspot/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>fast-company<br />
<a href="./test-pages/fast-company/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/fast-company/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/fast-company/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>ahhhhfs.com<br />
<a href="./test-pages/ahhhhfs.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/ahhhhfs.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/ahhhhfs.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>substack-michaelshellenberger<br />
<a href="./test-pages/substack-michaelshellenberger/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/substack-michaelshellenberger/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/substack-michaelshellenberger/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>moderndiplomacy<br />
<a href="./test-pages/moderndiplomacy/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/moderndiplomacy/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/moderndiplomacy/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>brookings.edu<br />
<a href="./test-pages/brookings.edu/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/brookings.edu/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/brookings.edu/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>kdnuggets<br />
<a href="./test-pages/kdnuggets/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/kdnuggets/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/kdnuggets/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>danluu<br />
<a href="./test-pages/danluu/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/danluu/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/danluu/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>berthub-2<br />
<a href="./test-pages/berthub-2/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/berthub-2/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/berthub-2/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>city-journal<br />
<a href="./test-pages/city-journal/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/city-journal/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/city-journal/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>dailymail<br />
<a href="./test-pages/dailymail/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/dailymail/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/dailymail/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>china.substack<br />
<a href="./test-pages/china.substack/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/china.substack/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/china.substack/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>bitfieldconsulting<br />
<a href="./test-pages/bitfieldconsulting/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/bitfieldconsulting/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/bitfieldconsulting/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>slowboring<br />
<a href="./test-pages/slowboring/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/slowboring/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/slowboring/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>financialpost-fishing-for-chips<br />
<a href="./test-pages/financialpost-fishing-for-chips/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/financialpost-fishing-for-chips/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/financialpost-fishing-for-chips/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>aboveavalon<br />
<a href="./test-pages/aboveavalon/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/aboveavalon/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/aboveavalon/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>bookofhook.blogspot.com<br />
<a href="./test-pages/bookofhook.blogspot.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/bookofhook.blogspot.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/bookofhook.blogspot.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>guardian<br />
<a href="./test-pages/guardian/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/guardian/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/guardian/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>substack-email<br />
<a href="./test-pages/substack-email/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/substack-email/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/substack-email/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>moxie.org<br />
<a href="./test-pages/moxie.org/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/moxie.org/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/moxie.org/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>variety<br />
<a href="./test-pages/variety/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/variety/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/variety/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>medium<br />
<a href="./test-pages/medium/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/medium/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/medium/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>computer.rip<br />
<a href="./test-pages/computer.rip/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/computer.rip/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/computer.rip/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nymag<br />
<a href="./test-pages/nymag/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nymag/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nymag/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>samcurry<br />
<a href="./test-pages/samcurry/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/samcurry/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/samcurry/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>josephg<br />
<a href="./test-pages/josephg/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/josephg/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/josephg/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>gdcvault<br />
<a href="./test-pages/gdcvault/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/gdcvault/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/gdcvault/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>blog.jetbrains.com<br />
<a href="./test-pages/blog.jetbrains.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/blog.jetbrains.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/blog.jetbrains.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>fiercepharma<br />
<a href="./test-pages/fiercepharma/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/fiercepharma/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/fiercepharma/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>cnbc<br />
<a href="./test-pages/cnbc/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/cnbc/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/cnbc/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>techcrunch<br />
<a href="./test-pages/techcrunch/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/techcrunch/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/techcrunch/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>gflownet<br />
<a href="./test-pages/gflownet/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/gflownet/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/gflownet/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>berthub<br />
<a href="./test-pages/berthub/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/berthub/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/berthub/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>computerenhance.com<br />
<a href="./test-pages/computerenhance.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/computerenhance.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/computerenhance.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>zhihu<br />
<a href="./test-pages/zhihu/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/zhihu/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/zhihu/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>ottawacitizen.com<br />
<a href="./test-pages/ottawacitizen.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/ottawacitizen.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/ottawacitizen.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>instyle<br />
<a href="./test-pages/instyle/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/instyle/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/instyle/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>lesswrong<br />
<a href="./test-pages/lesswrong/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/lesswrong/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/lesswrong/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>people<br />
<a href="./test-pages/people/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/people/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/people/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>economist<br />
<a href="./test-pages/economist/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/economist/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/economist/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>danwang<br />
<a href="./test-pages/danwang/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/danwang/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/danwang/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nytimes<br />
<a href="./test-pages/nytimes/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nytimes/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nytimes/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>omnivore_getting_started<br />
<a href="./test-pages/omnivore_getting_started/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/omnivore_getting_started/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/omnivore_getting_started/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>stackoverflow<br />
<a href="./test-pages/stackoverflow/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/stackoverflow/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/stackoverflow/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>jacobbrazeal<br />
<a href="./test-pages/jacobbrazeal/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/jacobbrazeal/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/jacobbrazeal/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>newsletters<br />
<a href="./test-pages/newsletters/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/newsletters/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/newsletters/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>yuyue.com<br />
<a href="./test-pages/yuyue.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/yuyue.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/yuyue.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>digital-garden-docs<br />
<a href="./test-pages/digital-garden-docs/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/digital-garden-docs/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/digital-garden-docs/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nytimes-podcasts<br />
<a href="./test-pages/nytimes-podcasts/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nytimes-podcasts/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nytimes-podcasts/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>energias-renovables.com<br />
<a href="./test-pages/energias-renovables.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/energias-renovables.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/energias-renovables.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>channelnewsasia02<br />
<a href="./test-pages/channelnewsasia02/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/channelnewsasia02/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/channelnewsasia02/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>sydney.com<br />
<a href="./test-pages/sydney.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/sydney.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/sydney.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>getting_started_with_omnivore<br />
<a href="./test-pages/getting_started_with_omnivore/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/getting_started_with_omnivore/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/getting_started_with_omnivore/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nytimes.com<br />
<a href="./test-pages/nytimes.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nytimes.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nytimes.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>jsomers<br />
<a href="./test-pages/jsomers/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/jsomers/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/jsomers/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>www.sahilbloom.com<br />
<a href="./test-pages/www.sahilbloom.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/www.sahilbloom.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/www.sahilbloom.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>thevaluable.dev<br />
<a href="./test-pages/thevaluable.dev/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/thevaluable.dev/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/thevaluable.dev/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>habr.com<br />
<a href="./test-pages/habr.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/habr.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/habr.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>biospace<br />
<a href="./test-pages/biospace/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/biospace/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/biospace/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>spakhm<br />
<a href="./test-pages/spakhm/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/spakhm/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/spakhm/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>community.musictribe.com<br />
<a href="./test-pages/community.musictribe.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/community.musictribe.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/community.musictribe.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>infoproc<br />
<a href="./test-pages/infoproc/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/infoproc/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/infoproc/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>mathoverflow<br />
<a href="./test-pages/mathoverflow/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/mathoverflow/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/mathoverflow/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>cavesocial<br />
<a href="./test-pages/cavesocial/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/cavesocial/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/cavesocial/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>robinwieruch.de<br />
<a href="./test-pages/robinwieruch.de/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/robinwieruch.de/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/robinwieruch.de/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>channelnewsasia<br />
<a href="./test-pages/channelnewsasia/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/channelnewsasia/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/channelnewsasia/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>pontagedue<br />
<a href="./test-pages/pontagedue/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/pontagedue/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/pontagedue/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>wechat<br />
<a href="./test-pages/wechat/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/wechat/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/wechat/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>www.musingmind.org<br />
<a href="./test-pages/www.musingmind.org/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/www.musingmind.org/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/www.musingmind.org/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>debugger.medium<br />
<a href="./test-pages/debugger.medium/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/debugger.medium/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/debugger.medium/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>garymarcus<br />
<a href="./test-pages/garymarcus/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/garymarcus/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/garymarcus/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>erik-engheim<br />
<a href="./test-pages/erik-engheim/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/erik-engheim/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/erik-engheim/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>vanityfair<br />
<a href="./test-pages/vanityfair/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/vanityfair/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/vanityfair/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>github-blog<br />
<a href="./test-pages/github-blog/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/github-blog/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/github-blog/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>youtube-embed<br />
<a href="./test-pages/youtube-embed/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/youtube-embed/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/youtube-embed/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>telegr.ph<br />
<a href="./test-pages/telegr.ph/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/telegr.ph/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/telegr.ph/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>sciencedirect<br />
<a href="./test-pages/sciencedirect/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/sciencedirect/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/sciencedirect/distiller.html" target="iframe_b">[dom-distiller]</a>
<li>sydney.com<br />
<a href="./test-pages/sydney.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/sydney.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/sydney.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>milkroad<br />
@ -500,10 +50,304 @@
<a href="./test-pages/milkroad/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>elidourado<br />
<a href="./test-pages/elidourado/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/elidourado/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/elidourado/distiller.html" target="iframe_b">[dom-distiller]</a>
<li>ft.com<br />
<a href="./test-pages/ft.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/ft.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/ft.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>brookings.edu<br />
<a href="./test-pages/brookings.edu/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/brookings.edu/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/brookings.edu/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>guardian<br />
<a href="./test-pages/guardian/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/guardian/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/guardian/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>www.sahilbloom.com<br />
<a href="./test-pages/www.sahilbloom.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/www.sahilbloom.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/www.sahilbloom.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>lesswrong<br />
<a href="./test-pages/lesswrong/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/lesswrong/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/lesswrong/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>youtube-embed<br />
<a href="./test-pages/youtube-embed/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/youtube-embed/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/youtube-embed/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>moderndiplomacy<br />
<a href="./test-pages/moderndiplomacy/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/moderndiplomacy/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/moderndiplomacy/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nytimes<br />
<a href="./test-pages/nytimes/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nytimes/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nytimes/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>medium<br />
<a href="./test-pages/medium/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/medium/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/medium/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>telegr.ph<br />
<a href="./test-pages/telegr.ph/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/telegr.ph/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/telegr.ph/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>zhihu<br />
<a href="./test-pages/zhihu/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/zhihu/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/zhihu/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>ahhhhfs.com<br />
<a href="./test-pages/ahhhhfs.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/ahhhhfs.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/ahhhhfs.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>computerenhance.com<br />
<a href="./test-pages/computerenhance.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/computerenhance.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/computerenhance.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>caixin<br />
<a href="./test-pages/caixin/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/caixin/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/caixin/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nytimes.com<br />
<a href="./test-pages/nytimes.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nytimes.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nytimes.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>getting_started_with_omnivore<br />
<a href="./test-pages/getting_started_with_omnivore/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/getting_started_with_omnivore/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/getting_started_with_omnivore/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>economist<br />
<a href="./test-pages/economist/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/economist/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/economist/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>jsomers<br />
<a href="./test-pages/jsomers/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/jsomers/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/jsomers/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>china.substack<br />
<a href="./test-pages/china.substack/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/china.substack/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/china.substack/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>wechat<br />
<a href="./test-pages/wechat/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/wechat/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/wechat/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>blog.jetbrains.com<br />
<a href="./test-pages/blog.jetbrains.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/blog.jetbrains.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/blog.jetbrains.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>vanityfair<br />
<a href="./test-pages/vanityfair/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/vanityfair/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/vanityfair/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>erik-engheim<br />
<a href="./test-pages/erik-engheim/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/erik-engheim/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/erik-engheim/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>techcrunch<br />
<a href="./test-pages/techcrunch/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/techcrunch/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/techcrunch/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>fiercepharma<br />
<a href="./test-pages/fiercepharma/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/fiercepharma/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/fiercepharma/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>github-blog<br />
<a href="./test-pages/github-blog/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/github-blog/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/github-blog/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>computer.rip<br />
<a href="./test-pages/computer.rip/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/computer.rip/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/computer.rip/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>newsletters<br />
<a href="./test-pages/newsletters/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/newsletters/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/newsletters/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>moxie.org<br />
<a href="./test-pages/moxie.org/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/moxie.org/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/moxie.org/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nymag<br />
<a href="./test-pages/nymag/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nymag/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nymag/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>berthub-2<br />
<a href="./test-pages/berthub-2/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/berthub-2/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/berthub-2/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>bookofhook.blogspot.com<br />
<a href="./test-pages/bookofhook.blogspot.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/bookofhook.blogspot.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/bookofhook.blogspot.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>dailymail<br />
<a href="./test-pages/dailymail/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/dailymail/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/dailymail/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>slowboring<br />
<a href="./test-pages/slowboring/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/slowboring/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/slowboring/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>danluu<br />
<a href="./test-pages/danluu/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/danluu/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/danluu/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>robinwieruch.de<br />
<a href="./test-pages/robinwieruch.de/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/robinwieruch.de/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/robinwieruch.de/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>city-journal<br />
<a href="./test-pages/city-journal/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/city-journal/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/city-journal/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>fast-company<br />
<a href="./test-pages/fast-company/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/fast-company/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/fast-company/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>kdnuggets<br />
<a href="./test-pages/kdnuggets/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/kdnuggets/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/kdnuggets/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>channelnewsasia<br />
<a href="./test-pages/channelnewsasia/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/channelnewsasia/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/channelnewsasia/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>news.utexas<br />
<a href="./test-pages/news.utexas/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/news.utexas/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/news.utexas/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>berthub<br />
<a href="./test-pages/berthub/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/berthub/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/berthub/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>mathoverflow<br />
<a href="./test-pages/mathoverflow/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/mathoverflow/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/mathoverflow/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>substack-email<br />
<a href="./test-pages/substack-email/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/substack-email/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/substack-email/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>cavesocial<br />
<a href="./test-pages/cavesocial/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/cavesocial/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/cavesocial/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>instyle<br />
<a href="./test-pages/instyle/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/instyle/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/instyle/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>energias-renovables.com<br />
<a href="./test-pages/energias-renovables.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/energias-renovables.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/energias-renovables.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>community.musictribe.com<br />
<a href="./test-pages/community.musictribe.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/community.musictribe.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/community.musictribe.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>financialpost-fishing-for-chips<br />
<a href="./test-pages/financialpost-fishing-for-chips/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/financialpost-fishing-for-chips/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/financialpost-fishing-for-chips/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>yuyue.com<br />
<a href="./test-pages/yuyue.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/yuyue.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/yuyue.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>jon.bo<br />
@ -512,22 +356,178 @@
<a href="./test-pages/jon.bo/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>aboveavalon<br />
<a href="./test-pages/aboveavalon/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/aboveavalon/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/aboveavalon/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>ottawacitizen.com<br />
<a href="./test-pages/ottawacitizen.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/ottawacitizen.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/ottawacitizen.com/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>variety<br />
<a href="./test-pages/variety/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/variety/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/variety/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>channelnewsasia02<br />
<a href="./test-pages/channelnewsasia02/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/channelnewsasia02/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/channelnewsasia02/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>stackoverflow<br />
<a href="./test-pages/stackoverflow/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/stackoverflow/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/stackoverflow/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>sciencedirect<br />
<a href="./test-pages/sciencedirect/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/sciencedirect/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/sciencedirect/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>debugger.medium<br />
<a href="./test-pages/debugger.medium/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/debugger.medium/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/debugger.medium/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>nytimes-podcasts<br />
<a href="./test-pages/nytimes-podcasts/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/nytimes-podcasts/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/nytimes-podcasts/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>jacobbrazeal<br />
<a href="./test-pages/jacobbrazeal/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/jacobbrazeal/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/jacobbrazeal/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>samcurry<br />
<a href="./test-pages/samcurry/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/samcurry/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/samcurry/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>biospace<br />
<a href="./test-pages/biospace/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/biospace/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/biospace/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>stratechery<br />
<a href="./test-pages/stratechery/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/stratechery/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/stratechery/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>rootsofprogress<br />
<a href="./test-pages/rootsofprogress/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/rootsofprogress/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/rootsofprogress/distiller.html" target="iframe_b">[dom-distiller]</a>
<li>garymarcus<br />
<a href="./test-pages/garymarcus/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/garymarcus/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/garymarcus/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>ft.com<br />
<a href="./test-pages/ft.com/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/ft.com/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/ft.com/distiller.html" target="iframe_b">[dom-distiller]</a>
<li>josephg<br />
<a href="./test-pages/josephg/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/josephg/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/josephg/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>gflownet<br />
<a href="./test-pages/gflownet/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/gflownet/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/gflownet/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>people<br />
<a href="./test-pages/people/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/people/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/people/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>www.musingmind.org<br />
<a href="./test-pages/www.musingmind.org/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/www.musingmind.org/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/www.musingmind.org/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>danwang<br />
<a href="./test-pages/danwang/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/danwang/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/danwang/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>spakhm<br />
<a href="./test-pages/spakhm/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/spakhm/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/spakhm/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>cnbc<br />
<a href="./test-pages/cnbc/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/cnbc/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/cnbc/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>omnivore_getting_started<br />
<a href="./test-pages/omnivore_getting_started/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/omnivore_getting_started/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/omnivore_getting_started/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>gdcvault<br />
<a href="./test-pages/gdcvault/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/gdcvault/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/gdcvault/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>elidourado<br />
<a href="./test-pages/elidourado/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/elidourado/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/elidourado/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>electrek<br />
<a href="./test-pages/electrek/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/electrek/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/electrek/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>digital-garden-docs<br />
<a href="./test-pages/digital-garden-docs/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/digital-garden-docs/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/digital-garden-docs/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>pontagedue<br />
<a href="./test-pages/pontagedue/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/pontagedue/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/pontagedue/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>infoproc<br />
<a href="./test-pages/infoproc/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/infoproc/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/infoproc/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>bitfieldconsulting<br />
<a href="./test-pages/bitfieldconsulting/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/bitfieldconsulting/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/bitfieldconsulting/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
<li>thevaluable.dev<br />
<a href="./test-pages/thevaluable.dev/source.html" target="iframe_b">[source]</a>
<a href="./test-pages/thevaluable.dev/expected.html" target="iframe_b">[readability]</a>
<a href="./test-pages/thevaluable.dev/distiller.html" target="iframe_b">[dom-distiller]</a>
</li>
</ul>

12
packages/readabilityjs/test/test-pages/newsletters/forte-labs/expected-metadata.json Normal file
View File

@ -0,0 +1,12 @@
{
"title": "Progressive Summarization: A Practical Technique for Designing Discoverable Notes",
"byline": "Tiago Forte",
"dir": null,
"excerpt": "Modern digital tools make it easy to “capture” information from a wide variety of sources. We know how to snap a picture, type out some notes, record a video, or scan a document. Getting this content from the outside world into the digital world is trivial. It’s even easier to get content that is already digital from one app to another. We know how to copy and paste text, save an image from a webpage, archive an email attachment, or import a video file.",
"siteName": "Forte Labs",
"siteIcon": "https://fortelabs.com/wp-content/uploads/2020/02/cropped-cropped-Icon_Red-1-32x32.png",
"previewImage": "https://fortelabs.com/wp-content/uploads/2017/12/1vTBT177SuhcgBEdPJwT9lA.jpeg",
"publishedDate": "2017-12-27T14:59:00.000Z",
"language": "English",
"readerable": true
}

245
packages/readabilityjs/test/test-pages/newsletters/forte-labs/expected.html Normal file
View File

@ -0,0 +1,245 @@
<DIV class="page" id="readability-page-1">
<div>
<div data-widget_type="theme-post-content.default" data-element_type="widget" data-id="5d9db16f">
<div>
<fieldset>
<div>
<legend><strong>Series Navigation:</strong> <a href="https://fortelabs.com/blog/series/ps/" title="Progressive Summarization">Progressive Summarization</a></legend>
</div>
<div>
<tbody>
<tr>
<td></td>
<td>
<span><a href="https://fortelabs.com/blog/progressive-summarization-ii-examples-and-metaphors/" title="Progressive Summarization II: Examples and Metaphors >>">Progressive Summarization II: Examples and Metaphors &gt;&gt;</a></span>
</td>
</tr>
</tbody>
</div>
</fieldset>
</div>
<p>
<img data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*vTBT177SuhcgBEdPJwT9lA.jpeg" data-src="https://cdn-images-1.medium.com/max/800/1*vTBT177SuhcgBEdPJwT9lA.jpeg">
</p>
<p> Modern digital tools make it easy to “capture” information from a wide variety of sources. We know how to snap a picture, type out some notes, record a video, or scan a document. Getting this content from the outside world into the digital world is trivial. </p>
<p> It’s even easier to get content that is already digital from one app to another. We know how to copy and paste text, save an image from a webpage, archive an email attachment, or import a video file. </p>
<p> What is difficult is not transferring content from place to place, but <em>transferring it through time</em>. </p>
<p> You know what I mean: you read a book, investing hours of mental labor in understanding the ideas it presents. You finish the book with a feeling of triumph that you’ve gained a valuable body of knowledge. </p>
<p> But then what? </p>
<p> You may try to apply the science-based methods the book recommends, only to realize it’s not quite as clear-cut as you thought. You may try to change the way you eat, exercise, communicate, or work, trusting in the power of habits. But then the everyday demands of life come rushing back, and you forget what motivated you in the first place. </p>
<p> At this point, people take different paths. Some give up, labeling all “self-help” books a waste of time. Others decide it’s just a problem of remembering everything they read, and invest in fancy memorization techniques. And many people become “infovores,” force-feeding themselves endless books, articles, and courses, in the hope that something will stick. </p>
<p> I want to suggest an alternative to all the approaches above: what you read is good and useful and very important, <em>you’re just reading it at the wrong time</em>. </p>
<p> You’re reading about time management techniques now, but they will only be useful two years from now, when you become a manager and have much greater demands on your time. </p>
<p> You’re watching YouTube videos on online marketing now, but that knowledge can only be put to use in 9 months, when your new online course gets off the ground. </p>
<p> You’re talking to a prospect about his goals and challenges now, but when you could really use that information is next year, when he is taking bids for a huge new contract. </p>
<p> The challenge of knowledge is not acquiring it. In our digital world, you can acquire almost any knowledge at almost any time. </p>
<p> The challenge is knowing which knowledge is worth acquiring. And then building a system to <em>forward bits of it through time</em>, to the future situation or problem or challenge where it is most applicable, and most needed. </p>
<p> At that future point, when you’re applying that knowledge directly to a real-world challenge, you won’t have to worry about memorizing it, integrating it, or even fully understanding it. You will only have to apply it, and any gaps in your understanding will very quickly reveal themselves. By the time you’re done solving a real problem with it, book knowledge has become experiential knowledge. And experiential knowledge is something you carry with you forever. </p>
<p> This is the job of a “second brain” — an external, integrated digital repository for the things you learn and the resources from which they come. It is a storage and retrieval system, packaging bits of knowledge into discrete packets that can be forwarded to various points in time to be reviewed, utilized, or deleted. </p>
<form action="https://app.convertkit.com/forms/1116234/subscriptions" method="post" data-sv-form="1116234" data-uid="5a781d8994" data-format="inline" data-version="5" min-width="400 500 600 700">
<div data-style="minimal">
<P data-element="header">
<h2> Use Progressive Summarization<br> to create easy-to-review notes </h2>
</P>
<p> I'll send you my <strong>Progressive Summarization Cheat Sheet</strong> as a thank you when you subscribe to my free weekly newsletter below. </p>
<ul data-element="errors" data-group="alert"></ul>
<p> Look out for an email from hello@fortelabs.co </p>
</div>
</form>
<p> In <a href="https://fortelabs.com/blog/para/" target="_blank" rel="noopener">The PARA Method</a>, I described a universal system for organizing any kind of digital information from any source. It is a “good enough” system, maintaining notes according to their <em>actionability</em> (which takes just a moment to determine), instead of their <em>meaning</em> (which is ambiguous and depends on the context). </p>
<p> The four top-level categories of PARA — Projects, Areas, Resources, and Archives — are designed to facilitate this process of forwarding knowledge through time. </p>
<ul>
<li>By placing a note in a project folder, you are essentially scheduling it for review on the <strong>short time horizon</strong> of an individual project </li>
<li>Notes in area folders are scheduled for <strong>less frequent review</strong>, whenever you evaluate that area of your work or life </li>
<li>Notes in resource folders stand ready for review <strong>if and when you decide to take action</strong> on that topic </li>
<li>And notes in archive folders are in <strong>“cold storage,”</strong> available if needed but not scheduled for review at any particular time </li>
</ul>
<p> Note that we have re-created the tickler file, except instead of strict time-based horizons (daily, weekly, monthly, annually), they are scheduled <em>contingently</em> — if X happens, when Y arrives, if I want to do Z, etc. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*UL70dDF-RPYOhtoGX_rkJQ.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*UL70dDF-RPYOhtoGX_rkJQ.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*UL70dDF-RPYOhtoGX_rkJQ.jpeg">
</p>
<p> Planning in terms of contingencies gives us all the benefits of planning and researching, without locking us into rigid routines. We have the ability to massively accelerate, using our repository of accumulated notes as rocket fuel. But the actual decision of whether or not to accelerate, and critically, <em>in which direction</em>, we leave to our Future Self, who is older and wiser. </p>
<p> PARA answers how these “packets of knowledge” are <strong>organized</strong>: in discrete notes, sorted into 4 categories according to actionability, and resurfaced using RandomNote. </p>
<p> But now we turn to a more fundamental question: how are these packets made? Once we capture something, how do we structure the note so that it’s easily discoverable <em>and</em> usable in the future? How do we make sure what we’re saving today adds value to future projects, even when we can’t predict or even imagine what those projects might be? </p>
<p> That is the job of Progressive Summarization. </p>
<h3> Note-first knowledge management </h3>
<p> There are two primary schools of thought on how to organize a note-taking program (or really any body of information, but I’ll use terms specific to note-taking apps): </p>
<p>
<img data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*chLWf5_BiDfcj03zu_KHCw.jpeg" data-src="https://cdn-images-1.medium.com/max/800/1*chLWf5_BiDfcj03zu_KHCw.jpeg">
</p>
<p>
<strong>Tagging-first approaches</strong> argue that there should be no explicit hierarchy of notes, notebooks, and stacks. Notes are envisioned as an ever-changing, virtual matrix of interconnected, free-floating ideas. Because many tags can be applied to one note, there are multiple pathways to discover any given note. Locating notes in specific notebooks and folders is seen as limiting and static.
</p>
<p>
<img data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*A9MFYA0pXOWhCAYOAKcvqw.jpeg" data-src="https://cdn-images-1.medium.com/max/800/1*A9MFYA0pXOWhCAYOAKcvqw.jpeg">
</p>
<p> Although tags have their uses, I don’t believe they work as a primary organizational system. In my experience, relying on tagging is too fragile and requires too much maintenance, spreading attention too uniformly across all notes whether or not they are truly valuable. The virtual matrix sounds cool and futuristic, but our minds are not made to work well with such abstract concepts — we understand placing one thing in one place intuitively and automatically. </p>
<p> The second conventional approach to organizing notes is <strong>notebook-first</strong>. This basically translates how we organize things in the physical world — in a series of discrete containers — into the digital world. </p>
<p>
<img data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*e8Axv4OKw5fra2uSx6xxQA.jpeg" data-src="https://cdn-images-1.medium.com/max/800/1*e8Axv4OKw5fra2uSx6xxQA.jpeg">
</p>
<p> Notebook-first is better than tagging-first, in my opinion, mostly because it stays out of the way. It doesn’t try to automate and encroach upon the deeply intuitive act of making connections and seeing patterns. PARA on its own is a notebook-first system. </p>
<p> But if we stopped there, it would still be woefully inadequate for an economy based on creative output. As the tagging enthusiasts correctly point out, notebooks and folders actually suppress the serendipity and randomness that is at the heart of a creative lifestyle. </p>
<p> I propose a way to break the impasse: a <strong>note-first approach</strong>. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*fTOLyVYZPBoFlw-MEo4TPg.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*fTOLyVYZPBoFlw-MEo4TPg.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*fTOLyVYZPBoFlw-MEo4TPg.jpeg">
</p>
<p> I propose we make the <strong><em>design of individual notes</em></strong> the primary factor, instead of tags or notebooks. This has many advantages: </p>
<ul>
<li>It works well with <em>any</em> other <strong>organizational system</strong>, without depending on them (including but not limited to tags and notebooks, if you want to use those) </li>
<li>It makes all work you do on your notes <strong>value-added</strong>, because you’re spending close to 100% of the time engaging directly with the content itself </li>
<li>It can more easily <strong>survive</strong> <strong>migrations</strong> to other devices, storage locations, and even programs, because note content is much more likely to be preserved than overarching structure </li>
<li>It <strong>cultivates</strong> <strong>skills</strong> (succinct communication, finding the core of an idea, visual thinking, etc.) that are inherently valuable and highly transferrable to other activities </li>
<li>It makes your notes more <strong>legible and useful to others</strong> (unlike your internal notebook structure, which is only for your use), promoting collaboration and sharing </li>
</ul>
<p> With a note-first approach, your notes become like individual <strong>atoms</strong> — each with its own unique properties, but ready to be assembled into <strong>elements, molecules, and compounds</strong> that are far more powerful. </p>
<p> A note-first approach to knowledge management means we have to think about design. You are, in a very real sense, designing a product for a demanding customer — Future You. </p>
<p> Future You doesn’t necessarily trust that everything Past You put into your notes is valuable. Future You is impatient and skeptical, demanding proof upfront that the time they spend reviewing notes will be worthwhile. You’ve gotta “sell them” on the idea of reviewing a given note, including <a href="https://www.thebalance.com/get-to-know-and-use-aida-39273" target="_blank" rel="noopener noreferrer">all the stages</a> any salesperson has to master: gaining <strong>attention</strong>, inspiring <strong>interest</strong>, establishing <strong>credibility</strong>, stoking <strong>desire</strong>, and making a case for <strong>action</strong> NOW. </p>
<p> As if all that wasn’t intimidating enough, you have to do this for every single note without spending <em>any extra time</em>. You don’t have extra time, do you? </p>
<p> Let’s start at the beginning: at the heart of every design, we are trying to balance priorities. You want one thing, but it has to be balanced against something else that you <em>also</em> want. </p>
<p> You want a vehicle to protect its occupants, but you can’t just add layers and layers of titanium armor plating. You have to balance safety against weight and cost. </p>
<p> You want a phone to have the longest possible battery life, but you can’t just give it a 10-pound brick of a battery. You have to balance battery life against size and usability. </p>
<p> In the case of notes, I believe the two priorities we are trying to balance are <strong>discoverability</strong> and <strong>understanding</strong>. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*8jDFbumKrLqHw_YtnDIGdw.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*8jDFbumKrLqHw_YtnDIGdw.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*8jDFbumKrLqHw_YtnDIGdw.jpeg">
</p>
<p> Making a note <strong>discoverable</strong> involves making it small, simple, and easy to digest. We accomplish this using <strong>compression:</strong> creating highly condensed summaries, without all the fluff. </p>
<p> But we also want to make our notes <strong>understandable</strong>. This involves including all the <strong>context</strong>: the details, the examples, and cited sources to be sure nothing falls through the cracks. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*QD4FVQe8CoMAxgjM3uwPFg.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*QD4FVQe8CoMAxgjM3uwPFg.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*QD4FVQe8CoMAxgjM3uwPFg.jpeg">
</p>
<p> This is a difficult tradeoff because <em>you cannot compress something without losing some of its context</em>. </p>
<p> You cannot summarize an article without discarding most of its points. You cannot make a highlight reel of a video without cutting out most of the footage. You cannot give an 18-minute TED talk without leaving out most of your ideas. </p>
<p> In making decisions about what to keep, you are inevitably making decisions about what to throw away. </p>
<h3> Compression vs.&nbsp;context </h3>
<p> There’s a natural tension between the two, compression and context. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*G9lCJtN0eBicuvctneSHVQ.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*G9lCJtN0eBicuvctneSHVQ.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*G9lCJtN0eBicuvctneSHVQ.jpeg">
</p>
<p> To communicate anything, you have to compress it, like communicating a huge amount of life experience in a wise saying. But in doing so, you lose a lot of the context that made that wisdom valuable in the first place. </p>
<p> Let’s look at some examples. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*dq44FqjDaLiXwB9WvRXRyw.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*dq44FqjDaLiXwB9WvRXRyw.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*dq44FqjDaLiXwB9WvRXRyw.jpeg">
</p>
<p> If we compress a note too much, in other words, we make a summary that is too brief, we lose the context and it loses all meaning. In the note above, for example, the information it contains is highly discoverable — I can get the gist of it with just a glance. </p>
<p> But if I come across this note a year from now, I’ll have no idea what it means or why it’s important. It’s too compressed. </p>
<p> But we can go too far in the opposite direction too. If we make something totally understandable, in other words, if we include every little detail and bit of context, it loses its discoverability. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*T6oXDnZWMNUCPN6uR9ywUA.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*T6oXDnZWMNUCPN6uR9ywUA.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*T6oXDnZWMNUCPN6uR9ywUA.jpeg">
</p>
<p> The example above is my notes on the task management software Jira. It has <em>lots</em> of context, making it highly understandable. But it’s not discoverable at all. It would probably take me a couple hours and tremendous mental effort to read through this note and remember enough context to decide whether or not it’s useful. The main points and key insights are hidden somewhere in the noise. </p>
<p> Getting the balance between compression and context right is not a trivial matter. When the time comes for Future You to decide whether or not to review this note, <em>seconds count</em>. Because Future You will likely be looking for a solution to a problem, not casual reading, they will be making snap decisions on a tight timeline. Faced with a wall of text of questionable value, they are unlikely to take the risk of committing time for review. </p>
<p> This means that all the summarizing work your Past Self did on this note is wasted. It didn’t pay off back then, and it doesn’t pay off in the future. You successfully sent a packet of information forward through time, but not in a state where it could survive the journey. </p>
<h3> Opportunistic compression </h3>
<p> I’ve found that most people do just fine on the context side of the equation. We know how to take exhaustive notes on a book, a presentation, or a class. </p>
<p> Progressive Summarization focuses therefore on rebalancing the equation. It is a method for <em>opportunistic compression</em> — summarizing and condensing a piece of information in small spurts, spread across time, in the course of other work, and only doing as much or as little as the information deserves. </p>
<p> If you remember, compression is a means to improving discoverability. So our design challenge when creating a note is: </p>
<blockquote>
<p> “How do I make what I’m consuming right now easily discoverable for my future&nbsp;self?” </p>
</blockquote>
<p> This isn’t an easy question to answer, because you have no idea what Future You remembers, is interested in, or is working on. You have to summarize the note <em>without knowing what it will be used for</em>. It is general purpose summarization, a much greater challenge than extracting takeaways for just one specific project. </p>
<p> Progressive Summarization works in “layers” of summarization. Layer 0 is the original, full-length source text. </p>
<p> Layer 1 is the content that I initially bring into my note-taking program. I don’t have an explicit set of criteria on what to keep. I just capture anything that feels insightful, interesting, or useful. </p>
<p> This can include virtually any type of media, but for this article I will focus on text. There are <em>many</em> ways of doing this: </p>
<ul>
<li>Copy a paragraph of <strong>text</strong> from a PDF I’m reading, and paste it into the Evernote <a href="https://help.evernote.com/hc/en-us/articles/209005067-How-to-use-Evernote-Helper-for-quick-notes-and-screenshots" target="_blank" rel="noopener noreferrer">menu bar helper</a>
</li>
<li>Type my <strong>random thoughts</strong> into a new note on the Evernote <a href="https://evernote.com/products" target="_blank" rel="noopener noreferrer">mobile app</a>
</li>
<li>Dropping a <strong>Word document</strong> onto the Evernote icon in the dock on my Mac, which adds it to a note as an attachment </li>
<li>Downloading all my <strong>Kindle highlights</strong> from a book using <a href="https://www.norbauer.com/bookcision/" target="_blank" rel="noopener noreferrer">Bookcision</a>, and then copying and pasting them into a new note </li>
<li>Forward an <strong>email</strong> with useful information to my <a href="https://blog.evernote.com/blog/2012/04/20/quick-tip-friday-emailing-into-your-evernote-account/" target="_blank" rel="noopener noreferrer">personal import address</a>, which automatically imports the whole email to a note </li>
<li>Highlight the best passages of an <strong>online article</strong> using the web highlighter <a href="http://getliner.com/" target="_blank" rel="noopener noreferrer">Liner</a>, which exports directly to Evernote </li>
</ul>
<p> The examples above are from my recommended program <a href="https://evernote.com/" target="_blank" rel="noopener noreferrer">Evernote</a> (iOS, Android, Mac, Windows, browsers), but all the major note-taking platforms support the above functionality in one way or another: <a href="http://www.bear-writer.com/" target="_blank" rel="noopener noreferrer">Bear</a> (Mac and iOS), <a href="https://simplenote.com/" target="_blank" rel="noopener noreferrer">Simplenote</a> (iOS, Android, Mac, Windows, Linux), <a href="https://www.onenote.com/" target="_blank" rel="noopener noreferrer">Microsoft OneNote</a> (iOS, Android, Mac, Windows), and <a href="https://www.google.com/keep/" target="_blank" rel="noopener noreferrer">Google Keep</a> (browsers, iOS, Android). </p>
<p> Layer 1 is the starting point of Progressive Summarization, like the bedrock on which everything else is built: </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*DFWCpLd-KPQssQZRf9GMlA.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*DFWCpLd-KPQssQZRf9GMlA.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*DFWCpLd-KPQssQZRf9GMlA.jpeg">
</p>
<p> Layer 2 is the first round of true summarization, in which I bold only the best parts of the passages I’ve imported. Again, I have no explicit criteria. I look for keywords, key phrases, and key sentences that I feel represent the core or essence of the idea being discussed. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*C14Mij5BoTie32_jGaOH5Q.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*C14Mij5BoTie32_jGaOH5Q.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*C14Mij5BoTie32_jGaOH5Q.jpeg">
</p>
<p> I do this bolding layer at a later time, when I’m already reviewing this note anyway. I’m essentially using the attention I’m already spending for a dual purpose: to “buy” the information I need for the project at hand, and also to summarize the note for future use. If you have to <em>pay</em> attention to something, it comes in handy to be able to double-spend. </p>
<p> For Layer 3, I switch to highlighting, so I can make out the smaller number of highlighted passages among all the bolded ones. This time, I’m looking for the “best of the best,” only highlighting something if it is truly unique or valuable. And again, I’m only adding this third layer when I’m already reviewing the note anyway. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*Dfkpa0eYIonHAubdDFqPWw.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*Dfkpa0eYIonHAubdDFqPWw.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*Dfkpa0eYIonHAubdDFqPWw.jpeg">
</p>
<p> For Layer 4, I’m still summarizing, but going beyond highlighting the words of others, to recording my own. For a small number of notes that are the most insightful, I summarize layers 2 and 3 in an informal executive summary at the top of the note, restating the key points in my own words. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*GdtcEbtCay2YCnKfoP4qmw.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*GdtcEbtCay2YCnKfoP4qmw.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*GdtcEbtCay2YCnKfoP4qmw.jpeg">
</p>
<p> Note that all the previous layers are preserved in context, giving you the freedom to leave things out without worrying that you’ll lose them. Summarization is risky — you may be making the wrong decision about what’s important. But with the safety net of multiple layers of preserved notes, you can strike out decisively on daring intellectual expeditions. </p>
<p> And finally, for a tiny minority of sources, the ones that are so powerful and exciting I want them to become part of how I think and work <em>immediately</em>, I remix them. After pulling them apart and dissecting them from every angle in layers 1–4, I add my own personality and creativity and turn them into something else. </p>
<p>
<img srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-src="https://cdn-images-1.medium.com/max/800/1*cs4WrYZDSERqIfHJBZoflQ.jpeg?is-pending-load=1" data-lazy-fallback="1" decoding="async" src="https://cdn-images-1.medium.com/max/800/1*cs4WrYZDSERqIfHJBZoflQ.jpeg?is-pending-load=1" data-src="https://cdn-images-1.medium.com/max/800/1*cs4WrYZDSERqIfHJBZoflQ.jpeg">
</p>
<p> This could include a blog post interpreting, critiquing, or extending the argument an author is making, such as in <a href="https://fortelabs.com/strategically-constrained-how-to-turn-limitations-into-opportunities-4d20295c1a94" target="_blank" rel="noopener noreferrer">Strategically Constrained</a>, <a href="https://fortelabs.com/the-inner-game-of-work-focus-desire-and-working-free-d6312216c148" target="_blank" rel="noopener noreferrer">The Inner Game of Work</a>, and <a href="https://fortelabs.com/supersizing-the-mind-the-science-of-cognitive-extension-56d66c34a65f" target="_blank" rel="noopener noreferrer">Supersizing the Mind</a>. </p>
<form action="https://app.convertkit.com/forms/1116234/subscriptions" method="post" data-sv-form="1116234" data-uid="5a781d8994" data-format="inline" data-version="5" min-width="400 500 600 700">
<div data-style="minimal">
<P data-element="header">
<h2> Use Progressive Summarization<br> to create easy-to-review notes </h2>
</P>
<p> I'll send you my <strong>Progressive Summarization Cheat Sheet</strong> as a thank you when you subscribe to my free weekly newsletter below. </p>
<ul data-element="errors" data-group="alert"></ul>
<p> Look out for an email from hello@fortelabs.co </p>
</div>
</form>
<p> But it doesn’t have to be difficult or time-consuming. It could even be…(gasp) fun! Making a sketch, designing a slide, recording a short video on your phone, and sharing on social media are all forms of wrestling deeply with information. </p>
<div data-tweet-id="798740105460518912" class="tweet-placeholder"></div>
<figure>
<figcaption> The first tweet in a tweetstorm I wrote about the book <em><em>Toyota Kata</em></em>
</figcaption>
</figure>
<p>
<em>In</em> <a href="https://fortelabs.com/progressive-summarization-ii-examples-and-metaphors-5f9b8b7108df/"><em>Part II</em></a><em>, we’ll look at some examples of Progressive Summarization in action.</em>
</p>
<hr>
<div>
<p><strong>Follow us for the latest updates and insights around productivity and Building a Second Brain on <a href="https://twitter.com/fortelabs/" target="_blank" rel="noopener noreferrer">Twitter</a>, <a href="https://www.facebook.com/fortelabs/" target="_blank" rel="noopener noreferrer">Facebook</a>, <a href="https://www.instagram.com/fortelabsco/" target="_blank" rel="noopener noreferrer">Instagram</a>, <a href="https://www.linkedin.com/in/tiagoforte/" target="_blank" rel="noopener noreferrer">LinkedIn</a>, and <a href="http://basb.io/youtube" target="_blank" rel="noopener noreferrer">YouTube</a>. And if you're ready to start building your Second Brain, <a href="https://www.buildingasecondbrain.com/book" target="_blank" rel="noopener noreferrer">get the book</a> and learn the proven method to organize your digital life and unlock your creative potential.</strong></p>
</div>
<form action="https://app.convertkit.com/forms/1022693/subscriptions" method="post" data-sv-form="1022693" data-uid="c4407a2f08" data-format="inline" data-version="6" min-width="400 500 600 700">
<div data-style="full">
<p><img src="https://embed.filekitcdn.com/e/oP2q5jihy5hj474ZFtvPjw/pkwszL6w2hsV41vY6MLfdR"></p>
<p> Join the Forte Labs Newsletter </p>
<div data-element="content">
<p> Every Tuesday, I send over 100,000 subscribers new essays, videos, event invites, and other resources designed to <strong>level up your productivity and life.</strong>
</p>
<p> ​ </p>
<p> Join us, and I'll send you my <strong>Top 10 Most Popular Articles</strong> right away as a thank you. </p>
</div>
</div>
</form>
<div>
<fieldset>
<div>
<legend><strong>Series Navigation:</strong> <a href="https://fortelabs.com/blog/series/ps/" title="Progressive Summarization">Progressive Summarization</a></legend>
</div>
<div>
<tbody>
<tr>
<td></td>
<td>
<span><a href="https://fortelabs.com/blog/progressive-summarization-ii-examples-and-metaphors/" title="Progressive Summarization II: Examples and Metaphors >>">Progressive Summarization II: Examples and Metaphors &gt;&gt;</a></span>
</td>
</tr>
</tbody>
</div>
</fieldset>
</div>
</div>
<div data-id="568caacb" data-element_type="widget" data-widget_type="post-navigation.default">
<p><a href="https://fortelabs.com/blog/supersizing-the-mind-the-science-of-cognitive-extension/" rel="prev"><span><span>Prev</span></span><span><span>Previous Post</span><span>Supersizing the Mind: The Science of Cognitive Extension</span></span></a>
</p>
<p><a href="https://fortelabs.com/blog/progressive-summarization-ii-examples-and-metaphors/" rel="next"><span><span>Next Post</span><span>Progressive Summarization II: Examples and Metaphors</span></span><span><span>Next</span></span></a>
</p>
</div>
<div data-widget_type="post-info.default" data-element_type="section" data-id="60a66d24">
<ul>
<li itemprop="about">
<span><span>POSTED IN:</span> <span><a href="https://fortelabs.com/blog/category/topics/attention/">Attention</a>, <a href="https://fortelabs.com/blog/category/topics/building-a-second-brain/">Building a Second Brain</a>, <a href="https://fortelabs.com/blog/category/topics/curation/">Curation</a>, <a href="https://fortelabs.com/blog/category/topics/flow/">Flow</a>, <a href="https://fortelabs.com/blog/category/types/how-to-guides/">How-To Guides</a>, <a href="https://fortelabs.com/blog/category/topics/note-taking/">Note-taking</a>, <a href="https://fortelabs.com/blog/category/topics/workflow/">Workflow</a></span></span>
</li>
</ul>
</div>
</div>
</DIV>

1736
packages/readabilityjs/test/test-pages/newsletters/forte-labs/source.html Normal file
View File

File diff suppressed because one or more lines are too long

1
packages/readabilityjs/test/test-pages/newsletters/forte-labs/url.txt Normal file
View File

@ -0,0 +1 @@
https://fortelabs.com/blog/progressive-summarization-a-practical-technique-for-designing-discoverable-notes/