Custom Ghost theme for my blog, based on Casper https://www.geber.ga
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. {{!< default}}
  2. {{!-- The tag above means: insert everything in this file
  3. into the {body} of the default.hbs template --}}
  4. {{!-- The big featured header, it uses blog cover image as a BG if available --}}
  5. <header class="site-header outer">
  6. <div class="inner">
  7. {{> "site-nav"}}
  8. </div>
  9. </header>
  10. {{!-- Everything inside the #post tags pulls data from the post --}}
  11. {{#post}}
  12. <main id="site-main" class="site-main outer">
  13. <div class="inner">
  14. <article class="post-full {{post_class}} {{#unless feature_image}}no-image{{/unless}}">
  15. <header class="post-full-header">
  16. <h1 class="post-full-title">{{title}}</h1>
  17. </header>
  18. {{#if feature_image}}
  19. <figure class="post-full-image">
  20. {{!-- This is a responsive image, it loads different sizes depending on device
  21. https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}}
  22. <img
  23. srcset="{{img_url feature_image size="s"}} 300w,
  24. {{img_url feature_image size="m"}} 600w,
  25. {{img_url feature_image size="l"}} 1000w,
  26. {{img_url feature_image size="xl"}} 2000w"
  27. sizes="(max-width: 800px) 400px,
  28. (max-width: 1170px) 700px,
  29. 1400px"
  30. src="{{img_url feature_image size="xl"}}"
  31. alt="{{title}}"
  32. />
  33. </figure>
  34. {{/if}}
  35. <section class="post-full-content">
  36. <div class="post-content">
  37. {{content}}
  38. </div>
  39. </section>
  40. </article>
  41. </div>
  42. </main>
  43. {{/post}}
  44. {{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}}
  45. {{#contentFor "scripts"}}
  46. <script>
  47. $(function() {
  48. var $postContent = $(".post-full-content");
  49. $postContent.fitVids();
  50. });
  51. </script>
  52. {{/contentFor}}