{{!-- Styles'n'Scripts --}}
<link rel="stylesheet" type="text/css" href="{{asset "main/css/main.css"}}" />
- <noscript><link rel="stylesheet" href="{{asset "main/css/noscript.css"}}" /></noscript>
{{!-- This tag outputs SEO meta+structured data and other important settings --}}
{{ghost_head}}
- {{#if @blog.cover_image}}
- <style>#wrapper>.bg {background-image: url({{asset "images/overlay.png"}}),linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)),url("{{img_url @blog.cover_image}}") }</style>
- {{/if}}
-
</head>
<body class="is-preload {{body_class}}">
- <div id="wrapper" {{#is "home"}}class="fade-in"{{/is}}>
-
- {{!-- Intro --}}
- {{#is "home"}}
- <div id="intro">
- <h1>{{@blog.title}}</h1>
- <p>{{@blog.description}}</p>
- <ul class="actions">
- <li><a href="#header" class="button icon solo fa-arrow-down scrolly">Continue</a></li>
- </ul>
- </div>
- {{/is}}
-
- {{!-- Header --}}
- <header id="header">
- {{#if @blog.logo}}
- <a href="{{@blog.url}}" class="logo image"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
- {{else}}
- <a href="{{@blog.url}}" class="logo">{{@blog.title}}</a>
- {{/if}}
- </header>
-
- {{!-- Nav --}}
- {{#if @blog.navigation}}
- {{navigation}}
- {{/if}}
-
- {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
- {{{body}}}
-
- {{!-- The footer at the very bottom of the screen --}}
- <div id="copyright">
- <ul>
- <li>© {{@blog.title}}</li>
- <li>Design by <a href="https://html5up.net">HTML5 UP</a></li>
- <li>Published with <a href="https://ghost.org">Ghost</a></li>
- </ul>
- </div>
+ <div id="wrapper">
+ <main id="main">
+ <div class="inner">
+
+ {{!-- Header --}}
+ <header id="header">
+ {{#if @blog.logo}}
+ <a href="{{@blog.url}}" class="logo image"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
+ {{else}}
+ <a href="{{@blog.url}}" class="logo">{{@blog.title}}</a>
+ {{/if}}
+ <ul class="icons">
+ {{#if @blog.twitter}}
+ <li><a href="{{twitter_url @blog.facebook}}" class="icon fa-twitter" title="Twitter"><span class="label">Twitter</span></a></li>
+ {{/if}}
+ {{#if @blog.facebook}}
+ <li><a href="{{facebook_url @blog.facebook}}" class="icon fa-facebook" title="Facebook"><span class="label">Facebook</span></a></li>
+ {{/if}}
+ <li><a href="https://feedly.com/i/subscription/feed/{{@blog.url}}/rss/" class="icon fa-rss" target="_blank" rel="noopener"><span class="label" title="RSS">RSS</span></a></li>
+ </ul>
+ </header>
+
+ {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
+ {{{body}}}
+
+ </div>
+ </main>
+
+ {{!-- The left sidebar - partials/sidebar.hbs --}}
+ {{> sidebar}}
</div>
-
{{!-- Theme Scripts --}}
<script src="{{asset "main/js/jquery.min.js"}}"></script>
- <script src="{{asset "main/js/jquery.scrollex.min.js"}}"></script>
- <script src="{{asset "main/js/jquery.scrolly.min.js"}}"></script>
<script src="{{asset "main/js/browser.min.js"}}"></script>
<script src="{{asset "main/js/breakpoints.min.js"}}"></script>
<script src="{{asset "main/js/util.js"}}"></script>