Custom Ghost theme for my blog, based on Casper https://www.geber.ga
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

57 Zeilen
2.2KB

  1. {{!< default}}
  2. {{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
  3. {{#author}}
  4. {{!-- Everything inside the #author tags pulls data from the author --}}
  5. {{> header background=cover_image}} {{!--Special header.hbs partial to generate the <header> tag--}}
  6. <div class="inner">
  7. {{> "site-nav"}}
  8. <div class="site-header-content">
  9. {{#if profile_image}}
  10. <img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" />
  11. {{/if}}
  12. <h1 class="site-title">{{name}}</h1>
  13. {{#if bio}}
  14. <h2 class="author-bio">{{bio}}</h2>
  15. {{/if}}
  16. <div class="author-meta">
  17. {{#if location}}
  18. <div class="author-location">{{location}} <span class="bull">&bull;</span></div>
  19. {{/if}}
  20. <div class="author-stats">
  21. {{plural ../pagination.total empty=(t "No posts") singular=(t "1 post") plural=(t "% posts")}}
  22. </div>
  23. {{#if website}}
  24. <a class="social-link social-link-wb" href="{{website}}" target="_blank" rel="noopener">{{> "icons/website"}}</a>
  25. {{/if}}
  26. {{#if twitter}}
  27. <a class="social-link social-link-tw" href="{{twitter_url}}" target="_blank" rel="noopener">{{> "icons/twitter"}}</a>
  28. {{/if}}
  29. {{#if facebook}}
  30. <a class="social-link social-link-fb" href="{{facebook_url}}" target="_blank" rel="noopener">{{> "icons/facebook"}}</a>
  31. {{/if}}
  32. <a class="social-link social-link-rss" href="{{url absolute="true"}}/rss/" target="_blank" rel="noopener">{{> "icons/rss"}}</a>
  33. </div>
  34. </div>
  35. </div>
  36. </header>
  37. {{/author}}
  38. {{!-- The main content area --}}
  39. <main id="site-main" class="site-main outer">
  40. <div class="inner">
  41. <div class="post-feed">
  42. {{#foreach posts}}
  43. {{!-- The tag below includes the markup for each post - partials/post-card.hbs --}}
  44. {{> "post-card"}}
  45. {{/foreach}}
  46. </div>
  47. </div>
  48. </main>