---
layout: default
title: home
bgimage: indexbg.jpg
bgcolor: #1F255A
bgrepeat: no-repeat
bgsize: cover
---
<div class="header">
	<img class="avatar drop-shadow-box" src="media/avatar.jpg"
		alt="Himeko Inaba from Kokoro Connect" title="Himeko Inaba from Kokoro Connect">
	<h1 class="title drop-shadow-text">Paper's website</h1>
</div>

<br>

<div class="content drop-shadow-box">
	<h2 class="drop-shadow-text">socials / contact</h2>
	<ul class="index-socials-list">
		<li class="drop-shadow-text">
			E-mail (<a class="prettylink" href="mailto:paper@tflc.us">paper@tflc.us</a>); please send me <a class="prettylink" href="https://useplaintext.email/">plain text email</a> if possible.
		</li>
		<li class="drop-shadow-text">
			IRC (/msg paper on <a href="https://libera.chat/" class="prettylink">Libera.chat</a> or <a href="https://www.rizon.net/" class="prettylink">rizon</a>)
		</li>
		<li class="drop-shadow-text">
			Discord (@slipofpaper)
		</li>
	</ul>

	<br>

	{% comment %}
		I'd really prefer for this stuff to all be different colors, because that would look cool,
		but I am lazy :)
	{% endcomment %}

	<ul class="index-socials-list">
		<li class="drop-shadow-text">
			Fediverse (<a target="_blank" class="prettylink" href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>)
		</li>
		<li class="drop-shadow-text">
			Bluesky (<a target="_blank" class="prettylink" href="https://bsky.app/profile/tflc.us">@tflc.us</a>)
		</li>
	</ul>

	<br>

	<div class="plugs-list">
		{% for plug in site.data.plugs %}
		{% if plug.href %}
		<a href="{{ plug.href }}" class="navbar-item-active">
		{% endif %}
		<img class="plugs-list-item drop-shadow-box" src="{{ plug.url }}"
		{% if plug.alt %}
			alt="{{ plug.alt }}"
		{% endif %}
		{% if plug.title %}
			title="{{ plug.title }}"
		{% endif %}
		}
		>
		{% if plug.href %}
		</a>
		{% endif %}
		{% endfor %}
	</div>

	<br>

	<div class="blips-list">
		{% for blip in site.data.blips %}
		{% if blip.href %}
		<a href="{{ blip.href }}" class="navbar-item-active">
		{% endif %}
		<img class="blips-list-item drop-shadow-box" src="{{ blip.url }}"
		{% if blip.alt %}
			alt="{{ blip.alt }}"
		{% endif %}
		{% if blip.title %}
			title="{{ blip.title }}"
		{% endif %}
		}
		>
		{% if blip.href %}
		</a>
		{% endif %}
		{% endfor %}
	</div>
</div>
