mirror of
https://github.com/web3privacy/w3ps1.git
synced 2024-10-15 16:26:26 +02:00
Update
This commit is contained in:
parent
de20bc3ac9
commit
956f7b62ae
12 changed files with 313 additions and 237 deletions
2
.github/workflows/gh-pages.yml
vendored
2
.github/workflows/gh-pages.yml
vendored
|
|
@ -39,4 +39,4 @@ jobs:
|
|||
if: ${{ github.ref == 'refs/heads/main' }}
|
||||
with:
|
||||
github_token: ${{ secrets.GITHUB_TOKEN }}
|
||||
publish_dir: ./build
|
||||
publish_dir: ./build
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
module.exports = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
114
src/app.css
114
src/app.css
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
|
||||
|
||||
@tailwind base;
|
||||
|
|
@ -6,67 +5,68 @@
|
|||
@tailwind utilities;
|
||||
|
||||
@layer components {
|
||||
body {
|
||||
@apply bg-[#0d1117];
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-[#0d1117];
|
||||
}
|
||||
* {
|
||||
@apply font-mono;
|
||||
}
|
||||
|
||||
* {
|
||||
@apply font-mono;
|
||||
}
|
||||
footer a,
|
||||
.markdown a {
|
||||
@apply underline hover:no-underline;
|
||||
}
|
||||
|
||||
footer a, .markdown a {
|
||||
@apply underline hover:no-underline;
|
||||
}
|
||||
.markdown p {
|
||||
}
|
||||
|
||||
.markdown p {
|
||||
}
|
||||
.middle-pane-medium {
|
||||
@apply max-w-7xl mx-auto px-4 xl:px-0;
|
||||
}
|
||||
.middle-pane-big {
|
||||
@apply max-w-screen-2xl mx-auto px-4 2xl:px-0;
|
||||
}
|
||||
|
||||
.middle-pane-medium {
|
||||
@apply max-w-7xl mx-auto px-4 xl:px-0;
|
||||
}
|
||||
.middle-pane-big {
|
||||
@apply max-w-screen-2xl mx-auto px-4 2xl:px-0;
|
||||
}
|
||||
.button {
|
||||
@apply px-3 py-1.5 text-black bg-white;
|
||||
}
|
||||
.section-header {
|
||||
@apply text-3xl md:text-5xl mb-8 md:mb-16 font-bold pt-10;
|
||||
}
|
||||
|
||||
.button {
|
||||
@apply px-3 py-1.5 text-black bg-white;
|
||||
}
|
||||
.section-header {
|
||||
@apply text-3xl md:text-5xl mb-8 md:mb-16 font-bold pt-10;
|
||||
}
|
||||
.text-mild {
|
||||
@apply text-white/70;
|
||||
}
|
||||
|
||||
.text-mild {
|
||||
@apply text-white/70;
|
||||
}
|
||||
table.table-custom {
|
||||
@apply text-base;
|
||||
}
|
||||
.table-custom td,
|
||||
.table-custom th {
|
||||
@apply px-2 py-3 md:px-4 md:py-4 align-top;
|
||||
}
|
||||
.table-custom th {
|
||||
@apply text-mild;
|
||||
}
|
||||
.table-custom tbody tr:hover td {
|
||||
@apply bg-white text-black;
|
||||
}
|
||||
.table-custom tbody tr:hover td .description {
|
||||
@apply text-black;
|
||||
}
|
||||
.table-custom td {
|
||||
@apply border border-b-0 border-l-0 border-r-0 border-gray-600;
|
||||
}
|
||||
.table-custom td.time {
|
||||
@apply text-sm;
|
||||
}
|
||||
|
||||
table.table-custom {
|
||||
@apply text-base;
|
||||
}
|
||||
.table-custom td, .table-custom th {
|
||||
@apply px-2 py-3 md:px-4 md:py-4 align-top;
|
||||
}
|
||||
.table-custom th {
|
||||
@apply text-mild;
|
||||
}
|
||||
.table-custom tbody tr:hover td {
|
||||
@apply bg-white text-black;
|
||||
}
|
||||
.table-custom tbody tr:hover td .description {
|
||||
@apply text-black;
|
||||
}
|
||||
.table-custom td {
|
||||
@apply border border-b-0 border-l-0 border-r-0 border-gray-600;
|
||||
}
|
||||
.table-custom td.time {
|
||||
@apply text-sm;
|
||||
}
|
||||
|
||||
.external::after {
|
||||
padding-left: 10px;
|
||||
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='13.5' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='white' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'%3E%3C/path%3E%3C/svg%3E");
|
||||
}
|
||||
.external.external-mild::after {
|
||||
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='13.5' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='silver' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'%3E%3C/path%3E%3C/svg%3E");
|
||||
}
|
||||
}
|
||||
.external::after {
|
||||
padding-left: 10px;
|
||||
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='13.5' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='white' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'%3E%3C/path%3E%3C/svg%3E");
|
||||
}
|
||||
.external.external-mild::after {
|
||||
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='13.5' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='silver' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'%3E%3C/path%3E%3C/svg%3E");
|
||||
}
|
||||
}
|
||||
|
|
|
|||
25
src/lib/components/PeopleList.svelte
Normal file
25
src/lib/components/PeopleList.svelte
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<script>
|
||||
export let items;
|
||||
export let people;
|
||||
|
||||
function getPerson(id) {
|
||||
return people.find((p) => p.id === id);
|
||||
}
|
||||
function twitterLink(handle) {
|
||||
return `https://twitter.com/${handle}`;
|
||||
}
|
||||
</script>
|
||||
|
||||
{#each items.map(getPerson) as item}
|
||||
<div>
|
||||
<div>
|
||||
<a href={twitterLink(item.twitter)}
|
||||
><img src="/people/{item.img}" class="grayscale hover:grayscale-0" /></a
|
||||
>
|
||||
</div>
|
||||
<div class="mt-4">{item.name}</div>
|
||||
<div class="text-base text-mild">
|
||||
<a href={twitterLink(item.twitter)} class="hover:underline">@{item.twitter}</a>
|
||||
</div>
|
||||
</div>
|
||||
{/each}
|
||||
|
|
@ -3,11 +3,11 @@ import yaml from 'js-yaml';
|
|||
const CONFIG = yaml.load(`
|
||||
|
||||
title: Web3Privacy Prague 2023
|
||||
shortname: Web3Privacy Summit
|
||||
shortname: "Web3Privacy Summit #1"
|
||||
date: Monday, 5. June 2023
|
||||
venue: X10, Prague
|
||||
slogan: |
|
||||
We need to protect our privacy, and that's why we're coming together on June 5 to Prague to sit down and discuss different aspects of privacy in the Web3 industry - how we can help shape it and make it more accessible - building a shared culture. Conference was created to complement the [Web3Privacy Now](http://web3privacy.info/) research project.
|
||||
We need to protect our privacy, and that's why we're coming together on June 5 to Prague to sit down and discuss different aspects of privacy in the Web3 industry - how we can help shape it and make it more accessible - building a shared culture. The conference complements the research project [Web3Privacy Now](http://web3privacy.info/) and was created by joining forces with the production team of the privacy hackathon [ETHBrno](https://ethbrno.cz/).
|
||||
themes:
|
||||
- title: Human rights DAOs (pro-privacy)
|
||||
- title: Identity (ID)
|
||||
|
|
@ -52,8 +52,18 @@ faq:
|
|||
text: Yes, we plan do both. Livestream of the whole conference and recordings of the lectures will be publicly available.
|
||||
- title: How do I get to the venue?
|
||||
text: Venue X10 (full name "[Divadlo X10](https://divadlox10.cz)") is located in the centre of Prague near the metro station *Národní Třída* (Line B) and *Můstek* (Line A,C). The address is [Charvátova 10/39, Prague 1, 110 00](https://goo.gl/maps/Yh8qWagnqB1DvK676) ([Google Maps](https://goo.gl/maps/Yh8qWagnqB1DvK676)).
|
||||
- title: Will there be any food or drink?
|
||||
text: We don't know, but we'll do our best. This unfortunately depends on the sponsors.
|
||||
people:
|
||||
- id: mykola
|
||||
name: Mykola Siusko
|
||||
twitter: nicksvyaznoy
|
||||
img: mykola.png
|
||||
- id: tree
|
||||
name: Tree
|
||||
twitter: treecz
|
||||
img: tree.jpeg
|
||||
hosts:
|
||||
- mykola
|
||||
- tree
|
||||
program:
|
||||
- time: 9:00 - 9:30
|
||||
title: Registration & networking
|
||||
|
|
@ -88,4 +98,4 @@ program:
|
|||
|
||||
`);
|
||||
|
||||
export default CONFIG;
|
||||
export default CONFIG;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import config from '$lib/config';
|
||||
|
||||
export async function load({ params, url, fetch }) {
|
||||
return {
|
||||
config
|
||||
}
|
||||
return {
|
||||
config
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,76 +1,89 @@
|
|||
<script>
|
||||
import "../app.css";
|
||||
export let data;
|
||||
import '../app.css';
|
||||
export let data;
|
||||
|
||||
const menu = [
|
||||
{ title: 'About', url: '#about' },
|
||||
{ title: 'Speakers', url: '#speakers' },
|
||||
{ title: 'Program', url: '#program' },
|
||||
{ title: 'Sponsors', url: '#sponsors' },
|
||||
{ title: 'Ticket', url: '#ticket', class: 'button' }
|
||||
]
|
||||
const menu = [
|
||||
{ title: 'About', url: '#about' },
|
||||
{ title: 'Speakers', url: '#speakers' },
|
||||
{ title: 'Program', url: '#program' },
|
||||
{ title: 'Sponsors', url: '#sponsors' },
|
||||
{ title: 'Ticket', url: '#ticket', class: 'button' }
|
||||
];
|
||||
</script>
|
||||
|
||||
|
||||
<div class="relative w-full min-h-screen text-white">
|
||||
<div class="fixed w-full h-18 bg-black pt-6 md:pt-2 pb-2">
|
||||
<div class="middle-pane-big bg-black">
|
||||
<div class="flex">
|
||||
<div class="flex items-center gap-4 grow">
|
||||
<div class="w-20">
|
||||
<a href="https://web3privacy.info"><img src="/web3privacy.png" /></a>
|
||||
</div>
|
||||
<!--h1 class="text-2xl uppercase">{data.config.title}</h1-->
|
||||
</div>
|
||||
<div class="flex items-center gap-6 uppercase text-xl">
|
||||
{#each menu as mi}
|
||||
<div class={mi.class}><a href={mi.url}>{mi.title}</a></div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full h-screen">
|
||||
<div class="w-full h-full flex items-center text-center">
|
||||
<div class="mx-auto">
|
||||
<div class="text-5xl md:text-8xl font-bold uppercase mb-4 md:mb-8">{data.config.shortname}</div>
|
||||
<div class="text-3xl md:text-5xl md:mb-4">{data.config.date}</div>
|
||||
<div class="text-3xl md:text-5xl">{data.config.venue}</div>
|
||||
<div class="mt-8 text-lg text-mild mx-4">
|
||||
<p>Diving into the culture of the Web3 privacy industry</p>
|
||||
<p><a href="https://prgblockweek.com" class="underline hover:no-underline external external-mild">Prague Blockchain Week 2023</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fixed w-full h-18 bg-black pt-6 md:pt-2 pb-2">
|
||||
<div class="middle-pane-big bg-black">
|
||||
<div class="flex">
|
||||
<div class="flex items-center gap-4 grow">
|
||||
<div class="w-20">
|
||||
<a href="https://web3privacy.info"><img src="/web3privacy.png" /></a>
|
||||
</div>
|
||||
<!--h1 class="text-2xl uppercase">{data.config.title}</h1-->
|
||||
</div>
|
||||
<div class="flex items-center gap-6 uppercase text-xl">
|
||||
{#each menu as mi}
|
||||
<div class={mi.class}><a href={mi.url}>{mi.title}</a></div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full h-screen">
|
||||
<div class="w-full h-full flex items-center text-center">
|
||||
<div class="mx-auto">
|
||||
<div class="text-5xl md:text-8xl font-bold uppercase mb-4 md:mb-8">
|
||||
{data.config.shortname}
|
||||
</div>
|
||||
<div class="text-3xl md:text-5xl md:mb-4">{data.config.date}</div>
|
||||
<div class="text-3xl md:text-5xl uppercase">{data.config.venue}</div>
|
||||
<div class="mt-8 text-lg text-mild mx-4">
|
||||
<p>Diving into the culture of the Web3 privacy industry</p>
|
||||
<p>
|
||||
<a
|
||||
href="https://prgblockweek.com"
|
||||
target="_blank"
|
||||
class="underline hover:no-underline external external-mild"
|
||||
>Prague Blockchain Week 2023</a
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<slot />
|
||||
|
||||
<slot />
|
||||
|
||||
<footer class="pb-16 bg-black">
|
||||
<div class="middle-pane-big pt-6 mx-auto">
|
||||
<div class="flex items-center">
|
||||
<div class="grow">
|
||||
<div class="w-48">
|
||||
<a href="https://web3privacy.info"><img src="/web3privacy.png" /></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<div class="">
|
||||
<a class="inline-block w-5 mr-1" href="https://twitter.com/web3privacy">
|
||||
<svg viewBox="0 0 29 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M28.0266 3.12733C26.9955 3.62938 25.8872 3.96853 24.7242 4.12112C25.9113 3.34005 26.8231 2.10325 27.2524 0.629411C26.1413 1.35279 24.9107 1.87791 23.6009 2.16092C22.5522 0.934264 21.0578 0.167969 19.4039 0.167969C16.2285 0.167969 13.6538 2.99367 13.6538 6.47907C13.6538 6.97373 13.7047 7.45548 13.8028 7.91738C9.02398 7.6542 4.78719 5.14151 1.95117 1.3231C1.45622 2.25521 1.17259 3.33929 1.17259 4.49596C1.17259 6.68564 2.18771 8.61738 3.73058 9.74913C2.78804 9.71637 1.90142 9.43244 1.1262 8.95977C1.12555 8.98607 1.12555 9.01252 1.12555 9.03913C1.12555 12.0969 3.1076 14.6476 5.73804 15.2278C5.25556 15.3721 4.74758 15.4491 4.2232 15.4491C3.85268 15.4491 3.49255 15.4095 3.14137 15.3359C3.87315 17.8432 5.99658 19.6679 8.51282 19.7187C6.54493 21.4115 4.06569 22.4206 1.37163 22.4206C0.907503 22.4206 0.449828 22.3906 0 22.3323C2.54468 24.1231 5.56708 25.168 8.81424 25.168C19.3905 25.168 25.1742 15.5511 25.1742 7.21076C25.1742 6.93712 25.1686 6.66503 25.1576 6.39416C26.2809 5.50451 27.2556 4.39306 28.0265 3.12733H28.0266Z" fill="white"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://twitter.com/web3privacy" class="text-2xl no-underline hover:underline">
|
||||
@web3privacy
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-4 text-mild">
|
||||
💛 Collaboration of <a href="https://web3privacy.info" class="external external-mild">Web3Privacy Now</a> & <a href="https://ethbrno.cz" class="external external-mild">ETHBrno</a> team
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="pb-16 bg-black">
|
||||
<div class="middle-pane-big pt-6 mx-auto">
|
||||
<div class="flex items-center">
|
||||
<div class="grow">
|
||||
<div class="w-48">
|
||||
<a href="https://web3privacy.info"><img src="/web3privacy.png" /></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<div class="">
|
||||
<a class="inline-block w-5 mr-1" href="https://twitter.com/web3privacy">
|
||||
<svg viewBox="0 0 29 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M28.0266 3.12733C26.9955 3.62938 25.8872 3.96853 24.7242 4.12112C25.9113 3.34005 26.8231 2.10325 27.2524 0.629411C26.1413 1.35279 24.9107 1.87791 23.6009 2.16092C22.5522 0.934264 21.0578 0.167969 19.4039 0.167969C16.2285 0.167969 13.6538 2.99367 13.6538 6.47907C13.6538 6.97373 13.7047 7.45548 13.8028 7.91738C9.02398 7.6542 4.78719 5.14151 1.95117 1.3231C1.45622 2.25521 1.17259 3.33929 1.17259 4.49596C1.17259 6.68564 2.18771 8.61738 3.73058 9.74913C2.78804 9.71637 1.90142 9.43244 1.1262 8.95977C1.12555 8.98607 1.12555 9.01252 1.12555 9.03913C1.12555 12.0969 3.1076 14.6476 5.73804 15.2278C5.25556 15.3721 4.74758 15.4491 4.2232 15.4491C3.85268 15.4491 3.49255 15.4095 3.14137 15.3359C3.87315 17.8432 5.99658 19.6679 8.51282 19.7187C6.54493 21.4115 4.06569 22.4206 1.37163 22.4206C0.907503 22.4206 0.449828 22.3906 0 22.3323C2.54468 24.1231 5.56708 25.168 8.81424 25.168C19.3905 25.168 25.1742 15.5511 25.1742 7.21076C25.1742 6.93712 25.1686 6.66503 25.1576 6.39416C26.2809 5.50451 27.2556 4.39306 28.0265 3.12733H28.0266Z"
|
||||
fill="white"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://twitter.com/web3privacy" class="text-2xl no-underline hover:underline">
|
||||
@web3privacy
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-4 text-mild">
|
||||
💛 Collaboration of <a href="https://web3privacy.info" class="external external-mild"
|
||||
>Web3Privacy Now</a
|
||||
>
|
||||
& <a href="https://ethbrno.cz" class="external external-mild">ETHBrno</a> team
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,112 +1,140 @@
|
|||
<script>
|
||||
import SvelteMarkdown from 'svelte-markdown';
|
||||
import SvelteMarkdown from 'svelte-markdown';
|
||||
import PeopleList from '$lib/components/PeopleList.svelte';
|
||||
|
||||
export let data;
|
||||
export let data;
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>{data.config.title} | {data.config.date}</title>
|
||||
<title>{data.config.title} | {data.config.date}</title>
|
||||
</svelte:head>
|
||||
|
||||
<div class="bg-black" id="about">
|
||||
<div class="middle-pane-medium pb-16 text-xl text-center mx-auto">
|
||||
<div class="py-16 md:py-32 md:w-1/2 mx-auto markdown">
|
||||
<SvelteMarkdown source={data.config.slogan} />
|
||||
</div>
|
||||
<div class="section-header">Key themes</div>
|
||||
<div class="grid md:grid-cols-3 gap-4 md:gap-10">
|
||||
{#each data.config.themes as ti}
|
||||
<div class="bg-[#0d1117] hover:text-black hover:bg-white px-4 py-6">
|
||||
<div class="text-2xl uppercase">{ti.title}</div>
|
||||
<div class="mt-4 text-lg markdown">
|
||||
<SvelteMarkdown source={ti.desc} />
|
||||
</div>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
<div class="middle-pane-medium pb-16 text-xl text-center mx-auto">
|
||||
<div class="py-16 md:py-32 md:w-1/2 mx-auto markdown">
|
||||
<SvelteMarkdown source={data.config.slogan} />
|
||||
</div>
|
||||
<div class="section-header">Key themes</div>
|
||||
<div class="grid md:grid-cols-3 gap-4 md:gap-10">
|
||||
{#each data.config.themes as ti}
|
||||
<div class="bg-[#0d1117] hover:text-black hover:bg-white px-4 py-6">
|
||||
<div class="text-2xl uppercase">{ti.title}</div>
|
||||
<div class="mt-4 text-lg markdown">
|
||||
<SvelteMarkdown source={ti.desc} />
|
||||
</div>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="" id="speakers">
|
||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto">
|
||||
<div class="section-header">Speakers</div>
|
||||
<div class="pb-16 text-mild">To-be-announced</div>
|
||||
</div>
|
||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto">
|
||||
<div class="section-header">Speakers</div>
|
||||
<div class="pb-16 text-mild">To-be-announced</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="" id="hosts">
|
||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto">
|
||||
<div class="section-header">Hosts</div>
|
||||
<div class="mx-auto sm:w-1/3">
|
||||
<div class="pb-16 grid grid-cols-2 gap-4 sm:gap-10">
|
||||
<PeopleList items={data.config.hosts} people={data.config.people} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-black" id="program">
|
||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
||||
<div class="section-header">Program</div>
|
||||
<table class="table-auto table-custom w-full mx-0 lg:mx-8">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-right">time</th>
|
||||
<th class="text-left">topic</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{#each data.config.program as pi}
|
||||
<tr class="">
|
||||
<td class="text-right time xl:whitespace-nowrap sm:w-16 xl:w-36">{@html pi.time.split('-').map(x => x).join('<div class="xl:inline-block hidden mx-1">-</div>')} </td>
|
||||
<td class="text-left">
|
||||
<div class="text-xl">{pi.title} {pi.speakers ? '― '+pi.speakers[0]?.name : ''}</div>
|
||||
{#if pi.desc}
|
||||
<div class="mt-2 text-base description text-mild markdown">
|
||||
<SvelteMarkdown source={pi.desc} />
|
||||
</div>
|
||||
{/if}
|
||||
</td>
|
||||
</tr>
|
||||
{/each}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
||||
<div class="section-header">Program</div>
|
||||
<table class="table-auto table-custom w-full mx-0 lg:mx-8">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-right">time</th>
|
||||
<th class="text-left">topic</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{#each data.config.program as pi}
|
||||
<tr class="">
|
||||
<td class="text-right time xl:whitespace-nowrap sm:w-16 xl:w-36"
|
||||
>{@html pi.time
|
||||
.split('-')
|
||||
.map((x) => x)
|
||||
.join('<div class="xl:inline-block hidden mx-1">-</div>')}
|
||||
</td>
|
||||
<td class="text-left">
|
||||
<div class="text-xl">{pi.title} {pi.speakers ? '― ' + pi.speakers[0]?.name : ''}</div>
|
||||
{#if pi.desc}
|
||||
<div class="mt-2 text-base description text-mild markdown">
|
||||
<SvelteMarkdown source={pi.desc} />
|
||||
</div>
|
||||
{/if}
|
||||
</td>
|
||||
</tr>
|
||||
{/each}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="" id="sponsors">
|
||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
||||
<div class="section-header">Sponsors</div>
|
||||
<div>
|
||||
<a href="https://matrix.to/#/@tree:gwei.cz" target="_blank"><button class="py-2 px-5 bg-white text-black hover:bg-black border border-bg-white hover:text-white">Become a Sponsor</button></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
||||
<div class="section-header">Sponsors</div>
|
||||
<div>
|
||||
<a href="https://matrix.to/#/@tree:gwei.cz" target="_blank"
|
||||
><button
|
||||
class="py-2 px-5 bg-white text-black hover:bg-black border border-bg-white hover:text-white"
|
||||
>Become a Sponsor</button
|
||||
></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-black" id="ticket">
|
||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
||||
<div class="section-header">Ticket</div>
|
||||
<div class="grid lg:grid-cols-2 gap-10 md:w-2/3 mx-auto">
|
||||
{#each data.config.tickets as tt}
|
||||
<div class="bg-[#0d1117] hover:border-0 py-10 hover:text-black hover:bg-white px-10 cursor-pointer">
|
||||
<div class="text-3xl uppercase">{tt.title}</div>
|
||||
<div class="text-xl mt-6">{tt.price}</div>
|
||||
<ul class="mt-6 text-lg text-left list-disc px-6">
|
||||
{#each tt.includes as ti}
|
||||
<li>{ti}</li>
|
||||
{/each}
|
||||
</ul>
|
||||
<!--div class="mt-6">
|
||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
||||
<div class="section-header">Ticket</div>
|
||||
<div class="mb-8 text-lg text-mild">Be a part of the first Web3Privacy Summit experience…</div>
|
||||
<div class="grid lg:grid-cols-2 gap-10 md:w-2/3 mx-auto">
|
||||
{#each data.config.tickets as tt}
|
||||
<div
|
||||
class="bg-[#0d1117] hover:border-0 py-10 px-10 {false
|
||||
? 'hover:text-black hover:bg-white cursor-pointer'
|
||||
: ''}"
|
||||
>
|
||||
<div class="text-3xl uppercase">{tt.title}</div>
|
||||
<div class="text-xl mt-6">{tt.price}</div>
|
||||
<ul class="mt-6 text-lg text-left list-disc px-6">
|
||||
{#each tt.includes as ti}
|
||||
<li>{ti}</li>
|
||||
{/each}
|
||||
</ul>
|
||||
<!--div class="mt-6">
|
||||
<a href="/"><button class="py-2 px-5 bg-white text-black">Buy {tt.title} ticket</button></a>
|
||||
</div-->
|
||||
{#if tt.note}
|
||||
<div class="mt-10 text-base">{tt.note}</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
{#if tt.note}
|
||||
<div class="mt-10 text-base">{tt.note}</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
<div class="mt-8 text-xl">Tickets will go on sale in early March 2023.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-36" id="faq">
|
||||
<div class="middle-pane-medium pt-20 text-xl text-center mx-auto">
|
||||
<div class="section-header">FAQ</div>
|
||||
<div class="grid md:grid-cols-2 gap-2 md:gap-10">
|
||||
{#each data.config.faq as fi}
|
||||
<div class="py-10 px-4 hover:bg-white hover:text-black">
|
||||
<div class="text-2xl font-bold mb-6">{fi.title}</div>
|
||||
<div class="text-lg markdown"><SvelteMarkdown source={fi.text} /></div>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="middle-pane-medium pt-20 text-xl text-center mx-auto">
|
||||
<div class="section-header">FAQ</div>
|
||||
<div class="grid md:grid-cols-2 gap-2 md:gap-10">
|
||||
{#each data.config.faq as fi}
|
||||
<div class="py-10 px-4 hover:bg-white hover:text-black">
|
||||
<div class="text-2xl font-bold mb-6">{fi.title}</div>
|
||||
<div class="text-lg markdown"><SvelteMarkdown source={fi.text} /></div>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
BIN
static/people/mykola.png
Normal file
BIN
static/people/mykola.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
BIN
static/people/tree.jpeg
Normal file
BIN
static/people/tree.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
|
|
@ -6,7 +6,7 @@ const config = {
|
|||
kit: {
|
||||
adapter: adapter()
|
||||
},
|
||||
preprocess: vitePreprocess()
|
||||
preprocess: vitePreprocess()
|
||||
};
|
||||
|
||||
export default config;
|
||||
|
|
|
|||
|
|
@ -3,14 +3,14 @@
|
|||
const defaultTheme = require('tailwindcss/defaultTheme');
|
||||
|
||||
module.exports = {
|
||||
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
mono: ['Ubuntu Mono', ...defaultTheme.fontFamily.mono]
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
darkMode: ['class'],
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: [],
|
||||
darkMode: ['class']
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in a new issue