mirror of
https://github.com/web3privacy/web
synced 2024-10-15 18:26:27 +02:00
174 lines
5.1 KiB
Text
174 lines
5.1 KiB
Text
|
---
|
||
|
import * as config from "../config.yaml";
|
||
|
import core from "../core.json";
|
||
|
---
|
||
|
|
||
|
<div class="border-2 border-white flex flex-col">
|
||
|
<div
|
||
|
class="w-full bg-white px-[16px] flex py-[px] gap-4 items-start uppercase"
|
||
|
>
|
||
|
<div class="max-w-[120px] w-full">
|
||
|
<p class="text-black">CATEGORY</p>
|
||
|
</div>
|
||
|
<div class="max-w-[264px] w-full">
|
||
|
<p class="text-black">Objective</p>
|
||
|
</div>
|
||
|
<div class="max-w-[490px] w-full">
|
||
|
<p class="text-black">Details</p>
|
||
|
</div>
|
||
|
<div class="max-w-[120px] w-full">
|
||
|
<p class="text-black">More info</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="px-[16px] py-[24px] flex items-start gap-4 border-b border-white">
|
||
|
<div class="max-w-[120px] w-full">
|
||
|
<p class="text-white font-bold uppercase">Events</p>
|
||
|
</div>
|
||
|
<div class="max-w-[264px] w-full flex flex-col gap-2 items-start">
|
||
|
{
|
||
|
config.organisation.table.events.map((item) => (
|
||
|
<p class="text-white " class:list={[`h-[${item.height}px]`]}>
|
||
|
{item.objective}
|
||
|
</p>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
<div class="max-w-[490px] w-full flex flex-col gap-2 items-start">
|
||
|
{
|
||
|
config.organisation.table.events.map((item) => (
|
||
|
<p class="" class:list={[`h-[${item.height}px]`]}>
|
||
|
{item.details}
|
||
|
</p>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
<div class="max-w-[120px] w-full flex flex-col gap-2 items-center">
|
||
|
{
|
||
|
config.organisation.table.events.map((item) => (
|
||
|
<a
|
||
|
class="button inverted"
|
||
|
class:list={[`h-[${item.height}px]`]}
|
||
|
href={item.url}
|
||
|
>
|
||
|
<button>MORE</button>
|
||
|
</a>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="px-[16px] py-[24px] flex items-start gap-4 border-b border-white">
|
||
|
<div class="max-w-[120px] w-full">
|
||
|
<p class="text-white font-bold uppercase">RESEARCH</p>
|
||
|
</div>
|
||
|
<div class="max-w-[264px] w-full flex flex-col gap-2 items-start">
|
||
|
{
|
||
|
config.organisation.table.research.map((item) => (
|
||
|
<p class="text-white " class:list={[`h-[${item.height}px]`]}>
|
||
|
{item.objective}
|
||
|
</p>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
<div class="max-w-[490px] w-full flex flex-col gap-2 items-start">
|
||
|
{
|
||
|
config.organisation.table.research.map((item) => (
|
||
|
<p class="" class:list={[`h-[${item.height}px]`]}>
|
||
|
{item.details}
|
||
|
</p>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
<div class="max-w-[120px] w-full flex flex-col gap-2 items-center">
|
||
|
{
|
||
|
config.organisation.table.research.map((item) => (
|
||
|
<a
|
||
|
class="button inverted"
|
||
|
class:list={[`h-[${item.height}px]`]}
|
||
|
href={item.url}
|
||
|
>
|
||
|
<button>MORE</button>
|
||
|
</a>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="px-[16px] py-[24px] flex items-start gap-4 border-b border-white">
|
||
|
<div class="max-w-[120px] w-full">
|
||
|
<p class="text-white font-bold uppercase">TOOLS</p>
|
||
|
</div>
|
||
|
<div class="max-w-[264px] w-full flex flex-col gap-2 items-start">
|
||
|
{
|
||
|
config.organisation.table.tools.map((item) => (
|
||
|
<p class="text-white " class:list={[`h-[${item.height}px]`]}>
|
||
|
{item.objective}
|
||
|
</p>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
<div class="max-w-[490px] w-full flex flex-col gap-2 items-start">
|
||
|
{
|
||
|
config.organisation.table.tools.map((item) => (
|
||
|
<p class="" class:list={[`h-[${item.height}px]`]}>
|
||
|
{item.details}
|
||
|
</p>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
<div class="max-w-[120px] w-full flex flex-col gap-2 items-center">
|
||
|
{
|
||
|
config.organisation.table.tools.map((item) => (
|
||
|
<a
|
||
|
class="button inverted"
|
||
|
class:list={[`h-[${item.height}px]`]}
|
||
|
href={item.url}
|
||
|
>
|
||
|
<button>MORE</button>
|
||
|
</a>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="px-[16px] py-[24px] flex items-start gap-4 border-b border-white">
|
||
|
<div class="max-w-[120px] w-full">
|
||
|
<p class="text-white font-bold uppercase">education</p>
|
||
|
</div>
|
||
|
<div class="max-w-[264px] w-full flex flex-col gap-2 items-start">
|
||
|
{
|
||
|
config.organisation.table.education.map((item) => (
|
||
|
<p class="text-white " class:list={[`h-[${item.height}px]`]}>
|
||
|
{item.objective}
|
||
|
</p>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
<div class="max-w-[490px] w-full flex flex-col gap-2 items-start">
|
||
|
{
|
||
|
config.organisation.table.education.map((item) => (
|
||
|
<p class="" class:list={[`h-[${item.height}px]`]}>
|
||
|
{item.details}
|
||
|
</p>
|
||
|
))
|
||
|
}
|
||
|
</div>
|
||
|
<div class="max-w-[120px] w-full flex flex-col gap-2 items-center">
|
||
|
{
|
||
|
config.organisation.table.education.map((item) =>
|
||
|
item.url ? (
|
||
|
<a
|
||
|
class="button inverted"
|
||
|
class:list={[`h-[${item.height}px]`]}
|
||
|
href={item.url}
|
||
|
>
|
||
|
<button>MORE</button>
|
||
|
</a>
|
||
|
) : (
|
||
|
<p class:list={[`h-[${item.height}px]`]} class="text-white">
|
||
|
 
|
||
|
</p>
|
||
|
)
|
||
|
)
|
||
|
}
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|