<script>
	import '../app.css';
	import CloudflareAnalytics from '$lib/CloudflareAnalytics.svelte';
	import BottomNavigation from '../lib/BottomNavigation.svelte';
	import TopNav from '../lib/TopNav.svelte';

	let activeBtn = 'home';
	function handleNavItemClick(btnName) {
		activeBtn = btnName;
	}
	$: activeBtn = activeBtn === 'projects';
</script>

<CloudflareAnalytics />
<TopNav />
<div class="px-2 sm:px-0 mx-auto max-w-xs sm:max-w-md md:max-w-3xl text-center mb-20 md:mb-0">
	<slot />
</div>
<BottomNavigation />
<footer class="">
	<div class="hidden md:block text-sm text-stone-400 mt-12 text-center">
		<p>built by christian rannes 2024</p>
	</div>
</footer>
