{{ define "main" }}
    <div class="panel space-y-2">
        <h1>Projects</h1>
        <p>What follows is a list of all the various projects I've worked on over the years, as well as a short blurb about them. Not all of them are complete, or even functioning. I think that's fine though. They're still something I worked on, and something I learned from. Most of them have more info about them once you click through.</p>
        <p>With all my projects, I encourage you to checkout the source code.</p>
    </div>
	{{ range .Pages.ByPublishDate.Reverse }}
	<div class="panel my-2">
		<h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
		<div class="flex flex-row flex-wrap md:flex-nowrap mt-2">
			<span class="image-wrapper w-full h-32 md:w-32 md:h-32">
				<img srcset="/imgs/no-image-new.webp" src="/imgs/no-image-new.png" alt="Filler" />
			</span>
			<p class="m-2 flex-1">{{ .Params.Intro | markdownify }}</p>
		</div>
	</div>
	{{ end }}
{{ end }}