//document.querySelector(".mercury-send-to-kindle-button").remove();

var article = document.querySelector("article")
document.querySelectorAll("span.inserted").forEach((e) => e.remove());
var title = article.querySelector("h1");
var subtitle = article.querySelector("h2");
var metadata = article.querySelectorAll("h6.text-secondary");
var images = article.querySelector(".content-main-image").querySelectorAll("img.article-slideshow-image");
var content = article.querySelector(".node-body");
images.forEach((e) => e.style.height = "100%");
images.forEach((e) => e.classList.remove("w-100"));
document.documentElement.removeAttribute("class");
document.documentElement.removeAttribute("lang");
document.documentElement.removeAttribute("dir");
document.body.removeAttribute("class");
document.body.removeAttribute("style");

var header = document.createElement("header");
var imageContainer = document.createElement("div");
var footer = document.createElement("header");
document.designMode = "on";
document.body.innerHTML = "";
document.body.appendChild(header);
header.appendChild(title);
header.appendChild(subtitle);
metadata.forEach((e) => header.append(e));
document.body.appendChild(document.createElement("hr"));
document.body.appendChild(imageContainer);
images.forEach((e) => imageContainer.append(e));
document.body.appendChild(content);
document.body.appendChild(document.createElement("hr"));
document.body.appendChild(footer);
footer.appendChild(document.createTextNode(location.href));

imageContainer.style.display = "flex";
imageContainer.style.height = "200px";
imageContainer.style.justifyContent = "space-evenly";

document.head.innerHTML = `
<meta charset="utf8"/>
<title>${title.textContent.trim()}</title>
<link type="text/css" rel="stylesheet" href="https://fast.fonts.net/cssapi/7eac07a4-87b9-4a20-bf3c-d6e4a28befef.css"/>
<style>
	* {
		box-sizing: border-box;
	}

	html {
		background: #e9e9e9;
		display: flex;
		text-align: justify;
	}

	body {
		background: white;
		width: 100%;
		max-width: 900px;
		margin: auto;
		padding: 0 1rem;
		/*font-family: Segoe UI,Roboto,Helvetica Neue,Helvetica,sans-serif;*/
		font-family: FreightText W01 Book, serif;
		line-height: 1.5;
	}
	
	body > * {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	
	h1 {
		font-weight: 600;
		font-family: FreightText W01 Bold;
		font-size: 44px;
		letter-spacing: -0.5px;
		line-height: 46px;
		margin-top: 22px;
		margin-bottom: 15px;
	}
	
	h2 {
		font-weight: normal;
		font-size: 21px;
		line-height: 32px;
	}
	
	h6 {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	hr {
		border: none;
		border-top: 2px solid black;
	}
	
	p {
		font-size: 21px;
		line-height: 32px;
	}
</style>
`;