plurch/readabilitySnippet.js

## readabilitySnippet.js
(async function() {
    function loadScript(url) {
        const script = document.createElement("script");
        script.src = url;
        document.head.appendChild(script);

        return new Promise(function(resolve, reject) {
            script.onload = resolve;
        });
    }

    await loadScript('https://cdn.jsdelivr.net/gh/mozilla/readability/Readability.js');

    const article = new Readability(document).parse();

    document.write(`
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>${article.title}</title>
    <style>
      body {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
        max-width: 800px;
        margin: 0 auto;
        font-size: 20px;
        font-weight: 300;
        line-height: 30px;
        color: #24292e;
        padding-left: 10px;
        padding-right: 10px;
      }
      img {
        max-width: 100%;
      }
    </style>
</head>
<body>
  <h2>${article.title}</h2>
  <h3>${article.byline}</h3>
  ${article.content}
</body>
</html>
`);

})();
	(async function() {
	function loadScript(url) {
	const script = document.createElement("script");
	script.src = url;
	document.head.appendChild(script);

	return new Promise(function(resolve, reject) {
	script.onload = resolve;
	});
	}

	await loadScript('https://cdn.jsdelivr.net/gh/mozilla/readability/Readability.js');

	const article = new Readability(document).parse();

	document.write(`
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>${article.title}</title>
	<style>
	body {
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	max-width: 800px;
	margin: 0 auto;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	color: #24292e;
	padding-left: 10px;
	padding-right: 10px;
	}
	img {
	max-width: 100%;
	}
	</style>
	</head>
	<body>
	<h2>${article.title}</h2>
	<h3>${article.byline}</h3>
	${article.content}
	</body>
	</html>
	`);

	})();