<script>
	import '$lib/css/base.css';
	import '$lib/css/footer.css';
	import SvgIcon from '@jamescoyle/svelte-icon';
	import { mdiFormatQuoteClose, mdiFormatQuoteOpen } from '@mdi/js';
</script>

<div class="footer-container">
	<div class="footer-content">
		<div class="footer-left">
			<h1 class="title">Etheryo Blog</h1>
		</div>
		<div class="footer-right">
			<div class="footer-icon-text">
				<img alt="github" src="https://cdn.simpleicons.org/github/F8F1F1" />
				<a target="_blank" href="https://github.com/yoboujon/etheryo-blog">Lien Github</a>
			</div>
			<div class="footer-icon-text">
				<img alt="raspberrypi" src="https://cdn.simpleicons.org/raspberrypi/F8F1F1" />
				<a target="_blank" href="https://fr.wikipedia.org/wiki/Raspberry_Pi"
					>Hébergé sur Raspberry Pi</a
				>
			</div>
			<div class="footer-icon-text">
				<img alt="crowcpp" src="https://crowcpp.org/master/assets/favicon.svg" />
				<a target="_blank" href="https://github.com/CrowCpp/Crow">Réalisé avec CrowCpp</a>
			</div>
			<div class="footer-icon-text footer-special">
				<SvgIcon type="mdi" path={mdiFormatQuoteOpen} />
				<span><i>Keep the web free</i></span>
				<SvgIcon type="mdi" path={mdiFormatQuoteClose} />
			</div>
		</div>
	</div>
	<div class="footer-slider">
		<span>{new Date().getFullYear()} • Tous droits réservés • Yohan Boujon</span>
		<div class="flex-end">ButtonSlider</div>
	</div>
</div>
