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.
 
 
 

60 lines
2.4 KiB

  1. {{!< default}}
  2. {{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
  3. {{!-- The big featured header, it uses blog cover image as a BG if available --}}
  4. <header class="site-header outer {{#if @blog.cover_image}}" style="background-image: url({{@blog.cover_image}}){{else}}no-cover{{/if}}">
  5. <div class="inner">
  6. <nav class="site-nav">
  7. <div class="site-nav-left">
  8. {{#if @blog.navigation}}
  9. {{!-- The blog navigation links from /ghost/settings/design --}}
  10. {{navigation}}
  11. {{/if}}
  12. </div>
  13. <div class="site-nav-right">
  14. <div class="social-links">
  15. {{#if @blog.facebook}}
  16. <a class="social-link social-link-fb" href="{{facebook_url}}">{{> "icons/facebook"}}</a>
  17. {{/if}}
  18. {{#if @blog.twitter}}
  19. <a class="social-link social-link-tw" href="{{twitter_url}}">{{> "icons/twitter"}}</a>
  20. {{/if}}
  21. </div>
  22. {{#if @labs.subscribers}}
  23. <a class="subscribe-button" href="{{@blog.url}}/subscribe/">Subscribe</a>
  24. {{else}}
  25. <a class="rss-button" href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/" target="_blank">{{> "icons/rss"}}</a>
  26. {{/if}}
  27. </div>
  28. </nav>
  29. </div>
  30. </header>
  31. {{!-- If we have a tag cover, display that - else blog cover - else nothing --}}
  32. <header class="main-header tag-head {{#if tag.image}}" style="background-image: url({{tag.image}}){{else}}{{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}{{/if}}">
  33. <div class="vertical">
  34. {{#tag}}
  35. <div class="main-header-content inner">
  36. <h1 class="page-title">{{name}}</h1>
  37. <h2 class="page-description">
  38. {{#if description}}
  39. {{description}}
  40. {{else}}
  41. A {{../pagination.total}}-post collection
  42. {{/if}}
  43. </h2>
  44. </div>
  45. {{/tag}}
  46. </div>
  47. </header>
  48. {{!-- The main content area --}}
  49. <main id="site-main" class="site-main outer" role="main">
  50. <div class="inner">
  51. {{!-- The tag below includes the post loop - partials/loop.hbs --}}
  52. {{> "loop"}}
  53. </div>
  54. </main>