diff --git a/package-lock.json b/package-lock.json index f48ee32..1b85b3c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,10 +15,12 @@ "eslint": "^8.28.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-svelte3": "^4.0.0", + "js-yaml": "^4.1.0", "postcss": "^8.4.21", "prettier": "^2.8.0", "prettier-plugin-svelte": "^2.8.1", "svelte": "^3.54.0", + "svelte-markdown": "^0.2.3", "tailwindcss": "^3.2.6", "vite": "^4.0.0" } @@ -558,6 +560,12 @@ "integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==", "dev": true }, + "node_modules/@types/marked": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@types/marked/-/marked-4.0.8.tgz", + "integrity": "sha512-HVNzMT5QlWCOdeuBsgXP8EZzKUf0+AXzN+sLmjvaB3ZlLqO+e4u0uXrdw9ub69wBKFs+c6/pA4r9sy6cCDvImw==", + "dev": true + }, "node_modules/acorn": { "version": "8.8.2", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz", @@ -1744,6 +1752,18 @@ "node": ">=12" } }, + "node_modules/marked": { + "version": "4.2.12", + "resolved": "https://registry.npmjs.org/marked/-/marked-4.2.12.tgz", + "integrity": "sha512-yr8hSKa3Fv4D3jdZmtMMPghgVt6TWbk86WQaWhDloQjRSQhMMYCAro7jP7VDJrjjdV8pxVxMssXS8B8Y5DZ5aw==", + "dev": true, + "bin": { + "marked": "bin/marked.js" + }, + "engines": { + "node": ">= 12" + } + }, "node_modules/merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", @@ -2467,6 +2487,19 @@ "svelte": ">=3.19.0" } }, + "node_modules/svelte-markdown": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/svelte-markdown/-/svelte-markdown-0.2.3.tgz", + "integrity": "sha512-2h680NzTXnAD0CXhxe3GeHl6W+ayG4iKQRl+BIDRw+R0mUE0OiNxP1Vt8Rn+aWevB/LBiBIPCAwvL+0BkG057A==", + "dev": true, + "dependencies": { + "@types/marked": "^4.0.1", + "marked": "^4.0.10" + }, + "peerDependencies": { + "svelte": "^3.0.0" + } + }, "node_modules/tailwindcss": { "version": "3.2.6", "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.6.tgz", diff --git a/package.json b/package.json index bbc1de4..0212e05 100644 --- a/package.json +++ b/package.json @@ -17,10 +17,12 @@ "eslint": "^8.28.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-svelte3": "^4.0.0", + "js-yaml": "^4.1.0", "postcss": "^8.4.21", "prettier": "^2.8.0", "prettier-plugin-svelte": "^2.8.1", "svelte": "^3.54.0", + "svelte-markdown": "^0.2.3", "tailwindcss": "^3.2.6", "vite": "^4.0.0" }, diff --git a/src/app.css b/src/app.css index 367d3d1..3267ae6 100644 --- a/src/app.css +++ b/src/app.css @@ -15,7 +15,7 @@ @apply font-mono; } - footer a { + footer a, .markdown a { @apply underline hover:no-underline; } @@ -30,6 +30,29 @@ @apply px-3 py-1.5 text-black bg-white; } .section-header { - @apply text-5xl mb-16 font-bold; + @apply text-5xl mb-16 font-bold pt-10; + } + + .text-mild { + @apply text-white/70; + } + + table.table-custom { + @apply text-base; + } + .table-custom td, .table-custom th { + @apply px-4 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; } } \ No newline at end of file diff --git a/src/lib/config.js b/src/lib/config.js index 50f8465..65256a9 100644 --- a/src/lib/config.js +++ b/src/lib/config.js @@ -1,25 +1,85 @@ -export default { - title: 'Web3Privacy Prague 2023', - shortname: 'Web3Privacy Summit', - date: 'Monday, 5. June 2023', - venue: 'X10, Prague', - themes: [ - { title: 'Human rights DAOs (pro-privacy)' }, - { title: 'Identity (ID)' }, - { title: 'Mixnets → Full-Stack Privacy' }, - { title: 'Cryptography' }, - { title: 'Tech journalists' }, - { title: 'Asian community' }, - { title: 'Privacy wars' }, - { title: 'Privacy workforce' }, - { title: 'Privacy activist\'s' }, - { title: 'R&D (ZK, MPC)' }, - { title: 'Network states (with a privacy focus)' }, - { title: 'Solarpunk vs Lunarpunk' }, - { title: 'Veksl' } - ], - tickets: [ - { title: 'Conference ticket' }, - { title: 'Party ticket' } - ], -} \ No newline at end of file +import yaml from 'js-yaml'; + +const CONFIG = yaml.load(` + +title: Web3Privacy Prague 2023 +shortname: Web3Privacy Summit +date: Monday, 5. June 2023 +venue: X10, Prague +themes: +- title: Human rights DAOs (pro-privacy) +- title: Identity (ID) +- title: Mixnets → Full-Stack Privacy +- title: Cryptography +- title: Tech journalists +- title: Asian community +- title: Privacy wars +- title: Privacy workforce +- title: "Privacy activist's" +- title: R&D (ZK, MPC) +- title: Network states (with a privacy focus) +- title: Solarpunk vs Lunarpunk +- title: Veksl +tickets: +- title: All-day Access + price: 2350 CZK (~99 EUR) + includes: + - All talks & panels + - Coffee breaks + - Buffet lunch + - Networking drinks with speakers & attendees +- title: "#Lunarpunk Party" + price: 350 CZK (~15 EUR) + includes: + - 20:00 - morning + - Prague rave from top DJs + - VJs and projections + - Networking with attendees, speakers & sponsors + note: "*Party access is included in the All-day Pass" +faq: +- title: Who is the event for? + text: | + Our event is for anyone interested in privacy topics in the Web3 industry. There will be space for about 300 enthusiasts. +- 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. +program: +- time: 9:00 - 9:30 + title: Registration & networking +- time: 9:30 - 9:35 + title: Welcome to Web3Privacy + speakers: + - name: TBA + desc: | + Welcoming visitors to our private-centric research, community and conference +- time: 9:35 - 10:55 + title: Talks I. +- time: 10:55 - 11:20 + title: 25min Coffee Break +- time: 11:25 - 12:40 + title: Talks II. +- time: 12:40 - 14:00 + title: Lunch & Networking +- time: 14:00 - 15:40 + title: Talks III. +- time: 15:40 - 16:05 + title: 25min Coffee Break +- time: 16:10 - 18:30 + title: Talks IV. +- time: 18:30 - 18:35 + title: Closing Remarks + speakers: + - name: TBA +- time: 18:30 - 20:00 + title: Networking & Drinks +- time: 20:00 - 4:00 + title: "#Lunarpunk party" + desc: | + Enjoy our afterparty in Lunarpunk style with quality Prague rave DJs, which will take place in the same venue until the morning (4am). + +`); + +export default CONFIG; \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index c99ad98..2e5a85b 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -9,7 +9,6 @@ { title: 'Sponsors', url: '#sponsors' }, { title: 'Ticket', url: '#ticket', class: 'button' } ] - @@ -37,7 +36,7 @@
{data.config.shortname}
{data.config.date}
{data.config.venue}
-
+

