81 lines
2.5 KiB
Svelte
81 lines
2.5 KiB
Svelte
<script lang="ts">
|
||
import { base } from '$app/paths';
|
||
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>soi-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={`${base}/`}>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="#principes">Déclaration de principes</a></li>
|
||
<li><a href="#principes">transcolonialité. décolonisation.</a></li>
|
||
<li><a href="#genocide">UdeM complice du génocide à Gaza</a></li>
|
||
<li><a href="#bibliographie">Bibliographie sélective</a></li>
|
||
<li><a href="#archives">Archives</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="genocide">UdeM complice du génocide à Gaza</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>
|