---
layout: page
title: Pico-8 Projects
permalink: /pico8/
---

<style>
a.noline {
	text-decoration: none;
}

.pico8_card {
	display: block;
	margin: 6px;
	overflow: hidden; /* Clear the floats */
	background-color: #333; /* Dark background color */
	color: #ccc; /* Text color for contrast */
	border-radius: 8px; /* Rounded corners for the card */
	padding: 20px; /* Adjust padding as needed */
	flex: 3;
}


.pico8_card .thumbnail {
	float: left;
	margin-right: 10px;
}

.pico8_card .title {
	font-family: 'w95fa', 'DOS VGA', 'Courier New', monospace;
	font-size: 16pt;
	color: #ffa058;
}

.pico8_card .title a {
	color: inherit;
}

.pico8_card .description {
	font-size: 12pt;
}

.pico8_cartridge {
	width: 160px;
}


.play-button, .play-button:visited {
  	background-color: #ff8340;
	color: #fff;
	padding: 5px 10px;
	border: none;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: 'DOS VGA', 'Courier New', monospace;
	font-size: 16px; 
	font-weight: bold;
	cursor: pointer;
	width: 110px;
	margin: 5px 12px;
}

.play-button:hover {
	background-color: #ffa058;
	color: #fff;
}

.more {
}


.pico8_logo {
	float: right;
	margin: 1em;
}
@media only screen and (max-width: 600px) {  
	.pico8_logo {
		width: 40%;
		margin: 0.5em;
	}
}

</style>

<img src="/assets/images/pico8_logo_vector.png" class="pico8_logo">
<p><a href="https://www.lexaloffle.com/pico-8.php" target="_blank">Pico-8</a> is a fantasy console that captures the essence of retro game development. Creators craft games within tight constraints reminiscent of classic hardware limitations. I love it's simplicity and design. It reminds me of when I was a kids making simple games in BASIC, but with a better programming language! With a built-in code editor, sprite and sound editors, Pico-8 simplifies the game-making process, fostering a delightful blend of nostalgia and accessibility.</p>
<p>Its limitations, such as a 128x128 resolution and a palette of 16 colors, challenge creators to innovate within defined boundaries. It has an amazing community that thrives on embracing the beauty found in constraints, resulting in many bite-sized, yet uniquely charming, games that are free to play, and you are free to alter.</p>
<p>Here are some Pico-8 games I've tinkered with on the side. Don't expect anything too polished—these are more like digital doodles than finished products. Feel free to play around with them in your browser.</p>


<div class="container">
<div class="content">
{% for post in site.posts %}
  {% if post.categories contains "pico8" %}
        <div class="clearfix pico8_card">
			<div class="title">
				<a href="{{ post.url }}" target="_blank" class="noline">
					{{ post.title }}
				</a>
			</div>
			<div class="thumbnail">
				<a href="{{ post.gamelink }}" target="_blank" class="noline">
					<img src="{{ post.cartridge }}"" alt="Pico-8 cartridge for {{ post.title }}" class="pico8_cartridge">
					<br />
					<a href="{{ post.gamelink }}" class="play-button" target="_blank">Play Online</a>
				</a>
			</div>
			<div class="description">
				{{ post.blurb }}
				<!-- <span class="more"><a href="{{ post.url }}" alt="Read more"> ...more </a></span>  -->
			</div>
		</div>
  {% endif %}
{% endfor %}
</div>
</div>