---

import BaseLayout from '../layouts/base.astro';
import core from '../core.json';

const research = core.projects.filter(x => x.type && x.type === "research");

---

<BaseLayout title="Research" image="og_research">

	<div class="middle-pane-medium mt-10">

		<h1 id="upcoming">Research ({research.length})</h1>

		{research.map((item) => (
			<div class="w3pn-project-item">
				<a href={item.links.docs} class="block p-6 text-white text-xl">{item.name}</a>
			</div>
		))}

		<p class="mt-10">
			<a href="https://github.com/web3privacy/data/tree/main/src/projects" class="hover:underline">Source repository</a>
		</p>
	</div>

</BaseLayout>