Fix paths in grunt and templates so site can be hosted in /subsite/

Gruntfile.js

@@ -5,9 +5,37 @@ module.exports = function(grunt) {
     concat: {
       options: {
           process: function(src, filepath) {
-              // Fix path for image and font resources
+              var basepath = filepath.substring(7, filepath.lastIndexOf('/') + 1);
+              
+               console.log(filepath);
+              // Fix relative paths for css files
               if(filepath.indexOf('.css', filepath.length - 4) !== -1) {
-                return src.replace(/\.\.\/(images|fonts)\//g, '$1/');
+                  return src.replace(/(url\s*[\("']+)\s*([^'"\)]+)(['"\)]+;?)/gi,  function(match, start, url, end, offset, string) {
+                      if(url.indexOf('data:') === 0) {
+                          // Skip data urls
+                          return match;
+                      
+                      } else if(url.indexOf('/') === 0) {
+                          // Skip absolute urls
+                          return match;
+                      
+                      } else {
+                          return start + basepath + url + end;
+                      }
+                  });
+              
+              // Fix source maps locations
+              } else if(filepath.indexOf('.js', filepath.length - 4) !== -1) {
+                   return src.replace(/(\/[*\/][#@]\s*sourceMappingURL=)([^\s]+)/gi,  function(match, start, url, offset, string) {
+                      if(url.indexOf('/') === 0) {
+                          // Skip absolute urls
+                          return match;
+                      
+                      } else {
+                          return start + basepath + url;
+                      }
+                  });
+                  
               // Don't do anything for unknown file types
               } else {
                 return src;

app/views/invoices/pdf.blade.php

@@ -21,13 +21,13 @@
 
       <center id="designThumbs">
         <p>&nbsp;</p>
-        <a href="/images/designs/business.png" data-lightbox="more-designs" data-title="Business"><img src="/images/designs/business_thumb.png"/></a>&nbsp;&nbsp;&nbsp;&nbsp;
+        <a href="{{ asset('/images/designs/business.png') }}" data-lightbox="more-designs" data-title="Business"><img src="{{ asset('/images/designs/business_thumb.png') }}"/></a>&nbsp;&nbsp;&nbsp;&nbsp;
-        <a href="/images/designs/creative.png" data-lightbox="more-designs" data-title="Creative"><img src="/images/designs/creative_thumb.png"/></a>&nbsp;&nbsp;&nbsp;&nbsp;
+        <a href="{{ asset('/images/designs/creative.png') }}" data-lightbox="more-designs" data-title="Creative"><img src="{{ asset('/images/designs/creative_thumb.png') }}"/></a>&nbsp;&nbsp;&nbsp;&nbsp;
-        <a href="/images/designs/elegant.png" data-lightbox="more-designs" data-title="Elegant"><img src="/images/designs/elegant_thumb.png"/></a>
+        <a href="{{ asset('/images/designs/elegant.png') }}" data-lightbox="more-designs" data-title="Elegant"><img src="{{ asset('/images/designs/elegant_thumb.png') }}"/></a>
         <p>&nbsp;</p>
-        <a href="/images/designs/hipster.png" data-lightbox="more-designs" data-title="Hipster"><img src="/images/designs/hipster_thumb.png"/></a>&nbsp;&nbsp;&nbsp;&nbsp;
+        <a href="{{ asset('/images/designs/hipster.png') }}" data-lightbox="more-designs" data-title="Hipster"><img src="{{ asset('/images/designs/hipster_thumb.png') }}"/></a>&nbsp;&nbsp;&nbsp;&nbsp;
-        <a href="/images/designs/playful.png" data-lightbox="more-designs" data-title="Playful"><img src="/images/designs/playful_thumb.png"/></a>&nbsp;&nbsp;&nbsp;&nbsp;
+        <a href="{{ asset('/images/designs/playful.png') }}" data-lightbox="more-designs" data-title="Playful"><img src="{{ asset('/images/designs/playful_thumb.png') }}"/></a>&nbsp;&nbsp;&nbsp;&nbsp;
-        <a href="/images/designs/photo.png" data-lightbox="more-designs" data-title="Photo"><img src="/images/designs/photo_thumb.png"/></a>        
+        <a href="{{ asset('/images/designs/photo.png') }}" data-lightbox="more-designs" data-title="Photo"><img src="{{ asset('/images/designs/photo_thumb.png') }}"/></a>        
         <p>&nbsp;</p>
       </center>