index.html

---
layout: default
---
<div class="home">

	<div class="contentMain">
	
	<div class="contentBody">
		<ul class="post-list">
			<!-- This loops through the paginated posts -->
			{% for post in paginator.posts %}
			<li>
				<paper-card heading="{{ post.title }}" elevation="2" style="width:100%;">
					<div class="card-content">
						<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">read more...</a></span>
						{{ post.excerpt }}
					</div>
				<paper-card>
			</li>
			{% endfor %}
		</ul>

		<!-- Pagination links -->
		<div class="pagination">
		
			{% if paginator.previous_page %}
				<a href="{{ paginator.previous_page_path  | prepend: site.baseurl }}" class="previous">Previous</a>
			{% else %}
				<span class="previous">Previous</span>
			{% endif %}
			
			<span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
		
			{% if paginator.next_page %}
				<a href="{{ paginator.next_page_path  | prepend: site.baseurl }}" class="next">Next</a>
			{% else %}
				<span class="next ">Next</span>
			{% endif %}

		</div>

		<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
	</div>
	
	<div class="sideList">
		<h1 class="page-heading"><a href="{{ site.baseurl }}/">Posts</a></h1>

		  <ul class="post-idx-list">
		    {% for post in site.posts %}
		      <li>
		        <span class="post-meta">{{ post.date | date: "%b, %Y" }}</span>
				<a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>  
		      </li>
		    {% endfor %}
		  </ul>
	</div>
	</div>

</div>