{% extends "_base.html" %} {% block title %}Proofer{% endblock %} {% block style %} {{ super() }} #toolbar { float:right; position: fixed; right: 20px; top: 20px; cursor: default; user-select: none; /* Standard */ border: 1px solid black; font-size: 9pt; } #view-button { } #pt-dropdown { padding: 5px; } #pt-selector { background-color: black; color: white; } #side-by-side { width: 6000px; } .box-side-by-side { word-break: break-all; float: left; min-width: 200px; max-width: 500px; } {% endblock %} {% block content_name %} Proofer {% endblock %} {% block nav %} {% endblock %} {% block content %}
{% for glyph_set, section in test_strings.items() %}

Glyphset: {{ glyph_set }}

{% for section_title, strings in section.items() %}
{{ section_title }}
{% for sentence in strings %} {% for font_class in font_styles or font_styles_old or font_styles_new %}
{{ sentence["string"] }}
{% endfor %}
{% endfor %}
{% endfor %} {% endfor %}
{% endblock %} {% block js %} state = "line-by-line" function viewMode() { var viewButton = document.getElementById("view-button") if (state === "line-by-line") { document.getElementById("line-by-line").style.display = "none" document.getElementById("font-by-font").style.display = "block" document.getElementById("side-by-side").style.display = "none" state = "font-by-font" viewButton.innerHTML = "Font by font" } else if (state === "font-by-font") { document.getElementById("line-by-line").style.display = "none" document.getElementById("font-by-font").style.display = "none" document.getElementById("side-by-side").style.display = "block" state = "side-by-side" setWidth() viewButton.innerHTML = "Side by side" } else if (state === "side-by-side") { document.getElementById("line-by-line").style.display = "block" document.getElementById("font-by-font").style.display = "none" document.getElementById("side-by-side").style.display = "none" state = "line-by-line" viewButton.innerHTML = "Line by line" } } document.getElementById("view-button").addEventListener("click", viewMode) var ptSelector = document.getElementById("pt-selector"); ptSelector.addEventListener("change", function(e) { var newPtSize = e.target.value textBoxes = document.getElementsByClassName("box-text") for (i=0; i= res.length) { res.push(breaks[k]) } else if (breaks[k] <= res[k]) { res[k] = breaks[k] } } } } for (ii=0; ii prevTop) { if (rangeIndex-2 !== -1) { linebreaks.push(rangeIndex-2) } } rangeIndex += 1; prevTop = currentTop } } return linebreaks } function grabTextNodes(elem) { const walker = document.createTreeWalker(elem, NodeFilter.SHOW_TEXT, null); const nodes = []; while (walker.nextNode()) { nodes.push(walker.currentNode); } return nodes; } function insertBreaks(node, breaks) { console.log(node.innerHTML, breaks) newText = "" currentText = node.textContent for (jj=0; jj