document.head.insertAdjacentHTML('beforeend', `
	<style>
		.contributor-breakdown {
    		animation: fadein 1s ease-in-out;
			position: absolute;
    		right: -1.5em;
    		margin-top: .25em;
		}
		.topic-title .contributor-breakdown {
    		margin-top: .5em;
		}
		@keyframes fadein {
    		from { opacity: 0 }
    		to { opacity: 1 }
    	}
	</style>
`);

for (let link of document.querySelectorAll("a.doc-topic-link, a.doc-example-link")) {
	let section = link.className.match(/doc-(\w+)-link/).pop();
	let lastNumber = new URL(link.href).pathname.match(/\/(\d+)\//g).pop().slice(1, -1);
	link.closest('.topic-title, .editor-replaces').insertAdjacentHTML('afterbegin', `
		<a href="/documentation/contributors/${section}/${lastNumber}"
		title="Contributor Breakdown"
		class="contributor-breakdown">CB</a>
	`);
}