teyc/index.html

## index.html
<!doctype html>
<html>
  <script type="text/javascript" src="spLoadScripts.js">
    Readify.SiteUrl = "/sites/MySite";
    Readify.loadScriptsAsync(
      "SiteAssets/pageStyle.css",
      "SiteAssets/lodash.js"
    );
  </script>
</html>

## spLoadScripts.js
var Readify = (function (Readify) {

    Readify.SiteUrl = null; // unknown

    Readify.loadScriptsWithSiteUrl = function () {
       var siteUrl = Readify.SiteUrl;
       var scriptFiles = arguments;
       for (var i=0; i < scriptFiles.length; i++)
       {
         var scriptFile = scriptFiles[i];
         var scriptUrl = siteUrl + '/' + scriptFile;
         var extension = scriptFile.substring(scriptFile.length - 4, scriptFile.length);
         if (extension == ".css")
         {
            if (document.createStyleSheet) {
              // MSIE 8
              document.createStyleSheet(scriptUrl);
            } else {
              $('<link>')
                .appendTo('head')
                .attr( {type : 'text/css', rel : 'stylesheet'})
                .attr('href', scriptUrl);
            }
          } else {
            // don't use getScript because it's async
            //$.getScript(scriptUrl);
            $.ajax({
              async: false,
              url: scriptUrl,
              dataType: 'script'
            });
          }
       }
    }

    Readify.loadScriptsAsync = function() {

      // loads scripts and CSS relative to site url
      // sample: loadScripts('app.js', 'app.css', ...);

      var scriptFiles = Array.prototype.slice(arguments);

      var ctx = SP.ClientContext.get_current();
      var site = ctx.get_site();
      ctx.load(site);
      ctx.executeQueryAsync(function() {
        var siteUrl = site.get_url();
        Readify.SiteUrl = siteUrl;
        loadScriptsWithSiteUrl(scriptFiles);
      });

    }

    return Readify;

})(Readify || {} );
	<!doctype html>
	<html>
	<script type="text/javascript" src="spLoadScripts.js">
	Readify.SiteUrl = "/sites/MySite";
	Readify.loadScriptsAsync(
	"SiteAssets/pageStyle.css",
	"SiteAssets/lodash.js"
	);
	</script>
	</html>
	var Readify = (function (Readify) {

	Readify.SiteUrl = null; // unknown

	Readify.loadScriptsWithSiteUrl = function () {
	var siteUrl = Readify.SiteUrl;
	var scriptFiles = arguments;
	for (var i=0; i < scriptFiles.length; i++)
	{
	var scriptFile = scriptFiles[i];
	var scriptUrl = siteUrl + '/' + scriptFile;
	var extension = scriptFile.substring(scriptFile.length - 4, scriptFile.length);
	if (extension == ".css")
	{
	if (document.createStyleSheet) {
	// MSIE 8
	document.createStyleSheet(scriptUrl);
	} else {
	$('<link>')
	.appendTo('head')
	.attr( {type : 'text/css', rel : 'stylesheet'})
	.attr('href', scriptUrl);
	}
	} else {
	// don't use getScript because it's async
	//$.getScript(scriptUrl);
	$.ajax({
	async: false,
	url: scriptUrl,
	dataType: 'script'
	});
	}
	}
	}

	Readify.loadScriptsAsync = function() {

	// loads scripts and CSS relative to site url
	// sample: loadScripts('app.js', 'app.css', ...);

	var scriptFiles = Array.prototype.slice(arguments);

	var ctx = SP.ClientContext.get_current();
	var site = ctx.get_site();
	ctx.load(site);
	ctx.executeQueryAsync(function() {
	var siteUrl = site.get_url();
	Readify.SiteUrl = siteUrl;
	loadScriptsWithSiteUrl(scriptFiles);
	});

	}

	return Readify;

	})(Readify \|\| {} );