{{ define "main" }}
<main id="code">
	<header class="section page-header">
		<div class="container">
			<h1 class="page-title">Check out some of the code I've written.</h1>
			<div id="gitea" class="explainer">
				<div class="image">
					<i class="fa fa-gitea"></i>
				</div>
				<p>I host my own code with <a href="https://git.trwnh.com">Gitea</a>. Currently, I host the source code for some websites I've built, including this one.</p>
			</div>
			<div id="github" class="explainer">
				<div class="image">
				<i class="fa fa-github"></i>
				</div>
				<p>I also have a <a href="https://github.com/trwnh">Github</a> account. I mainly use this account to contribute to open-source projects using pull requests instead of sending patch files via email.</p>
			</div>
		</div>
	</header>
	<section class="section" id="projects">
		<div class="container">
			<h2 class="title">Original projects</h2>
			<section class="project-list">
			{{ range .Pages }}
			{{ if not (in .Params.tags "pull request") }}
			<article class="project {{ .Permalink | relURL | anchorize }}">
				<a class="project__link" href="{{ .Permalink }}">
				{{ with .Params.cover }}
				<img class="project__image" src="{{.}}">
				{{end}}
				<h3 class="project__title">{{ .Title }}</h2>
				</a>
				<p class="project__summary">{{.Summary}}</p>
			<datetime class="project__date">{{ .Date.Format "January 2, 2006" }}</datetime>
			</article>
			{{ end }}
			{{ end }}
			</section>
		</div>
	</section>
	<section class="section" id="prs">
		<div class="container">
			<h2 class="title">Open source contributions</h2>
			<section class="pr-list">
			{{ range where .Pages ".Params.tags" "intersect" (slice "pull request") }}
			<article class="pr {{ .Permalink | relURL | anchorize }}">
				<a class="pr__link" href="{{ .Permalink }}">
					<svg class="pr__icon" height="40" width="30" viewBox="0 0 1024 768" xmlns="http://www.w3.org/2000/svg">
						<path
							d="M640 448c-47.625 0-88.625 26.312-110.625 64.906C523.625 512.5 518 512 512 512c-131.062 0-255.438-99.844-300.812-223.438C238.469 265.09400000000005 256 230.71900000000005 256 192c0-70.656-57.344-128-128-128S0 121.34400000000005 0 192c0 47.219 25.844 88.062 64 110.281V721.75C25.844 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-47.25-25.844-88.062-64-110.25V491.469C276.156 580.5 392.375 640 512 640c6.375 0 11.625-0.438 17.375-0.625C551.5 677.812 592.5 704 640 704c70.625 0 128-57.375 128-128C768 505.344 710.625 448 640 448zM128 896c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.406 0 64 28.688 64 64C192 867.375 163.406 896 128 896zM128 256c-35.312 0-64-28.594-64-64s28.688-64 64-64c35.406 0 64 28.594 64 64S163.406 256 128 256zM640 640c-35.312 0-64-28.625-64-64 0-35.406 28.688-64 64-64 35.375 0 64 28.594 64 64C704 611.375 675.375 640 640 640z" />
					</svg>

					<h3 class="pr__title">{{ .Title }}</h2>
				</a>
				<p class="pr__summary">{{.Summary}}</p>

			</article>
			{{ end }}
		</section>

		</div>
	</section>
	<section class="section" id="support">
		<div class="container">
			<h2 class="title">Support me.</h2>
			<p>If you appreciate any of what I've done, please send me money. Your contributions and generosity will directly fund my creative efforts, which would otherwise go unpaid. The more I receive, the more time I can justifiably devote to continuing to do what I do.</p>
			<div id="liberapay" class="explainer">
				<div class="image">
					<i class="fa fa-liberapay"></i>
				</div>
				<p>Recurring or one-time donation via Liberapay: <a href="https://liberapay.com/trwnh">liberapay.com/trwnh</a></p>
			</div>
			<div id="patreon" class="explainer">
				<div class="image">
				<i class="fa fa-patreon"></i>
				</div>
				<p>Monthly patronage on Patreon: <a href="https://patreon.com/trwnh">patreon.com/trwnh</a></p>
			</div>
			<div id="paypal" class="explainer">
				<div class="image">
				<i class="fa fa-paypal"></i>
				</div>
				<p>For direct, one-time contributions, you can use Paypal with my email address <b>a@trwnh.com</b></p>
			</div>
			<div id="cashapp" class="explainer">
				<div class="image">
				<i class="fa fa-dollar"></i>
				</div>
				<p>You can also use Cashapp if you'd prefer: <a href="https://cash.me/$trwnh">$trwnh</a></p>
			</div>
		</div>
	</section>
</main>
{{ end }}