function eqToHTML(equation) {
	equation = equation.slice(2, -2)
		.replaceAll(/ /g, '')
		.replaceAll(/[\/+\*-=:]/g, '<span class="operator">$&</span>')
		.replaceAll(/\\frac{(.*)}{(.*)}/g, '<span class="divide"><span><span class="dividend">$1</span></span><span><span class="divisor">$2</span></span></span>')
		.replaceAll(/\^{(.*)}/g, '<sup>$1</sup>');
	equation = equation
		.replaceAll(/\\frac{(.*)}{(.*)}/g, '<span class="divide"><span><span class="dividend">$1</span></span><span><span class="divisor">$2</span></span></span>')
		.replaceAll(/\^{(.*)}/g, '<sup>$1</sup>');

	return '<div class="equation">' + equation + '</div>';
}

for (var par of document.getElementsByTagName('p')) {
	var eqs = par.innerText.match(/\\\[[^\]]*\\\]/g);
	if (eqs === null) continue;

	for (var equation of eqs) {
		par.innerHTML = par.innerHTML.replace(equation, eqToHTML(equation));
	}
}