Instantly share code, notes, and snippets.
Last active
August 29, 2015 14:07
-
Save Phonbopit/18252438dd74bd1adc3a to your computer and use it in GitHub Desktop.
Ghost Theme Development Part 3 : http://devahoy.com/2014/10/getting-started-with-ghost-theme-development-part3
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
.... | |
.... | |
<head> | |
{{ghost_head}} | |
</head> | |
<body> | |
{{> navigation}} | |
{{{body}}} | |
{{> footer}} | |
{{ghost_foot}} | |
<!-- Bootstrap Core JavaScript --> | |
<script src="{{asset "js/bootstrap.min.js"}}"></script> | |
<!-- Custom Theme JavaScript --> | |
<script src="{{asset "js/clean-blog.min.js"}}"></script> | |
</body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<meta name="description" content=""> | |
<meta name="author" content=""> | |
<title>Clean Blog - Sample Post</title> | |
<!-- Bootstrap Core CSS --> | |
<link href="{{asset "css/bootstrap.min.css"}}" rel="stylesheet"> | |
<!-- Custom CSS --> | |
<link href="{{asset "css/clean-blog.min.css"}}" rel="stylesheet"> | |
<!-- Custom Fonts --> | |
<link href="http:/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<head> | |
... | |
<meta name="description" content="{{meta_description}}"> | |
<title>{{meta_title}}</title> | |
... | |
{{ghost_head}} | |
</head> | |
<body> | |
<!-- Navigation --> | |
<nav> | |
.... | |
</nav> | |
{{{body}}} | |
<!-- Footer --> | |
<footer> | |
... | |
</footer> | |
{{ghost_foot}} | |
<!-- jQuery --> | |
<!-- Javascript --> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Footer --> | |
<footer> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> | |
<ul class="list-inline text-center"> | |
<li> | |
<a href="#"> | |
<span class="fa-stack fa-lg"> | |
<i class="fa fa-circle fa-stack-2x"></i> | |
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i> | |
</span> | |
</a> | |
</li> | |
<li> | |
<a href="#"> | |
<span class="fa-stack fa-lg"> | |
<i class="fa fa-circle fa-stack-2x"></i> | |
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i> | |
</span> | |
</a> | |
</li> | |
<li> | |
<a href="#"> | |
<span class="fa-stack fa-lg"> | |
<i class="fa fa-circle fa-stack-2x"></i> | |
<i class="fa fa-github fa-stack-1x fa-inverse"></i> | |
</span> | |
</a> | |
</li> | |
</ul> | |
<p class="copyright text-muted">Copyright © Your Website 2014</p> | |
</div> | |
</div> | |
</div> | |
</footer> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Page Header --> | |
<!-- Set your background image for this header on the line below. --> | |
<header class="intro-header" style="background-image: url('assets/img/home-bg.jpg')"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> | |
<div class="site-heading"> | |
<h1>Clean Blog</h1> | |
<hr class="small"> | |
<span class="subheading">A Clean Blog Theme by Start Bootstrap</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
</header> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<header class="intro-header" style="background-image: url('{{asset "img/home-bg.jpg"}}')"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> | |
<div class="post-heading"> | |
<h1>{{title}}</h1><h2 class="subheading">{{excerpt words="20"}}</h2> | |
<span class="meta">Posted by {{author}} on {{date format="MMMM DD, YYYY"}}</span> | |
<span class="meta">{{tags separator=" | " prefix="Tagged in:"}}</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
</header> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{{!< default}} | |
<!-- Page Header --> | |
<!-- Set your background image for this header on the line below. --> | |
<header class="intro-header" style="background-image: url('assets/img/home-bg.jpg')"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> | |
<div class="site-heading"> | |
<h1>Clean Blog</h1> | |
<hr class="small"> | |
<span class="subheading">A Clean Blog Theme by Start Bootstrap</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
</header> | |
<!-- Main Content --> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> | |
{{#foreach posts}} | |
<div class="post-preview"> | |
<a href="{{url}}"> | |
<h2 class="post-title">{{title}}</h2> | |
<h3 class="post-subtitle">{{excerpt character="80"}}</h3> | |
</a> | |
<p classs="post-meta">Posted by {{author}} on {{date format="MMMM DD, YYYY"}}</p> | |
</div> | |
<hr> | |
{{/foreach}} | |
<!-- Pager --> | |
<ul class="pager"> | |
<li class="next"> | |
<a href="#">Older Posts →</a> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
<hr> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Navigation --> | |
<nav class="navbar navbar-default navbar-custom navbar-fixed-top"> | |
<div class="container-fluid"> | |
<!-- Brand and toggle get grouped for better mobile display --> | |
<div class="navbar-header page-scroll"> | |
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | |
<span class="sr-only">Toggle navigation</span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
</button> | |
<a class="navbar-brand" href="index.html">Start Bootstrap</a> | |
</div> | |
<!-- Collect the nav links, forms, and other content for toggling --> | |
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | |
<ul class="nav navbar-nav navbar-right"> | |
<li> | |
<a href="index.html">Home</a> | |
</li> | |
<li> | |
<a href="about.html">About</a> | |
</li> | |
<li> | |
<a href="post.html">Sample Post</a> | |
</li> | |
<li> | |
<a href="contact.html">Contact</a> | |
</li> | |
</ul> | |
</div> | |
<!-- /.navbar-collapse --> | |
</div> | |
<!-- /.container --> | |
</nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{{!< default}} | |
{{#post}} | |
<header class="intro-header" style="background-image: url('{{asset "img/home-bg.jpg"}}')"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> | |
<div class="post-heading"> | |
<h1>{{title}}</h1><h2 class="subheading">{{excerpt words="20"}}</h2> | |
<span class="meta">Posted by {{author}} on {{date format="MMMM DD, YYYY"}}</span> | |
<span class="meta">{{tags separator=" | " prefix="Tagged in:"}}</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
</header> | |
<article> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> | |
{{content}} | |
</div> | |
</div> | |
</div> | |
</article> | |
<hr> | |
{{/post}} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment