---
template=post
title=Plunt
style=/styles/post.css
style=plunt.css
---

<script src="plunt.js"></script>
<section id="plunt">
	<div>
		<p>plunt needs 5 more love to grow. plunt has 5 more days until growing.</p>
	</div>
	<div id="pluntbox">
		<div id="pluntboxbox">
			<img src="love.png" id="loving" />
			<img src="stage0.png" />
		</div>
		<button onclick="pluntLove()">love&nbsp;plunt</button>
	</div>
</section>

<h2>Caring for Plunt</h2>
<p>Plunt needs two things to grow: time, and love.</p>
<p>You can love plunt by clicking the button below them. They need
	a certain amount of love per day to make progress in their growth,
	but cannot have too much love; you can love plunt as much as you want</p>
<p>Then there is time. Everything is bounded, controlled by time.
	Plunt is, too. Unfortunately, plunt cannot be loved all at once
	and grow instantly. These things take time.</p>