Hacker News OUTLINE.COM links

ycombinator.outline.js

//Run this code after page load
window.onload = function() {
        //target story link container(s)
	document.querySelectorAll('.storyLink').forEach(
		function(nodeObj, objIndex) {
			var parentNode = nodeObj.parentNode;
                        //make a copy of the story link
			var cloneNode = nodeObj.cloneNode(true);
			var hrefString = nodeObj.href;
			//create the outline.com link
			hrefString = 'https://outline.com/' + hrefString;
			//set href and open in new tab
			cloneNode.href = hrefString;
			cloneNode.target = '_blank';
                        //leave a copy of the original link
			nodeObj.innerHTML = ' [DIRECT LINK]';
			//append the outline link/copy
			parentNode.prepend(cloneNode);  
		}
	);
}

I'm using the User Javascript and CSS Chrome Extension to inject this javascript into Hacker News (new.ycombinator.com).

Here's a list of Chrome/Chromium Extensions you can use to inject Javascript (and CSS) into pages...

1. https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld (I use this one)
2. https://chrome.google.com/webstore/detail/javascript-injector/djnjegpffahmfpjdlkciiecmeaebghlk
3. https://chrome.google.com/webstore/detail/witchcraft-inject-js-and/hokcepcfcicnhalinladgknhaljndhpc
4. https://chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija
5. https://chrome.google.com/webstore/detail/css-js-injector/gamgadbdliolbhjdcfjjpjfjhgfnckbp
6. https://chrome.google.com/webstore/detail/injector/bfdonckegflhbiamlmidciapolfccmmb
7. https://chrome.google.com/webstore/detail/script-injector/fddnddnolonllcgfbenaloajnbhebmob