<script module>
	/* Types */
	type t = string;
</script>

<script lang="ts">
	import Article from '$lib/components/Article.svelte';

	let { data } = $props();

	const handlers = {
		toggleTheme: (event: MouseEvent) => {
			const html = document.documentElement;
			if (html.classList.contains('light')) {
				html.classList.remove('light');
				html.classList.add('dark');
			} else {
				html.classList.remove('dark');
				html.classList.add('light');
			}
		}
	};

	$inspect(data.documents);
</script>

<header class="hero">
	<h1>alliances transcoloniales</h1>
	<div class="subtitle">
		<p>arts. sciences. décolonisation.</p>
		<p>université de <i>soit-disant</i> montréal.</p>
		<!--<p>université de <i>soit-disant</i> <s>montréal</s>.</p>-->
	</div>

	<a href="#title" aria-label="scroll to main content">
		<i class="ri-arrow-down-line"></i>
	</a>
</header>
<main>
	<header>
		<div class="sticky-container">
			<h1 id="title"><a href="/">Alliances Transcoloniales</a></h1>
			<p>
				Alliances Transcoloniales est une série d’événements (#) souhaitant porter une réflexion
				critique, à la lumière de l’art et du cinéma, aux des questions d’oppression et de
				subalternité, passées et actuelles, vécues par différentes communautés à plusieurs endroits
				de la planète en adoptant une perspective transcolonialiste.
			</p>
			<nav>
				<ul>
					<li><a href="#evenements">Événements</a></li>
					<li><a href="#archives">Archives</a></li>
					<li><a href="#principes">Déclaration de principes</a></li>
					<li><a href="#bibliographie">Bibliographie sélective</a></li>
				</ul>
			</nav>
			<button class="btn__theme" onclick={handlers.toggleTheme}
				><i class="ri-contrast-fill"></i>
				<p>changer de thème</p></button
			>
		</div>
	</header>

	<section>
		<h2 id="evenements">Événements</h2>
		{#each data.documents as d}
			<Article document={d} />
		{/each}
		<h2 id="archives">Archives</h2>
		<h2 id="principes">Déclaration de principes</h2>
		<h2 id="bibliographie">Bibliographie sélective</h2>
		<article>
			<p>
				Retrouvez ressources bibliographiques partagées par les intervenants de nos différents
				événements sur le <a
					href="https://www.zotero.org/groups/5871768/alliances-transcoloniales/library">Zotero</a
				>
				des <i>Alliances Transcoloniales</i>.
			</p>
		</article>
	</section>
</main>
