default.hbs

   1 <!DOCTYPE html>
   2 <html lang="{{lang}}">
   3 <head>
   4
   5     {{!-- Document Settings --}}
   6     <meta charset="utf-8" />
   7     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   8
   9     {{!-- Base Meta --}}
  10     <title>{{meta_title}}</title>
  11     <meta name="HandheldFriendly" content="True" />
  12     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  13
  14     {{!-- Styles'n'Scripts --}}
  15     <link rel="stylesheet" type="text/css" href="{{asset "main/css/main.css"}}" />
  16     <noscript><link rel="stylesheet" href="{{asset "main/css/noscript.css"}}" /></noscript>
  17
  18     {{!-- This tag outputs SEO meta+structured data and other important settings --}}
  19     {{ghost_head}}
  20
  21     {{#if @blog.cover_image}}
  22     <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>
  23     {{/if}}
  24
  25 </head>
  26 <body class="is-preload {{body_class}}">
  27
  28     <div id="wrapper" {{#is "home"}}class="fade-in"{{/is}}>
  29
  30         {{!-- Intro --}}
  31         {{#is "home"}}
  32         <div id="intro">
  33             <h1>{{@blog.title}}</h1>
  34             <p>{{@blog.description}}</p>
  35             <ul class="actions">
  36                 <li><a href="#header" class="button icon solo fa-arrow-down scrolly">Continue</a></li>
  37             </ul>
  38         </div>
  39         {{/is}}
  40
  41         {{!-- Header --}}
  42         <header id="header">
  43             {{#if @blog.logo}}
  44                 <a href="{{@blog.url}}" class="logo image"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
  45             {{else}}
  46                 <a href="{{@blog.url}}" class="logo">{{@blog.title}}</a>
  47             {{/if}}
  48         </header>
  49
  50         {{!-- Nav --}}
  51         {{#if @blog.navigation}}
  52             {{navigation}}
  53         {{/if}}
  54
  55         {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
  56         {{{body}}}
  57
  58         {{!-- The footer at the very bottom of the screen --}}
  59         <div id="copyright">
  60             <ul>
  61                 <li>&copy; {{@blog.title}}</li>
  62                 <li>Design by <a href="https://html5up.net">HTML5 UP</a></li>
  63                 <li>Published with <a href="https://ghost.org">Ghost</a></li>
  64             </ul>
  65         </div>
  66
  67     </div>
  68
  69
  70     {{!-- Theme Scripts --}}
  71     <script src="{{asset "main/js/jquery.min.js"}}"></script>
  72     <script src="{{asset "main/js/jquery.scrollex.min.js"}}"></script>
  73     <script src="{{asset "main/js/jquery.scrolly.min.js"}}"></script>
  74     <script src="{{asset "main/js/browser.min.js"}}"></script>
  75     <script src="{{asset "main/js/breakpoints.min.js"}}"></script>
  76     <script src="{{asset "main/js/util.js"}}"></script>
  77     <script src="{{asset "main/js/main.js"}}"></script>
  78
  79     {{!-- Ghost outputs important scripts & data with the {ghost_foot} tag
  80     it should always be the very last thing before the closing body tag --}}
  81     {{ghost_foot}}
  82
  83 </body>
  84 </html>