<script lang="ts">
	import favicon from "$lib/assets/favicon.svg";
	import { SidebarLeft } from "$lib/sidebar/sidebar_left.svelte";
	import { SidebarRight } from "$lib/sidebar/sidebar_right.svelte";
	import { WebButtons } from "$lib/web_buttons/webButtons.svelte";
	import { NavBar } from "$lib/nav.svelte";
	import "$lib/nav.svelte";
	let { children } = $props();

	export const prerender = true;
</script>

<svelte:head>
	<link rel="icon" href={favicon} />
	<link href="/shared__.css" rel="stylesheet" />
</svelte:head>

<div class="container">
	<header>
		<h1>Doloro's corner of the internet</h1>
	</header>
	{@render NavBar()}
	<div class="body_of_funny_content">
		{@render SidebarLeft()}
		<div class="actual-content">
			{@render children()}
		</div>
		{@render SidebarRight()}
	</div>
</div>
<hr style="width: 97%; border-radius: 100px" />
<center>
	{@render WebButtons()}
</center>
<hr style="width: 92%; border-radius: 100px" />
<footer>
	<h2>Doloro, All Meows Reserved.</h2>
	</footer>
