oznt
/
blogit
mirror of https://github.com/oz123/blogit.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
							<!DOCTYPE html>
<html>
<head>
    <!-- [[! Document Settings ]] -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <!-- [[! Page Meta ]] -->
    <title>Finding The Way Home</title>
    <meta name="description" content="Finding The Way Home - A beautiful narrative written with the world's most elegant publishing platform. The story begins here." />

    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="shortcut icon" href="/media/images/favicon.ico" >

    <!-- [[! Styles'n'Scripts ]] -->
    <link rel="stylesheet" type="text/css" href="/media/css/screen.css" />
    <link rel="stylesheet" type="text/css"
          href="//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
    <link rel="stylesheet" type="text/css" href="/media/css/syntax.css" />

    <!-- [[! Ghost outputs important style and meta data with this tag ]] -->
        <link rel="canonical" href="/jasper/" />
    <meta name="referrer" content="origin" />
    <link rel="next" href="/jasper/page2/" />

    <meta property="og:site_name" content="Finding The Way Home" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Finding The Way Home" />
    <meta property="og:description" content="A beautiful narrative written with the world's most elegant publishing platform. The story begins here." />
    <meta property="og:url" content="/jasper/" />
    <meta property="og:image" content="/media/images/cover1.jpg" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Finding The Way Home" />
    <meta name="twitter:description" content="A beautiful narrative written with the world's most elegant publishing platform. The story begins here." />
    <meta name="twitter:url" content="/jasper/" />
    <meta name="twitter:image:src" content="/media/images/cover1.jpg" />

    <script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Website",
    "publisher": "Finding The Way Home",
    "url": "/jasper/",
    "image": "/media/images/cover1.jpg",
    "description": "A beautiful narrative written with the world's most elegant publishing platform. The story begins here."
}
    </script>

    <meta name="generator" content="blogit 1.0" />
    <link rel="alternate" type="application/rss+xml" title="Finding The Way Home" href="/jasper/rss.xml" />

