<script lang="ts">
	const currentYear: number = new Date().getFullYear();
</script>

<footer>
	<p>
		&copy; Fred Boniface 2022-{currentYear}
	</p>
</footer>

<style>
	footer {
		position: relative;
		width: 100%;
		background-color: transparent;
		height: 30px;
		bottom: 0;
	}
	footer p {
		padding: 0;
		padding-top: 5px;
		margin: auto;
		margin-top: 9px;
		text-align: center;
		font-family: monospace;
	}
	@media screen and (min-height: 600px) {
		footer {
			position: fixed;
			bottom: 0;
			left: 0;
		}
		footer p {
			padding-top: 0px;
			margin-top: 6px;
		}
	}
</style>
