---
layout: default
---
<style>
.update-header {
	margin: 0px;
  	color: #ffa058;
}

.update-title {
    font-weight: bold;
    font-size: small;
				margin-top: 0px;
}

.update-date {
    font-weight: 100;
    font-size: small;
				margin-bottom: 0px;
}

.update-text {
}

p {
	margin: 0px;
	margin-bottom: 16px;
}

</style>
<div class="container">

	<div class="content">
		{% if page.title %}
			<h1>{{ page.title }}</h1>
		{% endif %}

		{{ content }}
	</div>

	<div class="navigation">
		<section id="nav"></section>
		<h2>Navigation</h2>
		<ul>
		  <li><a href="/">Home page</a></li>
		  <li><a href="/blog">Obligatory Blog</a></li>
		  <li><a href="/pico8">My Pico-8 Junk</a></li>
		  <li><a href="/about">About me</a></li>
		</ul>
	
		<div class="rounded-box">
		  <div class="update-header">Recent Updates</div>
			{% assign updates = site.posts | where: 'categories', 'update' | sort: 'date' | reverse | limit: 3 %}
			{% for post in updates %}
					<hr />
			  <div class="update-date">{{ post.date | date: "%Y-%m-%d" }}</div>
			  <div class="update-text">{{ post.content }}</div>
			{% endfor %}
		</div>
	
		<img src="/assets/images/under_construction.png" alt="An AI generated always under construction image" width=100% style="margin-top: 2em">
	  </div>
	  </section>
	</div>
	
</div>