title: Google Apps Script with multiple stylesheet & js links
body: <p>I'm new to Google Apps Scripts and am trying to implement a <a href="http://www.eyecon.ro/spacegallery/#about" rel="nofollow">spacegallery</a> into my google site.</p>
  
  <p>I have separated my css stylesheets &amp; .js files into .html in the script editor and written my html page(minigallery.html), and now I'm trying to link them all in the Code.gs section. Here's what I have so far having used examples from here:
  <a href="https://developers.google.com/apps-script/guides/html/best-practices#separate_html_css_and_javascript" rel="nofollow">https://developers.google.com/apps-script/guides/html/best-practices#separate_html_css_and_javascript</a></p>
  
  <p>Here's what I currently have in my Code.gs, but when I run the published version the css &amp; js files appear not to be linked (granted I haven't put pics yet). You can find the published link here:</p>
  
  <p>//script.google.com/macros/s/AKfycbybCtW9y-iCT81WvBoCmfGnXWhSwQ5dpa7xyHU_H1ot/dev</p>
  
  <pre><code>`
   // Script-as-app template.
  function doGet() {
    var app = UiApp.createApplication().setTitle('Business Card Mini Gallery | MAvC Graphics.').setHeight(50).setWidth(100)
    return HtmlService.createTemplateFromFile('minigallery')
        .evaluate();
  }function include(customcss) {
    return HtmlService.createHtmlOutputFromFile('customcss')
        .getContent();
  }function include(layoutcss) {
    return HtmlService.createHtmlOutputFromFile('layoutcss')
        .getContent();
  }function include(minigallerycss) {
    return HtmlService.createHtmlOutputFromFile('minigallerycss')
        .getContent();
  }function include(eyesjs) {
    return HtmlService.createHtmlOutputFromFile('eyejs')
        .getContent();
  }function include(jqueryjs) {
    return HtmlService.createHtmlOutputFromFile('jqueryjs')
        .getContent();
  }function include(layoutjs) {
    return HtmlService.createHtmlOutputFromFile('layoutjs')
        .getContent();
  }function include(utilsjs) {
    return HtmlService.createHtmlOutputFromFile('utilsjs')
        .getContent();
  }function include(minigalleryjs) {
    return HtmlService.createHtmlOutputFromFile('minigalleryjs')
        .getContent();
  }
  </code></pre>
  
  <p>`
  And here is my ill-written minigallery.html code to link the css &amp; js (the first &amp; last lines being the most important):</p>
  
  <pre><code>    &lt;?!= include('customcss'), ('layoutcss'), ('minigallerycss'); ?&gt;
  
  ...//lengthy inner page code
  
  &lt;?!= include('eyejs'), ('jqueryjs'), ('layoutjs'), ('minigalleryjs'), ('utilsjs'); ?&gt;
  </code></pre>
  
  <p>To complicate things I renamed the whole thing from spacegallery to minigallery, but I've already changed all of the files appropriately.</p>