Diving into the culture of the Web3 privacy industry

Prague Blockchain Week 2023

@@ -57,14 +56,19 @@
-
- - +
+ + + + @web3privacy + +
+
+ 💛 Collaboration of Web3Privacy Now & ETHBrno team
-
💛 Collaboration of Web3Privacy Now & ETHBrno team
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 67b93d3..c1e5401 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,4 +1,6 @@ @@ -14,7 +16,7 @@
Key themes
{#each data.config.themes as ti} -
+
{ti.title}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tincidunt eros eu malesuada. Vivamus in urna at ex dictum pretium quis a erat.
@@ -31,25 +33,74 @@
-
-
+
+
Program
+ + + + + + + + + {#each data.config.program as pi} + + + + + {/each} + +
timetopic
{pi.time} +
{pi.title} {pi.speakers ? '― '+pi.speakers[0]?.name : ''}
+ {#if pi.desc} +
+ +
+ {/if} +
-
+
Sponsors
-
-
+
+
Ticket
-
+
{#each data.config.tickets as tt} -
-
{tt.title}
+
+
{tt.title}
+
{tt.price}
+
    + {#each tt.includes as ti} +
  • {ti}
    • + {/each} +
+ + {#if tt.note} +
{tt.note}
+ {/if} +
+ {/each} +
+
+
+ +
+
+
FAQ
+
+ {#each data.config.faq as fi} +
+
{fi.title}
+
{/each}