<commit_before><html>
<head>
<link rel="stylesheet" href="css/jSlabify.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/jquery.jSlabify.min.js"></script>
<script type="text/javascript">
    function isNumber(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
    }
    
    $(document).ready(function() {
        
        $("#slabsource, #slabratio").bind("input propertychange", function (evt) {
            // If it's the propertychange event, make sure it's the value that changed.
            if (window.event && event.type == "propertychange" && event.propertyName != "value")
                return;
            slab_it_now();
        });
        $("#slabforcedim").change( function(){
            slab_it_now()
        });
    });
    
    function slab_it_now() {
        var val   = $('#slabsource').val();
        var ratio = $('#slabratio' ).val();
        if(isNumber(ratio) && ratio > 0){
            if ($('#slabforcedim').is(':checked')) {
                $('#slabwrap .slabme').text(val);
                $("#slabwrap .slabme").jSlabify({
                    constrainHeight: true,
                    slabRatio      : ratio,
                    hCenter        : true,
                    vCenter        : true
                });
            } else {
                $('#slabwrap .slabme').text(val);
                $("#slabwrap .slabme").jSlabify({
                    constrainHeight: true,
                    slabRatio      : ratio,
                    hCenter        : true
                });
            } 
            
            $("#error").text("");
        } else {
            $("#error").text("*slab ratio must be a number greater than 0");
        }
    }
</script>
<style>
@font-face {                            
    font-family: 'LeagueGothicRegular';
    src: url('font/League_Gothic-webfont.eot');
    src: url('font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/League_Gothic-webfont.woff') format('woff'),
    url('font/League_Gothic-webfont.ttf') format('truetype'),
    url('font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
} 

html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

#slabwrap {
    width: 400px;
    padding: 20px;<commit_msg>tiny improvement to demo interface<commit_after><html>
<head>
<link rel="stylesheet" href="css/jSlabify.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/jquery.jSlabify.min.js"></script>
<script type="text/javascript">
    function isNumber(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
    }
    
    $(document).ready(function() {
        
        $("#slabsource, #slabratio").bind("input propertychange", function (evt) {
            // If it's the propertychange event, make sure it's the value that changed.
            if (window.event && event.type == "propertychange" && event.propertyName != "value")
                return;
            slab_it_now();
        });
        $("#slabforcedim").change( function(){
            slab_it_now()
        });
    });
    
    function slab_it_now() {
        var val   = $('#slabsource').val();
        var ratio = $('#slabratio' ).val();
        if(isNumber(ratio) && ratio > 0){
            if ($('#slabforcedim').is(':checked')) {
                $('#slabwrap .slabme').text(val);
                $("#slabwrap .slabme").jSlabify({
                    constrainHeight: true,
                    slabRatio      : ratio,
                    hCenter        : true,
                    vCenter        : true
                });
            } else {
                $('#slabwrap .slabme').text(val);
                $("#slabwrap .slabme").jSlabify({
                    constrainHeight: true,
                    slabRatio      : ratio,
                    hCenter        : true
                });
            } 
            
            $("#error").text("");
        } else {
            $("#error").text("*slab ratio must be a number greater than 0");
        }
    }
</script>
<style>
@font-face {                            
    font-family: 'LeagueGothicRegular';
    src: url('font/League_Gothic-webfont.eot');
    src: url('font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/League_Gothic-webfont.woff') format('woff'),
    url('font/League_Gothic-webfont.ttf') format('truetype'),
    url('font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
} 

html {
     overflow  : -moz-scrollbars-vertical;
     overflow-y: scroll;
}

#slabwrap {
    width: 400px;
    padding: 20px;
{'fraction_non_alphanumeric': 0.16014385445314153, 'fraction_numerical': 0.0042310133276919825, 'mean_word_length': 1.8142857142857143, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2301855', 'n_tokens_mistral': 1494, 'n_tokens_neox': 1438, 'n_words': 249}