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.
 
 
 

53 lines
1.9 KiB

  1. {{!< default}}
  2. {{!-- This is a page template. A page outputs content just like any other post, and has all the same
  3. attributes by default, but you can also customise it to behave differently if you prefer. --}}
  4. {{!-- The big featured header, it uses blog cover image as a BG if available --}}
  5. <header class="site-header outer {{#if @blog.cover_image}}" style="background-image: url({{@blog.cover_image}}){{else}}no-cover{{/if}}">
  6. <div class="inner">
  7. <nav class="site-nav">
  8. <div class="site-nav-left">
  9. {{#if @blog.navigation}}
  10. {{!-- The blog navigation links from /ghost/settings/design --}}
  11. {{navigation}}
  12. {{/if}}
  13. </div>
  14. <div class="site-nav-right">
  15. <div class="social-links">
  16. {{#if @blog.facebook}}
  17. <a class="social-link social-link-fb" href="{{facebook_url}}">{{> "icons/facebook"}}</a>
  18. {{/if}}
  19. {{#if @blog.twitter}}
  20. <a class="social-link social-link-tw" href="{{twitter_url}}">{{> "icons/twitter"}}</a>
  21. {{/if}}
  22. </div>
  23. {{#if @labs.subscribers}}
  24. <a class="subscribe-button" href="{{@blog.url}}/subscribe/">Subscribe</a>
  25. {{else}}
  26. <a class="rss-button" href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/" target="_blank">{{> "icons/rss"}}</a>
  27. {{/if}}
  28. </div>
  29. </nav>
  30. </div>
  31. </header>
  32. {{!-- Everything inside the #post tags pulls data from the page --}}
  33. {{#post}}
  34. <main class="content" role="main">
  35. <article class="{{post_class}}">
  36. <header class="post-header">
  37. <h1 class="post-title">{{title}}</h1>
  38. </header>
  39. <section class="post-content">
  40. {{content}}
  41. </section>
  42. </article>
  43. </main>
  44. {{/post}}