<script>
	import "$lib/css/footer/page.css";

	import SvgIcon from "@jamescoyle/svelte-icon";
	import { mdiFormatQuoteClose, mdiFormatQuoteOpen } from "@mdi/js";
	import mainjson from "$lib/json/main.json";
</script>

<div class="page-icon-text">
	<img alt="github" src="https://cdn.simpleicons.org/github/F8F1F1" />
	<a target="_blank" href="https://git.etheryo.fr/Etheryo/etheryo"
		>{mainjson.footer.about.source}</a
	>
</div>
<div class="page-icon-text">
	<img
		alt="raspberrypi"
		src="https://cdn.simpleicons.org/raspberrypi/F8F1F1"
	/>
	<a target="_blank" href="https://fr.wikipedia.org/wiki/Raspberry_Pi"
		>{mainjson.footer.about.hosted}</a
	>
</div>
<div class="page-icon-text page-special">
	<SvgIcon type="mdi" path={mdiFormatQuoteOpen} />
	<span><i>{mainjson.footer.about.motto}</i></span>
	<SvgIcon type="mdi" path={mdiFormatQuoteClose} />
</div>
