Untitled

modules = {

    angularjs {
        resource url:'js/angular-1.3.15.js', disposition: 'head'
    }

    restangular {
        dependsOn 'angularjs'
        resource url:'js/restangular-1.4.0.js'
    }

    lodashjs {
        resource url:'js/lodash-3.6.0.js'
    }

    core {
        dependsOn 'restangular, lodashjs'
        resource url:'/js/custom.js'
    }
}

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title><g:layoutTitle default="Grails"/></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="${assetPath(src: 'favicon.ico')}" type="image/x-icon">
    <link rel="apple-touch-icon" href="${assetPath(src: 'apple-touch-icon.png')}">
    <link rel="apple-touch-icon" sizes="114x114" href="${assetPath(src: 'apple-touch-icon-retina.png')}">
      <asset:stylesheet src="application.css"/>
    <asset:javascript src="application.js"/>
    <g:layoutHead/>
    <r:layoutResources/> <-- why is this highlighted as 'unknown'?
</head>

<head>
    <title>Timeline for ${ user.userid }</title>
    <meta name="layout" content="main"/>
    <content tag="htmlAttrs">ng-app="testsparestang"</content>
    <r:require module="core"/> <-- again, this is unknown!
</head>