diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml index bcc2beb..c42b226 100644 --- a/.github/workflows/gh-pages.yml +++ b/.github/workflows/gh-pages.yml @@ -39,4 +39,4 @@ jobs: if: ${{ github.ref == 'refs/heads/main' }} with: github_token: ${{ secrets.GITHUB_TOKEN }} - publish_dir: ./build \ No newline at end of file + publish_dir: ./build diff --git a/postcss.config.cjs b/postcss.config.cjs index 33ad091..054c147 100644 --- a/postcss.config.cjs +++ b/postcss.config.cjs @@ -1,6 +1,6 @@ module.exports = { - plugins: { - tailwindcss: {}, - autoprefixer: {}, - }, -} + plugins: { + tailwindcss: {}, + autoprefixer: {} + } +}; diff --git a/src/app.css b/src/app.css index 4b4da6c..298f1d3 100644 --- a/src/app.css +++ b/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"); - } -} \ No newline at end of file + .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"); + } +} diff --git a/src/lib/components/PeopleList.svelte b/src/lib/components/PeopleList.svelte new file mode 100644 index 0000000..174a401 --- /dev/null +++ b/src/lib/components/PeopleList.svelte @@ -0,0 +1,25 @@ + + +{#each items.map(getPerson) as item} +
+
+ +
+
{item.name}
+
+ @{item.twitter} +
+
+{/each} diff --git a/src/lib/config.js b/src/lib/config.js index 67027e4..475a908 100644 --- a/src/lib/config.js +++ b/src/lib/config.js @@ -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; \ No newline at end of file +export default CONFIG; diff --git a/src/routes/+layout.js b/src/routes/+layout.js index 5d30c65..fe99e8b 100644 --- a/src/routes/+layout.js +++ b/src/routes/+layout.js @@ -1,7 +1,7 @@ import config from '$lib/config'; export async function load({ params, url, fetch }) { - return { - config - } + return { + config + }; } diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index de044ab..2e96512 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,76 +1,89 @@ -
-
-
-
-
-
- -
- -
-
- {#each menu as mi} -
{mi.title}
- {/each} -
-
-
-
-
-
-
-
{data.config.shortname}
-
{data.config.date}
-
{data.config.venue}
-
-

Diving into the culture of the Web3 privacy industry

-

Prague Blockchain Week 2023

-
-
+
+
+
+
+
+ +
+ +
+
+ {#each menu as mi} +
{mi.title}
+ {/each} +
+
+
+
+
+
+
+
+ {data.config.shortname} +
+
{data.config.date}
+
{data.config.venue}
+
+

Diving into the culture of the Web3 privacy industry

+

+ Prague Blockchain Week 2023 +

+
+
+
+
-
-
+ - - - +
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index b2b1df0..3d75ca0 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,112 +1,140 @@ - {data.config.title} | {data.config.date} + {data.config.title} | {data.config.date}
-
-
- -
-
Key themes
-
- {#each data.config.themes as ti} -
-
{ti.title}
-
- -
-
- {/each} -
-
+
+
+ +
+
Key themes
+
+ {#each data.config.themes as ti} +
+
{ti.title}
+
+ +
+
+ {/each} +
+
-
-
Speakers
-
To-be-announced
-
+
+
Speakers
+
To-be-announced
+
+
+ +
+
+
Hosts
+
+
+ +
+
+
-
-
Program
- - - - - - - - - {#each data.config.program as pi} - - - - - {/each} - -
timetopic
{@html pi.time.split('-').map(x => x).join('')} -
{pi.title} {pi.speakers ? '― '+pi.speakers[0]?.name : ''}
- {#if pi.desc} -
- -
- {/if} -
-
+
+
Program
+ + + + + + + + + {#each data.config.program as pi} + + + + + {/each} + +
timetopic
{@html pi.time + .split('-') + .map((x) => x) + .join('')} + +
{pi.title} {pi.speakers ? '― ' + pi.speakers[0]?.name : ''}
+ {#if pi.desc} +
+ +
+ {/if} +
+
-
-
Sponsors
-
- -
-
+
+
Sponsors
+
+ +
+
-
-
Ticket
-
- {#each data.config.tickets as tt} -
-
{tt.title}
-
{tt.price}
-
    - {#each tt.includes as ti} -
  • {ti}
    • - {/each} -
- - {#if tt.note} -
{tt.note}
- {/if} -
- {/each} -
-
+ {#if tt.note} +
{tt.note}
+ {/if} +
+ {/each} + +
Tickets will go on sale in early March 2023.
+
-
-
FAQ
-
- {#each data.config.faq as fi} -
-
{fi.title}
-
-
- {/each} -
-
-
\ No newline at end of file +
+
FAQ
+
+ {#each data.config.faq as fi} +
+
{fi.title}
+
+
+ {/each} +
+
+ diff --git a/static/people/mykola.png b/static/people/mykola.png new file mode 100644 index 0000000..5be4666 Binary files /dev/null and b/static/people/mykola.png differ diff --git a/static/people/tree.jpeg b/static/people/tree.jpeg new file mode 100644 index 0000000..a561694 Binary files /dev/null and b/static/people/tree.jpeg differ diff --git a/svelte.config.js b/svelte.config.js index 4ee5c29..a0a9bdb 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -6,7 +6,7 @@ const config = { kit: { adapter: adapter() }, - preprocess: vitePreprocess() + preprocess: vitePreprocess() }; export default config; diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 50e1276..d44cb06 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -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'] +};