</head>
<body class="home-template nav-closed">
    {% block navigation %}
    <div class="nav">
    <h3 class="nav-title">Menu</h3>
    <a href="#" class="nav-close">
        <span class="hidden">Close</span>
    </a>
    <ul>
        <li class="nav-home  nav-current" role="presentation"><a href="/jasper/">Home</a></li>
        <li class="nav-about " role="presentation"><a href="/jasper/about">About</a></li>
        <li class="nav-fables " role="presentation"><a href="/jasper/tag/fables">Fables</a></li>
        <li class="nav-speeches " role="presentation"><a href="/jasper/tag/speeches">Speeches</a></li>
        <li class="nav-fiction " role="presentation"><a href="/jasper/tag/fiction">Fiction</a></li>
        <li class="nav-author " role="presentation"><a href="/jasper/author/casper">Author</a></li>
    </ul>
    <a class="subscribe-button icon-feed" href="/jasper/rss.xml">Subscribe</a>
		</div>
		{% endblock navigation %}

		<span class="nav-cover"></span>
    <div class="site-wrapper">

		{% block header %}
      <!-- The big featured header  -->
			<header class="main-header "
						style="background-image: url(/media/images/cover1.jpg) ">
				<nav class="main-nav overlay clearfix">
						<a class="blog-logo" href="/jasper/"><img src="/media/images/ghost.png" alt="Blog Logo" /></a>

								<a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>

				</nav>
				<div class="vertical">
						<div class="main-header-content inner">
								<h1 class="page-title">Finding The Way Home</h1>
								<h2 class="page-description">A beautiful narrative written with the world's most elegant publishing platform. The story begins here.</h2>
						</div>
				</div>
				<a class="scroll-down icon-arrow-left" href="#content" data-offset="-45"><span class="hidden">Scroll Down</span></a>
       </header>
       {% endblock header %}

       {% block content %}
       <main id="content" class="content" role="main">

       <div class="extra-pagination inner">

       <nav class="pagination" role="pagination">
       <span class="page-number"> Page 1 of 2 </span>
       <a class="older-posts" href="/jasper/page2/" title="Next Page">Older Posts &raquo;</a>
       </nav>
       </div>

				<!-- This is the post loop - each post will be output using this markup -->

				<article class="post">
						<header class="post-header">
								<h2 class="post-title"><a href="/jasper/a-full-and-comprehensive-style-test">A Full and Comprehensive Style Test</a></h2>
						</header>
						<section class="post-excerpt">
								<p>This is just an ipsis verbis copy of the first example running on the Ghost Demo. This shows how you can use html styling to achieve... <a class="read-more" href="/jasper/a-full-and-comprehensive-style-test">&raquo;</a></p>
						</section>
						<footer class="post-meta">
								<img class="author-thumb" src="/media/images/casper.png" alt="Author image" nopin="nopin" />
								<!-- author -->
								<a href='/jasper/author/casper'>Casper McFadden</a>
								<!-- [[tags prefix=" on "]] -->
										on
								<a href='/jasper/tag/test'>Test</a>,
								<a href='/jasper/tag/content'>Content</a>
								<time class="post-date" datetime="2014-09-27">27 Sep 2014</time>
						</footer>
				</article>

				<article class="post">
						<header class="post-header">
								<h2 class="post-title"><a href="/jasper/the-businessman-and-fisherman">The Businessman & the fisherman</a></h2>
						</header>
						<section class="post-excerpt">
								<p>An American businessman took a vacation to a small coastal Mexican village on doctor’s orders. Unable to sleep after an urgent phone call from the office... <a class="read-more" href="/jasper/the-businessman-and-fisherman">&raquo;</a></p>
						</section>
						<footer class="post-meta">
								<img class="author-thumb" src="/media/images/casper.png" alt="Author image" nopin="nopin" />
								<!-- author -->
								<a href='/jasper/author/casper'>Casper McFadden</a>
								<!-- [[tags prefix=" on "]] -->
										on
								<a href='/jasper/tag/fables'>Fables</a>,
								<a href='/jasper/tag/fiction'>Fiction</a>


								<time class="post-date" datetime="2014-08-12">12 Aug 2014</time>
						</footer>
				</article>

				<article class="post">
						<header class="post-header">
								<h2 class="post-title"><a href="/jasper/i-have-a-dream">I Have a Dream</a></h2>
						</header>
						<section class="post-excerpt">
								<p>I am happy to join with you today in what will go down in history as the greatest demonstration for freedom in the history of our... <a class="read-more" href="/jasper/i-have-a-dream">&raquo;</a></p>
						</section>
						<footer class="post-meta">
								<img class="author-thumb" src="/media/images/casper.png" alt="Author image" nopin="nopin" />
								<!-- author -->
								<a href='/jasper/author/casper'>Casper McFadden</a>
								<!-- [[tags prefix=" on "]] -->
										on
								<a href='/jasper/tag/speeches'>Speeches</a>
								<time class="post-date" datetime="1963-08-28">28 Aug 1963</time>
						</footer>
				</article>

				<article class="post">
						<header class="post-header">
								<h2 class="post-title"><a href="/jasper/out-to-sea">Out to Sea</a></h2>
						</header>
						<section class="post-excerpt">
								<p>I had this story from one who had no business to tell it to me, or to any other. I may credit the seductive influence of... <a class="read-more" href="/jasper/out-to-sea">&raquo;</a></p>
						</section>
						<footer class="post-meta">
								<img class="author-thumb" src="/media/images/casper.png" alt="Author image" nopin="nopin" />
								<!-- author -->
								<a href='/jasper/author/casper'>Casper McFadden</a>
								<!-- [[tags prefix=" on "]] -->
										on
								<a href='/jasper/tag/fiction'>Fiction</a>
								<time class="post-date" datetime="1912-07-24">24 Jul 1912</time>
						</footer>
				</article>

				<!-- Previous/next page links - displayed on every page -->

				<nav class="pagination" role="pagination">
				<span class="page-number"> Page 1 of 2 </span>
				<a class="older-posts" href="/jasper/page2/" title="Next Page">Older Posts &raquo;</a>
				</nav>
		</main>

				{% block footer %}
				<footer class="site-footer clearfix">
							<section class="copyright"><a href="/jasper/">Finding The Way Home</a> &copy; 2016</section>
							<section class="poweredby">Proudly published with <a href="https://jekyllrb.com/">Jekyll</a> using <a href="https://github.com/biomadeira/jasper">Jasper</a></section>
				</footer>
				{% endblock %}
				</div>
				{% endblock content %}
				<!-- [[! Ghost outputs important scripts and data with this tag ]] -->
				<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
				<!-- [[! The main JavaScript file for Casper ]] -->
				<script type="text/javascript" src="/media/js/jquery.fitvids.js"></script>
				<script type="text/javascript" src="/media/js/index.js"></script>

				{% block analytics %}
				<!-- Add Google Analytics  -->
				<!-- Google Analytics Tracking code -->
				<script>
					(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
					(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
					m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
					})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

					ga('create', 'UA-69281367-1', 'auto');
					ga('send', 'pageview');

				</script>
			{% endblock %}
	</body>
</html>