default.hbs

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4     {{>"head"}}
   5     {{ghost_head}}
   6 </head>
   7
   8 <body class="{{body_class}}">
   9     <div id="site-wrapper" class="c-site-wrapper">
  10         <div id="site-viewport" class="c-site-viewport">
  11             {{>"sidebar"}}
  12
  13             <div id="site-content" class="c-site-content">
  14                 {{> "mobile-header"}}
  15                 {{{body}}}
  16             </div>
  17         </div>
  18     </div>
  19
  20     <script src="{{asset "js/scripts.js"}}"></script>
  21     {{ghost_foot}}
  22
  23     <script>
  24     var images = document.querySelectorAll('.kg-gallery-image img');
  25     images.forEach(function (image) {
  26         var container = image.closest('.kg-gallery-image');
  27         var width = image.attributes.width.value;
  28         var height = image.attributes.height.value;
  29         var ratio = width / height;
  30         container.style.flex = ratio + ' 1 0%';
  31     })
  32     </script>
  33
  34 </body>
  35 </html>