157 lines
5.2 KiB
HTML
157 lines
5.2 KiB
HTML
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<base href="/sglyon.com/hugo_gh_blog">
|
|
<title>Hugo Blog Template for GitHub Pages</title>
|
|
<link rel="canonical" href="/">
|
|
<link href="/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Blog Template for GitHub Pages" />
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/poole.css">
|
|
<link rel="stylesheet" href="/css/syntax.css">
|
|
<link rel="stylesheet" href="/css/lanyon.css">
|
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700|PT+Sans:400">
|
|
|
|
</head>
|
|
<body class="theme-base-08" lang="en">
|
|
|
|
|
|
|
|
|
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
|
|
|
|
|
<div class="sidebar" id="sidebar">
|
|
|
|
<nav class="sidebar-nav">
|
|
<a class="sidebar-nav-item" href="/">Home</a>
|
|
|
|
<a class="sidebar-nav-item" href="/posts">Blog</a>
|
|
</nav>
|
|
|
|
<div class="sidebar-item">
|
|
<p>
|
|
© 2014 Spencer Lyon. Powered by <a href="http://hugo.spf13.com">Hugo</a>. Design adapted from <a href="http://lanyon.getpoole.com">Lanyon</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="wrap">
|
|
<div class="masthead">
|
|
<div class="container">
|
|
<h3 class="masthead-title">
|
|
<a href="/sglyon.com/hugo_gh_blog" title="Home">Home</a>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container content">
|
|
<h1>This is a Blog</h1>
|
|
|
|
<p class="lead"> Welcome to my blog! </p>
|
|
|
|
<p>This is really just a barebones website to stand as a template for creating a blog that is statically generated by <a href="http://hugo.spf13.com">Hugo</a> and hosted at on GitHub via <a href="http://pages.github.com/">GitHub Pages</a>.</p>
|
|
|
|
<p>I am using a slightly modified version of the <a href="http://lanyon.getpoole.com">Lanyon</a> Jekyll theme. I think it is very simple, clean, and elegant.</p>
|
|
|
|
|
|
<h2>About me</h2>
|
|
|
|
<p>Sometimes people have an "About me" section on the homepage of their website.</p>
|
|
|
|
<p>It might even include a picture: </p>
|
|
|
|
|
|
<h1 class="post-title">Recent Posts</h1>
|
|
<section id="main">
|
|
<ul id="list">
|
|
|
|
|
|
|
|
<article class="post">
|
|
<header>
|
|
<h2><a href='/posts/newest'> Just another sample post</a> </h2>
|
|
<div class="meta">Sat, Mar 29, 2014</div>
|
|
</header>
|
|
|
|
First Heading Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, consequatur aspernatur omnis iste. Voluptates, id inventore ea natus ab sed amet ipsa ratione sunt dignissimos. Soluta illum aliquid repellendus recusandae. Sub Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, perferendis saepe voluptatem a nesciunt architecto voluptas deleniti dolor tempora quasi quidem odit rem fugit magnam minima quam dolores vel id? Conclusion Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
|
<footer>
|
|
<a href='/posts/newest'><nobr>Read more →</nobr></a>
|
|
</footer>
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="post">
|
|
<header>
|
|
<h2><a href='/posts/middle'> Second Post</a> </h2>
|
|
<div class="meta">Fri, Mar 28, 2014</div>
|
|
</header>
|
|
|
|
Sample Post 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
<footer>
|
|
<a href='/posts/middle'><nobr>Read more →</nobr></a>
|
|
</footer>
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="post">
|
|
<header>
|
|
<h2><a href='/posts/oldest'> First Post</a> </h2>
|
|
<div class="meta">Thu, Mar 27, 2014</div>
|
|
</header>
|
|
|
|
Sample Post 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
<footer>
|
|
<a href='/posts/oldest'><nobr>Read more →</nobr></a>
|
|
</footer>
|
|
</article>
|
|
|
|
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
|
|
|
|
|
|
|
<div class="container content">
|
|
<footer>
|
|
<div>
|
|
<p class="right credit">
|
|
Fancy footer here. Link to <a href="/">Home Page</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
|
|
<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-36732392-2', 'sglyon.com');
|
|
ga('send', 'pageview');
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|
