volumetric-regimes-book/web-interface/templates/pagedjs.html

{% extends "base.html" %} 

{% block head %}
<link href="{{ url_for('static', filename='css/pagedjs.css')}}" rel="stylesheet" type="text/css" media="screen">
<link href="{{ url_for('static', filename='css/print.css')}}" rel="stylesheet" type="text/css" media="print">
<!-- <link href="{{ url_for('static', filename='css/baseline.css')}}" rel="stylesheet" type="text/css" media="print"> -->
<script>
// Thank you paged.js team for the Hyphenopoly tip!
// config for hyphenopoly
var Hyphenopoly = {
    require: {
        "en-us": "FORCEHYPHENOPOLY"
    },
    paths: {
        patterndir: "./js/hyphens/patterns/",
        maindir: "./js/hyphens/"
    },
    setup: {
        dontHyphenateClass: "noHyphen",
        safeCopy: false,
        hide: "nothing",
        selectors: {
            "p": {
                hyphen: "\u00AD",
                // hyphen: "•",
                compound: "all",
                minWordLength: 5,
                leftmin: 3,
                rightmin: 0,
                orphanControl: 1
            }
        }
    }
}
</script>
<script src="{{ url_for('static', filename='js/hyphens/Hyphenopoly_Loader.js')}}"></script>
<script src="{{ url_for('static', filename='js/paged.polyfill.js')}}" type="text/javascript"></script>
<script src="{{ url_for('static', filename='js/runHyphens.js')}}"></script>
{% endblock %}

{% block content %}
{{ publication_unfolded | safe }}
<script>
// With many thanks to Julien Taquet for digging into Paged.js
// to find a way to remove hyphenated words on page breaks!!
class noHyphenBetweenPage extends Paged.Handler {
constructor(chunker, polisher, caller) {
    super(chunker, polisher, caller);
    this.hyphenToken;
}
afterPageLayout(pageFragment, page, breakToken) {
    if (pageFragment.querySelector('.pagedjs_hyphen')) {
        // find the hyphenated word  
        let block = pageFragment.querySelector('.pagedjs_hyphen');
        block.dataset.ref = this.prevHyphen;
        // move the breakToken
        let offsetMove = getFinalWord(block.innerHTML).length;
        // move the token accordingly
        page.breakToken = page.endToken.offset - offsetMove;
        // remove the last word
        block.innerHTML = block.innerHTML.replace(getFinalWord(block.innerHTML), "");
        breakToken.offset = page.endToken.offset - offsetMove;       
    }
}
}
Paged.registerHandlers(noHyphenBetweenPage);

function getFinalWord(words) {
var n = words.split(" ");
return n[n.length - 1];
}
</script>
{% endblock %}

<!--
<script>
window.addEventListener('load', function () {

        // Add the main.css again to insert the nav css 
        var cssLink = document.createElement('link');
        cssLink.rel = 'stylesheet';
        cssLink.href = '/static/css/main.css';
	cssLink.media = 'screen';
        var head = document.getElementsByTagName('head')[0];
        head.insertBefore(cssLink, head.firstChild);

})
</script>
-->
{% block footer %}
<br>
{% endblock %}