Skip to content

Instantly share code, notes, and snippets.

@Reedyn

Reedyn/default.hbs

Created March 28, 2015 08:16
Show Gist options
  • Save Reedyn/5a45fc8ada48a4102bca to your computer and use it in GitHub Desktop.
Save Reedyn/5a45fc8ada48a4102bca to your computer and use it in GitHub Desktop.
Download ZIP
Replace blog-title with blog logo for Saga
Raw
default.hbs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{meta_title}}</title>
<meta name="description" content="{{meta_description}}" />
<link href="//fonts.googleapis.com/css?family=Noto+Sans:300,400,700" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic" rel="stylesheet" type="text/css">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href="{{asset 'css/style.min.css'}}" rel="stylesheet" type="text/css">
<link href="{{asset 'favicon.ico'}}" rel="shortcut icon">
<style>
.blog-logo {
max-height: 30px;
width: auto;
margin: 15px 0;
}
</style>
{{ghost_head}}
</head>
<body class="{{body_class}}">
{{{body}}}
<footer class="animated fadeIn" id="footer">
{{> footer}}
</footer>
{{ghost_foot}}
<script src="{{asset 'js/scripts.js'}}"></script>
</body>
</html>
Raw
index.hbs
{{!< default}}
<header id="header">
<div class="header-background">
<section class="blog-content animated fadeIn">
<a id="site-url" class="blog-title" href="{{@blog.url}}"><img class="blog-logo" src="{{@blog.logo}}" alt="{{@blog.title}}"></a>
<span class="blog-description">{{@blog.description}}</span>
{{> links}}
</section>
</div>
</header>
<main id="main" class="archive">
{{>loop}}
</main>
Raw
page.hbs
{{!< default}}
{{#post ~}}
<header id="header" class="animated fadeIn"{{#if image}} style="background-image: url({{image}})"{{/if}}>
<div class="header-background">
<section class="blog-content">
<a id="site-url" class="blog-title" href="{{@blog.url}}"><img class="blog-logo" src="{{@blog.logo}}" alt="{{@blog.title}}"></a>
<span class="blog-description">{{@blog.description}}</span>
{{> links}}
</section>
<section class="header-content">
<h1 class="post-title animated fadeInUp">{{{title}}}</h1>
</section>
</div>
</header>
<main id="main" class="content">
<article class="animated fadeIn content post {{post_class}}">
<section class="post-content">
{{content}}
</section>
</article>
</main>
{{~/post}}
Raw
post.hbs
{{!< default}}
{{#post ~}}
<header id="header" class="animated fadeIn"{{#if image}} style="background-image: url({{image}})"{{/if}}>
<div class="header-background">
<section class="blog-content">
<a id="site-url" class="blog-title" href="{{@blog.url}}"><img class="blog-logo" src="{{@blog.logo}}" alt="{{@blog.title}}"></a>
<span class="blog-description">{{@blog.description}}</span>
{{> links}}
</section>
<section class="header-content">
<h1 class="post-title animated fadeInUp">{{{title}}}</h1>
<span class="post-data"><span class="date animated fadeInUp"><i class="fa fa-clock-o"></i> <time class="timesince date" data-timesince="{{date format='X'}}" datetime="{{date format='YYYY-MM-DDTHH:mm'}}" title="{{date format='DD MMMM YYYY'}}">{{date published_at timeago='true'}}</time></span>
{{#if tags}}<span class="tags animated fadeInUp"><i class="fa fa-tags"></i> {{tags prefix="" separator=", "}}</span>{{/if}}
{{#author}}<span class="author animated fadeInUp"><i class="fa fa-user"></i> <a href="{{url}}">{{name}}</a></span>{{/author}}</span>
</section>
</div>
</header>
<main id="main" class="content">
<article itemtype="http://schema.org/BlogPosting" class="animated fadeIn content post {{post_class}}">
<section class="post-content">
{{content}}
</section>
</article>
</main>
{{~/post}}
Raw
tag.hbs
{{!< default}}
<header id="header" class="animated fadeIn"{{#if tag.image}} style="background-image: url({{tag.image}})"{{/if}}>
<div class="header-background">
<section class="blog-content">
<a id="site-url" class="blog-title" href="{{@blog.url}}"><img class="blog-logo" src="{{@blog.logo}}" alt="{{@blog.title}}"></a>
<span class="blog-description">{{@blog.description}}</span>
{{> links}}
</section>
<section class="header-content">
<h1 class="tag-title animated fadeInUp">{{tag.name}}</h1>
<span class="tag-data"><span class="tag-description animated fadeInUp">{{tag.description}}</span></span>
</section>
</div>
</header>
<main id="main" class="archive">
{{> loop}}
</main>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment