Custom Ghost theme for my blog, based on Casper https://www.geber.ga
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

70 lines
2.5 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {{!-- Document Settings --}}
  5. <meta charset="utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. {{!-- Base Meta --}}
  8. <title>{{meta_title}}</title>
  9. <meta name="HandheldFriendly" content="True" />
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  11. {{!-- Styles'n'Scripts --}}
  12. <link rel="stylesheet" type="text/css" href="{{asset "assets/public/screen.css"}}" />
  13. {{!-- This tag outputes SEO meta+structured data and other important settings --}}
  14. {{ghost_head}}
  15. </head>
  16. <body class="{{body_class}}">
  17. <div class="site-wrapper">
  18. {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
  19. {{{body}}}
  20. {{!-- The footer at the very bottom of the screen --}}
  21. <footer class="site-footer outer">
  22. <div class="site-footer-content inner">
  23. <section class="copyright"><a href="{{@blog.url}}">{{@blog.title}}</a> &copy; {{date format="YYYY"}}</section>
  24. <nav class="site-footer-nav">
  25. <a href="{{@blog.url}}">Latest Posts</a>
  26. {{#if @blog.facebook}}<a href="{{facebook_url}}">Facebook</a>{{/if}}
  27. {{#if @blog.twitter}}<a href="{{twitter_url}}">Twitter</a>{{/if}}
  28. <a href="https://ghost.org" target="_blank">About Ghost</a>
  29. </nav>
  30. </div>
  31. </footer>
  32. </div>
  33. {{!-- jQuery + Fitvids, which makes all video embeds responsive --}}
  34. <script type="text/javascript" src="//code.jquery.com/jquery-1.12.0.min.js"></script>
  35. <script type="text/javascript" src="{{asset "js/jquery.fitvids.js"}}"></script>
  36. <script>
  37. // TODO: Only include this on post.hbs - preferably put in floating-header.hbs and pass up to ghost_foot via block helper or similar.
  38. $(function() {
  39. $(window).scroll(function() {
  40. var header = $(".floating-header");
  41. var title = $(".post-full-title");
  42. var trigger = title.offset().top;
  43. var scroll = $(window).scrollTop();
  44. if (scroll >= trigger + title.height() + 35 ) {
  45. header.addClass("floating-active");
  46. } else {
  47. header.removeClass("floating-active");
  48. }
  49. });
  50. });
  51. </script>
  52. {{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}}
  53. {{ghost_foot}}
  54. </body>
  55. </html>