chauncey-garrett
2/2/2015 - 9:39 PM

foundation-cdn-fallback.html

foundation-cdn-fallback.jade
content_copyfile_download
head
  //- Foundation CSS CDN
  link(rel="stylesheet", href="//cdn.jsdelivr.net/foundation/5.0.2/css/foundation.min.css")
  //- Modernizr CDN
  script(src='//cdn.jsdelivr.net/foundation/5.0.2/js/vendor/custom.modernizr.js')
  //- Modernizr local fallback
  script.
    window.Modernizr || document.write('<script src="/local/custom.modernizr.js"><\/script>')

body
  //- APP CONTENT

  //- jQuery CDN 
  script(src='//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js')
  //- jQuery local fallback 
  script.
    window.$ || document.write('<script src="/local/jquery.min.js"><\/script>')
  //- Foundation JS CDN
  script(src="//cdn.jsdelivr.net/foundation/5.0.2/js/foundation.min.js")
  //- Foundation JS local fallback
  script.
    window.Foundation || document.write('<script src="/local/foundation.min.js"><\/script>')
  //- Initialize Foundation
  script.
    $(document).foundation();
  //- Foundation CSS local fallback
  script.
    $(document).ready(function() {
    var bodyColor = $('body').css('color');
    if(bodyColor != 'rgb(34, 34, 34)') {
    $("head").prepend('<link rel="stylesheet" href="/local/foundation.min.css">');}});
foundation-cdn-fallback.html
content_copyfile_download
<head>
  <!-- Foundation CSS CDN -->
  <link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/5.0.2/css/foundation.min.css">
  <!-- Modernizr CDN -->
  <script src="//cdn.jsdelivr.net/foundation/5.0.2/js/vendor/custom.modernizr.js"></script>
  <!-- Modernizr local fallback -->
  <script>window.Modernizr || document.write('<script src="/local/custom.modernizr.js"><\/script>')</script>
</head>
<body>
  <!-- APP CONTENT -->

  <!-- jQuery CDN -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  <!-- jQuery local fallback -->
  <script>window.$ || document.write('<script src="/local/jquery.min.js"><\/script>')</script>
  <!-- Foundation JS CDN -->
  <script src="//cdn.jsdelivr.net/foundation/5.0.2/js/foundation.min.js"></script>
  <!-- Foundation JS local fallback -->
  <script>window.Foundation || document.write('<script src="/local/foundation.min.js"><\/script>')</script>
  <!-- Initialize Foundation -->
  <script>$(document).foundation();</script>
  <!-- Foundation CSS local fallback -->
  <script>
    $(document).ready(function() {
    var bodyColor = $('body').css('color');
    if(bodyColor != 'rgb(34, 34, 34)') {
    $("head").prepend('<link rel="stylesheet" href="/local/foundation.min.css">');}});
  </script>
</body>