<!DOCTYPE html>
-<html>
+<html lang="en">
<head>
- {{> "head"}}
+ {{>"head"}}
{{ghost_head}}
</head>
-<body class="{{body_class}}">
- <div id="wrapper" class="wrapper">
- <div id="viewport" class="viewport">
- <div id="sidebar" class="sidebar">
- <div class="sidebar-header" style="background-image: url({{@blog.cover}})">
- <a href="{{@blog.url}}" title="John Doe">
- <img src="{{asset "img/avatar.jpg"}}" alt="John Doe">
- </a>
- </div>
-
- <h1>
- <a href="{{@blog.url}}" title="John Doe">
- John Doe
- </a>
- </h1>
- <h2>
- Sed ut perspiciatis unde omnis iste natus error sit
- voluptatem accusantium doloremque laudantium, totam.
- </h2>
-
- {{> "social-links"}}
- {{navigation}}
- </div>
+<body class="{{body_class}}">
+ <div id="site-wrapper" class="c-site-wrapper">
+ <div id="site-viewport" class="c-site-viewport">
+ {{>"sidebar"}}
- <div class="content" id="content">
+ <div id="site-content" class="c-site-content">
{{> "mobile-header"}}
-
- <div class="main-section">
- {{{body}}}
- </div>
+ {{{body}}}
</div>
</div>
</div>
- <script type="text/javascript" src="{{asset "js/script.js"}}"></script>
+ <script src="{{asset "js/scripts.js"}}"></script>
{{ghost_foot}}
+
+ <script>
+ var images = document.querySelectorAll('.kg-gallery-image img');
+ images.forEach(function (image) {
+ var container = image.closest('.kg-gallery-image');
+ var width = image.attributes.width.value;
+ var height = image.attributes.height.value;
+ var ratio = width / height;
+ container.style.flex = ratio + ' 1 0%';
+ })
+ </script>
+
</body>
</html>
\ No newline at end of file