<commit_before><!DOCTYPE html><%

    var buildRun = encodeURIComponent( buildRun )
    ,   styleUrl = style + '?build-run=' + buildRun
    ,   appUrl   = app   + '?build-run=' + buildRun
    ;
%>
<html lang="nl">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>#- _.slugify(packageName) -#</title>
    <meta name="description" content="#- _.slugify(packageDescription) -#">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="<%- styleUrl %>" /><% if ( debugging ) { %>

    <script src="//localhost:35729/livereload.js"></script><% } %>

</head>
<body>
    <div id="main-content"></div>
    <script src="<%- appUrl %>"></script>
</body>
</html><commit_msg>refactor(app generator): move viewport `<meta>` to earlier position, annotate why<commit_after><!DOCTYPE html><%

    var buildRun = encodeURIComponent( buildRun )
    ,   styleUrl = style + '?build-run=' + buildRun
    ,   appUrl   = app   + '?build-run=' + buildRun
    ;
%>
<html lang="nl">
<head><%

    //
    //  Why the initial three `<meta ... >` tags need to be as they are, in this order:
    //
    //    * 'charset' and 'X-UA-Compatible' :
    //
    //      https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/html.md#the-order-of-the-title-and-meta-tags
    //
    //    * 'viewport'
    //
    //      https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport
    //      https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/html.md#mobile-viewport
    //      https://docs.google.com/present/view?id=dkx3qtm_22dxsrgcf4
    //      http://webdesign.tutsplus.com/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972
    //

    %>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>#- _.slugify(packageName) -#</title>
    <meta name="description" content="#- _.slugify(packageDescription) -#">

    <link rel="stylesheet" type="text/css" href="<%- styleUrl %>" /><% if ( debugging ) { %>

    <script src="//localhost:35729/livereload.js"></script><% } %>

</head>
<body>
    <div id="main-content"></div>
    <script src="<%- appUrl %>"></script>
</body>
</html>
{'fraction_non_alphanumeric': 0.2050298380221654, 'fraction_numerical': 0.011082693947144074, 'mean_word_length': 3.0535405872193437, 'pattern_counts': {'":': 0, '<': 56, '<?xml version=': 0, '>': 56, 'https://': 4, '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': '7052579', 'n_tokens_mistral': 871, 'n_tokens_neox': 833, 'n_words': 136}