---
layout: default
title: Articles | Moritz Kröger
classes: blog
---
<div class="content-inner">
	<div class="headline-gradient container">
		<h1 title="What I'm writing here and there" itemprop="title">What I'm writing here and there</h1>
	</div>

	<ul itemscope itemtype="http://schema.org/Blog" class="blog-list">
	{% for post in paginator.posts %}
		<li itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
			{% if post.external %}
			<a href="{{ post.external.url }}" target="_blank" class="blog-post-external">
				<span></span>
				<h2 itemprop="title">
					{{ post.title }}
					<svg><use xlink:href="#new-window"></use></svg>
				</h2>
			{% else %}
			<a href="{{ post.url }}">
				<span></span>
				<h2 itemprop="title">{{ post.title }}</h2>
			{% endif %}
				<div class="blog-post-meta">
					<time itemprop="datePublished" datetime='{{ post.date | date: "%d %B %Y" }}'>{{ post.date | date: "%d %B %Y" }}</time>,
					{% if post.external %}
					Published on <span itemprop="publisher">{{ post.external.host }}</span>
					{% else %}
					Published in <span>{% for tag in post.tags %}#{{ tag }} {% endfor %}</span>
					{% endif %}
				</div>
				<p>{{ post.excerpt }}</p>
			</a>
		</li>
	{% endfor %}
	</ul>

	{% if paginator.total_pages > 1 %}
	<div class="blog-paginator">
		{% if paginator.previous_page %}
		<a href="{{ paginator.previous_page_path | replace: 'index.html', '' }}" rel="prev">Previous</a>
		{% else %}
		<button disabled type="button" aria-disabled="true">Previous</button>
		{% endif %}

		{% if paginator.next_page %}
		<a ref="{{ paginator.next_page_path }}" rel="next">Next</a>
		{% else %}
		<button formnovalidate=""disabled type="button" aria-disabled="true">Next</button>
		{% endif %}
	</div>
	{% endif %}
</div>