<!DOCTYPE html>
<html>
    <head>
        <title>{{ head.title }}</title>
        {{{ head.meta_tags }}}
        {{{ head.config }}}

        <link href="{{ head.favicon }}" rel="shortcut icon">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link href="/assets/css/theme.css" rel="stylesheet">
        <link href='http://fonts.googleapis.com/css?family=Montserrat|Karla:700,400,400italic,700italic|Oswald:300' rel='stylesheet' type='text/css'>
        <script src="/assets/js/vendor/modernizr-custom.js"></script>

        {{{ head.scripts }}}
        <!--TODO Need CDN asset Helper-->
        <script src="/assets/jspm_packages/system.js"></script>
        <script src="/assets/config.js"></script>
        <!--TODO Need Bundled JS Helper-->
        <!--Loads JSPM main application, then instantiates each page type module when needed.  -->
        <script>System.import("js/app").then(function(data){ data.default("{{template_file}}", {{jsContext}}).load()});</script>

        {{{ head.rsslinks }}}
    </head>
    <body>
        {{> components/common/icons/icon-defs }}
        {{> components/common/header }}
        {{> components/common/body }}
        {{> components/common/footer }}

        {{footer.scripts}}
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <title>{{ head.title }}</title>
        {{{ head.meta_tags }}}
        {{{ head.config }}}

        <link href="{{ head.favicon }}" rel="shortcut icon">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link href="/assets/css/theme.css" rel="stylesheet">
        <link href='http://fonts.googleapis.com/css?family=Montserrat|Karla:700,400,400italic,700italic|Oswald:300' rel='stylesheet' type='text/css'>
        <script src="/assets/js/vendor/modernizr-custom.js"></script>

        {{{ head.scripts }}}
        {{{ head.rsslinks }}}
    </head>
    <body>
        {{> components/common/icons/icon-defs }}
        {{> components/common/header }}
        {{> components/common/body }}
        {{> components/common/footer }}

        <!--TODO Need CDN asset Helper-->
        <script src="/assets/jspm_packages/system.js"></script>
        <script src="/assets/config.js"></script>
        <!--TODO Need Bundled JS Helper-->
        <!--Loads JSPM main application, then instantiates each page type module when needed.  -->
        <script>System.import("js/app").then(function(data){ data.default("{{template_file}}", {{jsContext}}).load()});</script>
        {{footer.scripts}}
    </body>
</html>

Move JS to bottom of the page.
BIG-19700: Move JS to bottom of the page.
