diff --git a/src/app.css b/src/app.css index 4d03d26..49bfe10 100644 --- a/src/app.css +++ b/src/app.css @@ -1,4 +1,5 @@ -@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display:wght@400&display=swap'); @tailwind base; @tailwind components; @@ -6,16 +7,20 @@ @layer components { body { - @apply bg-[#0d1117]; + @apply bg-black; } * { - @apply font-mono; + @apply font-mono font-light; + } + + #header-shade { + @apply h-16 bg-gradient-to-b from-black to-transparent; } footer a, .markdown a { - @apply underline hover:no-underline; + @apply underline hover:no-underline text-white; } .markdown p { @@ -26,36 +31,38 @@ } .middle-pane-medium { - @apply max-w-7xl mx-auto px-4 xl:px-0; + @apply max-w-7xl mx-auto px-6 xl:px-0; } .middle-pane-big { @apply max-w-screen-2xl mx-auto px-6 2xl:px-0; } .button { - @apply px-3 py-1.5 text-black bg-white border border-black cursor-pointer; + /*@apply px-3 py-1.5 text-black bg-white border border-black cursor-pointer;*/ + @apply px-5 py-2 text-white bg-black border border-white cursor-pointer no-underline; } - .button:hover, .button-inactive { - @apply text-white bg-black border border-white; + .button:hover, + .button-inactive { + @apply text-black bg-white border border-black no-underline; } .button:hover.button-inactive { @apply cursor-default text-gray-600 border-gray-600; } .button-inverse { - @apply px-3 py-1.5 text-white bg-black border border-black cursor-pointer; + @apply px-5 py-2 text-white bg-black border border-black cursor-pointer; } .button-inverse:hover { @apply text-black bg-white border border-black; } .section-header { - @apply text-3xl md:text-5xl mb-8 md:mb-16 font-bold pt-10; + @apply inline-block font-mono2 lowercase text-xl md:text-3xl mb-8 md:mb-16 font-light pt-4 mt-6 border-t-2; } .section-subheader { - @apply text-3xl font-bold mb-4 md:mb-8; + @apply text-2xl font-mono2 lowercase mb-4 md:mb-8; } .text-mild { - @apply text-white/70; + @apply text-[#909090]; } .text-supermild { @apply text-white/40; @@ -79,7 +86,7 @@ @apply text-black; } .table-custom td { - @apply border border-b-0 border-l-0 border-r-0 border-gray-600; + /*@apply border border-b-0 border-l-0 border-r-0 border-gray-800;*/ } .table-custom td.time { @apply text-sm; @@ -87,22 +94,71 @@ .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"); + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' 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"); + } + .darker .external::after { + padding-left: 10px; + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='%23999999' 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"); + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' 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"); } .person-item:hover img { @apply grayscale-0 invert-0 blur-none; } - .person-item:hover .text-mild, - .person-item:hover .text-supermild, - .topic-item:hover .text-mild, - .topic-item:hover .text-supermild { + person-item:hover .text-mild, + .person-item:hover .text-supermild { @apply text-black; } .eligible .text-mild { @apply text-black; } + + .darker { + @apply text-[#999999]; + } + + #intro { + background-image: url(/bg.webp); + background-repeat: no-repeat; + background-size: cover; + background-color: black; + background-position: center; + } + + .faq-item:hover .desc { + @apply text-white; + } + .topic-item:hover .topic-header { + @apply bg-white text-black; + } + .topic-item:hover .markdown { + @apply text-white; + } + .topic-img { + @apply inline-block w-5/6 mb-6; + } + + .ticket-item { + position: relative; + } + .ticket-item .ticket-img { + z-index: -1; + position: absolute; + right: 0; + bottom: 0; + width: 16em; + height: 16em; + background-image: url(/ticket-full.png); + background-repeat: no-repeat; + background-size: cover; + background-color: black; + } + .ticket-item.party .ticket-img { + background-image: url(/ticket-party.png); + } + .ticket-item:hover .ticket-img { + filter: invert(100%); + } } diff --git a/src/lib/components/PeopleList.svelte b/src/lib/components/PeopleList.svelte index a9adf26..181fcff 100644 --- a/src/lib/components/PeopleList.svelte +++ b/src/lib/components/PeopleList.svelte @@ -20,23 +20,23 @@ } -{#each items.map(getPerson) as item} -
-
- +
+ {#each items.map(getPerson) as item} +
+
+ +
+
+
{item.name.toUpperCase()}
+
+ @{item.twitter} +
+ {#if item.caption} +
+ {/if} +
-
{item.name.toUpperCase()}
-
- @{item.twitter} -
- {#if item.caption} -
- {/if} -
-{/each} + {/each} +
diff --git a/src/lib/components/Web3Dialog.svelte b/src/lib/components/Web3Dialog.svelte index 50643bd..62a4a71 100644 --- a/src/lib/components/Web3Dialog.svelte +++ b/src/lib/components/Web3Dialog.svelte @@ -1,122 +1,133 @@ - + {#if !connected} -
- -
-
Once connected, you will see what discount you are entitled to - based on ownership of the specific ZK Badges or SBT tokens.
+
+ +
+
+ Once connected, you will see what discount you are entitled to - based on ownership of the + specific ZK Badges or SBT tokens. +
{/if} {#if connected} -
- Connected as: {selectedAccount} - -
- +
+
+ + {#each menu.filter((i) => !i.hidden) as mi} + + {/each}
- -
- +
+ {#if navbar} +
{#each menu.filter((i) => !i.hidden) as mi} - {/each}
- + {/if} - {#if navbar} -
- {#each menu.filter((i) => !i.hidden) as mi} -
- (navbar = false)} - > -
- {/each} -
- {/if} +
- {data.config.shortname.toUpperCase()} + {data.config.shortname.toLowerCase()}
-
- {data.config.date} @ - {data.config.venue} -
-
-

{data.config.slogan}

-

- +

+ {data.config.slogan} +

+

+

+
+
+
+ {data.config.date} AT + {data.config.venue} +
+
+ +
+
@@ -152,7 +169,7 @@
-
+
{data.config.parent} diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 27c1c6d..03d0072 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -19,19 +19,20 @@
-
-
- +
+
+

{data.config.intro_first}

+
+ +
-
Key themes
-
+
Main topics
+
{#each data.config.themes as ti} -
-
{ti.title.toUpperCase()}
-
+
+ +
{ti.title.toUpperCase()}
+
@@ -40,50 +41,57 @@
-
-
+
+
Speakers
-
- -
+
{#if data.config.speakersNote} -
{data.config.speakersNote}
+
{data.config.speakersNote}
{/if}
-
+
Hosts
-
- -
+ +
+
+
+ +
+
+
Partners
+
-
+
Program
{#if data.config.programNote} -
{data.config.programNote}
+
{data.config.programNote}
{/if}
{#each data.config.stages .map((s) => ({ ...s, program: data.config.program[s.id] })) .filter((s) => s.program) as stage}
-
{stage.name}
- - +
{stage.name}
+
+ {#each stage.program as pi} @@ -98,14 +106,14 @@ .join('')}
-
+
{pi.title} {pi.speakers ? '― ' + pi.speakers[0]?.name : ''}
{#if pi.desc} -
+
{/if} @@ -120,61 +128,45 @@
-
-
-
Sponsors
- -
-
- -
-
+
+
Ticket
-
{data.config.ticketsIntro}
-
+
{data.config.ticketsIntro}
+
{#each data.config.tickets as tt}
(data.config.ticketing ? goto(data.config.ticketingUrl) : false)} > -
+
+
{tt.title}
-
+
{tt.price}
-
    +
      {#each tt.includes as ti} -
    • {ti}
      • +
    • {ti}
      • {/each}
    {#if tt.note} -
    {tt.note}
    +
    {tt.note}
    {/if} {#if tt.hint} -
    +
    {/if}
{/each}
{#if data.config.ticketing} -
+
{/if} @@ -182,7 +174,7 @@
{data.config.ticketsNote}
{/if}
-
+
Get your discount
@@ -190,15 +182,16 @@
- -
-
+
+
FAQ
-
+
{#each data.config.faq as fi} -
-
{fi.title}
-
+
+
{fi.title}
+
+ +
{/each}
diff --git a/static/bg.png b/static/bg.png new file mode 100644 index 0000000..27b2920 Binary files /dev/null and b/static/bg.png differ diff --git a/static/bg.webp b/static/bg.webp new file mode 100644 index 0000000..a1a372b Binary files /dev/null and b/static/bg.webp differ diff --git a/static/logo.svg b/static/logo.svg new file mode 100644 index 0000000..bdd1f41 --- /dev/null +++ b/static/logo.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/static/ticket-full.png b/static/ticket-full.png new file mode 100644 index 0000000..1a2759b Binary files /dev/null and b/static/ticket-full.png differ diff --git a/static/ticket-party.png b/static/ticket-party.png new file mode 100644 index 0000000..44791bc Binary files /dev/null and b/static/ticket-party.png differ diff --git a/static/topics/convert.sh b/static/topics/convert.sh new file mode 100755 index 0000000..748a674 --- /dev/null +++ b/static/topics/convert.sh @@ -0,0 +1,5 @@ +#!/bin/bash +for file in * +do + cwebp -q 80 "$file" -o "${file%.png}.webp" +done diff --git a/static/topics/fullstack-privacy.png b/static/topics/fullstack-privacy.png new file mode 100644 index 0000000..f1a5bd7 Binary files /dev/null and b/static/topics/fullstack-privacy.png differ diff --git a/static/topics/fullstack-privacy.webp b/static/topics/fullstack-privacy.webp new file mode 100644 index 0000000..10402bd Binary files /dev/null and b/static/topics/fullstack-privacy.webp differ diff --git a/static/topics/human-rights-dao.png b/static/topics/human-rights-dao.png new file mode 100644 index 0000000..4b936ff Binary files /dev/null and b/static/topics/human-rights-dao.png differ diff --git a/static/topics/human-rights-dao.webp b/static/topics/human-rights-dao.webp new file mode 100644 index 0000000..ed5aac2 Binary files /dev/null and b/static/topics/human-rights-dao.webp differ diff --git a/static/topics/identity.png b/static/topics/identity.png new file mode 100644 index 0000000..e644761 Binary files /dev/null and b/static/topics/identity.png differ diff --git a/static/topics/identity.webp b/static/topics/identity.webp new file mode 100644 index 0000000..9490023 Binary files /dev/null and b/static/topics/identity.webp differ diff --git a/static/topics/lunarpunk-vs-solarpunk.png b/static/topics/lunarpunk-vs-solarpunk.png new file mode 100644 index 0000000..cafa073 Binary files /dev/null and b/static/topics/lunarpunk-vs-solarpunk.png differ diff --git a/static/topics/lunarpunk-vs-solarpunk.webp b/static/topics/lunarpunk-vs-solarpunk.webp new file mode 100644 index 0000000..3428628 Binary files /dev/null and b/static/topics/lunarpunk-vs-solarpunk.webp differ diff --git a/static/topics/mainstream-privacy.png b/static/topics/mainstream-privacy.png new file mode 100644 index 0000000..06809b9 Binary files /dev/null and b/static/topics/mainstream-privacy.png differ diff --git a/static/topics/mainstream-privacy.webp b/static/topics/mainstream-privacy.webp new file mode 100644 index 0000000..d7d19be Binary files /dev/null and b/static/topics/mainstream-privacy.webp differ diff --git a/static/topics/network-states.png b/static/topics/network-states.png new file mode 100644 index 0000000..f399d51 Binary files /dev/null and b/static/topics/network-states.png differ diff --git a/static/topics/network-states.webp b/static/topics/network-states.webp new file mode 100644 index 0000000..43f3151 Binary files /dev/null and b/static/topics/network-states.webp differ diff --git a/static/topics/privacy-activism.png b/static/topics/privacy-activism.png new file mode 100644 index 0000000..6e3cb96 Binary files /dev/null and b/static/topics/privacy-activism.png differ diff --git a/static/topics/privacy-activism.webp b/static/topics/privacy-activism.webp new file mode 100644 index 0000000..30034e1 Binary files /dev/null and b/static/topics/privacy-activism.webp differ diff --git a/static/topics/privacy-readiness-levels.png b/static/topics/privacy-readiness-levels.png new file mode 100644 index 0000000..1169c15 Binary files /dev/null and b/static/topics/privacy-readiness-levels.png differ diff --git a/static/topics/privacy-readiness-levels.webp b/static/topics/privacy-readiness-levels.webp new file mode 100644 index 0000000..b7e48c8 Binary files /dev/null and b/static/topics/privacy-readiness-levels.webp differ diff --git a/static/topics/privacy-wars.png b/static/topics/privacy-wars.png new file mode 100644 index 0000000..d6846ad Binary files /dev/null and b/static/topics/privacy-wars.png differ diff --git a/static/topics/privacy-wars.webp b/static/topics/privacy-wars.webp new file mode 100644 index 0000000..8cc05b7 Binary files /dev/null and b/static/topics/privacy-wars.webp differ diff --git a/static/topics/private-messaging-protocols.png b/static/topics/private-messaging-protocols.png new file mode 100644 index 0000000..5a3b612 Binary files /dev/null and b/static/topics/private-messaging-protocols.png differ diff --git a/static/topics/private-messaging-protocols.webp b/static/topics/private-messaging-protocols.webp new file mode 100644 index 0000000..9b5afd9 Binary files /dev/null and b/static/topics/private-messaging-protocols.webp differ diff --git a/static/topics/rd-zk-mpc-the.png b/static/topics/rd-zk-mpc-the.png new file mode 100644 index 0000000..eddc55c Binary files /dev/null and b/static/topics/rd-zk-mpc-the.png differ diff --git a/static/topics/rd-zk-mpc-the.webp b/static/topics/rd-zk-mpc-the.webp new file mode 100644 index 0000000..1881c9d Binary files /dev/null and b/static/topics/rd-zk-mpc-the.webp differ diff --git a/static/topics/regulations-vs-privacy.png b/static/topics/regulations-vs-privacy.png new file mode 100644 index 0000000..a9a54cb Binary files /dev/null and b/static/topics/regulations-vs-privacy.png differ diff --git a/static/topics/regulations-vs-privacy.webp b/static/topics/regulations-vs-privacy.webp new file mode 100644 index 0000000..a3cee78 Binary files /dev/null and b/static/topics/regulations-vs-privacy.webp differ diff --git a/tailwind.config.cjs b/tailwind.config.cjs index d44cb06..8a5bb2b 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -7,7 +7,8 @@ module.exports = { theme: { extend: { fontFamily: { - mono: ['Ubuntu Mono', ...defaultTheme.fontFamily.mono] + mono: ['DM Mono', ...defaultTheme.fontFamily.mono], + mono2: ['Major Mono Display', ...defaultTheme.fontFamily.mono] } } },