|
|
@@ -1,38 +1,225 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
- <meta charset="utf-8" />
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
+ <!-- [[! 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." />
|
|
|
|
|
|
- <title>{% block title %}{% endblock title %}</title>
|
|
|
- <meta name="description" content="{{ site_name }} - {{ site_description }}" />
|
|
|
<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" >
|
|
|
|
|
|
- <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" />
|
|
|
- {% include 'includes/head.html' %}
|
|
|
- </head>
|
|
|
- <body class="paged archive-template home-template nav-closed">
|
|
|
+ <!-- [[! 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 %}
|
|
|
|
|
|
- {% include 'includes/navigation.html' %}
|
|
|
+ {% block content %}
|
|
|
+ <main id="content" class="content" role="main">
|
|
|
|
|
|
- <div class="site-wrapper">
|
|
|
+ <div class="extra-pagination inner">
|
|
|
|
|
|
- {% block content %}
|
|
|
+ <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 »</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">»</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">»</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">»</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">»</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 »</a>
|
|
|
+ </nav>
|
|
|
+ </main>
|
|
|
+
|
|
|
+ {% block footer %}
|
|
|
+ <footer class="site-footer clearfix">
|
|
|
+ <section class="copyright"><a href="/jasper/">Finding The Way Home</a> © 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');
|
|
|
|
|
|
- <footer class="site-footer clearfix">
|
|
|
- <section class="copyright"><a href="{{ site_url }}">{{ site_name }}</a> © 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>
|
|
|
- </div>
|
|
|
- <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
|
|
|
- <script type="text/javascript" src="/media/js/jquery.fitvids.js"></script>
|
|
|
- <script type="text/javascript" src="/media/js/index.js"></script>
|
|
|
+ ga('create', 'UA-69281367-1', 'auto');
|
|
|
+ ga('send', 'pageview');
|
|
|
|
|
|
-</body>
|
|
|
+ </script>
|
|
|
+ {% endblock %}
|
|
|
+ </body>
|
|
|
</html>
|
Oz N Tiram