Skip to content

Commit b42c085

Browse files
lassejacolassejaco
committed
minimal destino
1 parent a47444c commit b42c085

6 files changed

Lines changed: 114 additions & 80 deletions

File tree

‎devconnect/cms/pages/destino_devconnect.mdx‎

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -14,19 +14,15 @@ destino_devconnect_about:
1414
You can apply for free tickets, discounts and scholarships to join this
1515
special edition!
1616
what_is_it: >
17-
###### Whether you’re part of a community, representing a university or
17+
Whether you’re part of a community, representing a university or
1818
startup, organizing a side event or hacker house, or bringing your
1919
company or study group to the cowork, there’s a way to join the
2020
experience
21-
- title: 'Become an EWFren! '
21+
- title: Become a Devconnect Fren
2222
what_is_it: >
23-
###### Join the EWFrens Program and become part of Ethereum World Fair
24-
Friends.
25-
26-
27-
###### Support the Fair by spreading the word, collaborating with your
28-
community, gaining visibility, and connecting with the Ethereum
29-
ecosystem!
23+
Join the Devconnect Frens Program and support the Ethereum World Fair by
24+
spreading the word, collaborating with your community, gaining
25+
visibility, and connecting with the Ethereum ecosystem!
3026
destino_devconnect_who_can_apply:
3127
title: Requirements to Apply
3228
description: You're eligible if you...

‎devconnect/src/common/components/ba/destino/destino.module.scss‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
.bg-gradient {
2-
background: linear-gradient(to bottom, #6060a2, #36364c);
2+
background: linear-gradient(to bottom, #535388, #36364c);
3+
padding-bottom: 64px;
34
}
45

56
.tiled {

‎devconnect/src/common/components/ba/destino/destino.tsx‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ import DestinoLogo from './images/destino-logo.png'
2020
import { Popover, PopoverContent, PopoverTrigger } from 'lib/components/ui/popover'
2121
import css from 'styled-jsx/css'
2222
import Link from 'next/link'
23+
import { Separator } from 'lib/components/ui/separator'
2324

2425
// https://docs.google.com/document/d/1v5vm0fDMS_5L2uDvuwjkahOcoy8-khFKTi3rGOsfQEw/edit?pli=1&tab=t.0#heading=h.3h638filjl7g
2526

@@ -96,15 +97,16 @@ const Destino = ({ content, events }: { content: any; events: any }) => {
9697
>
9798
<Hero content={content} />
9899

99-
<div className={cn('flex flex-col justify-center w-full relative overflow-hidden pb-24')}>
100+
<div className={cn('flex flex-col justify-center w-full relative overflow-hidden')}>
100101
<SecondSection content={content} />
102+
{/* <RichText content={content.destino_devconnect_about} /> */}
101103
<ExtraSectionAddedLater />
102-
<ThirdSection content={content} />
103-
<FourthSection content={content} />
104+
{/* <ThirdSection content={content} /> */}
105+
{/* <FourthSection content={content} /> */}
104106
</div>
105107

106-
<div className="flex flex-col items-center justify-center gap-4 my-16 mb-24">
107-
<p className="text-white text-xl font-semibold">Ready to become an EWFren? Apply now!</p>
108+
{/* <div className="flex flex-col items-center justify-center gap-4 my-16 mb-24">
109+
<p className="text-white text-xl font-semibold">Ready to become a Devconnect Fren? Apply now!</p>
108110
<Link href="https://esp.ethereum.foundation/devcon-grants/apply">
109111
<button
110112
className={cn(
@@ -117,10 +119,11 @@ const Destino = ({ content, events }: { content: any; events: any }) => {
117119
</div>
118120
</button>
119121
</Link>
120-
</div>
122+
</div> */}
121123

122-
<div className="flex flex-col items-center justify-center gap-0 mb-24 overflow-hidden bg-white/10" id="events">
124+
<div className="flex flex-col" id="events">
123125
<HowToApply content={content} />
126+
{/* <Image src={Guanaco} alt="Guanaco" className={cn('object-contain w-[103px] h-[152px] outline-none')} /> */}
124127
<EventsList content={content} events={events} />
125128
</div>
126129
</div>

‎devconnect/src/common/components/ba/destino/sections.module.scss‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -213,3 +213,9 @@
213213
text-decoration: underline !important;
214214
}
215215
}
216+
217+
.destino-rainbow {
218+
background: linear-gradient(to right, #ff66c4, #ff9933, #ffee00, #63ca44, #33ccff);
219+
-webkit-background-clip: text;
220+
-webkit-text-fill-color: transparent;
221+
}

‎devconnect/src/common/components/ba/destino/sections.tsx‎

Lines changed: 89 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ import Missing from 'assets/images/404.png'
2727
import RichText from 'lib/components/tina-cms/RichText'
2828
import Link from 'common/components/link/Link'
2929
import dynamic from 'next/dynamic'
30+
import { Separator } from 'lib/components/ui/separator'
3031

3132
const EventsTable = dynamic(() => import('./event-table').then(mod => mod.EventsTable), { ssr: false })
3233

@@ -51,7 +52,7 @@ export const FirstSection = ({ content }: { content: any }) => {
5152
<RichText content={content.intro.destino_devconnect_intro} className={styles['cms-styling']} />
5253
</div>
5354

54-
<Link href="https://esp.ethereum.foundation/devcon-grants/apply">
55+
<Link href="https://ef-events.notion.site/EWFrens-Program-Destino-Support-278638cdc4158077837dc3de2bd471ae">
5556
<button
5657
className={cn(
5758
'border-solid border-b-[6px] group px-8 py-2 mt-2 border-[#F58A36] text-[#36364C] text-xl font-semibold bg-[#ffa94e] hover:bg-[#f5a236] transition-colors hover:border-opacity-0',
@@ -369,13 +370,13 @@ const Platform = ({
369370
reverse ? 'scale-x-[-1] !translate-x-[-65%] right-1/2 left-auto' : ''
370371
)}
371372
/>
372-
{showSign && (
373+
{/* {showSign && (
373374
<Image
374375
src={Sign}
375376
alt="Sign"
376377
className="absolute z-[12] top-0 right-0 lg:translate-x-[-100%] xl:translate-x-[-140%] 2xl:translate-x-[-160%] w-[120px] translate-y-[70%] hidden xl:block"
377378
/>
378-
)}
379+
)} */}
379380
</TriangleSection>
380381
<TriangleSection
381382
className={cn('absolute bottom-0 left-0 right-0 h-[3000px] z-[9]', triangleColor, styles[grassColor])}
@@ -399,19 +400,19 @@ export const SecondSection = ({ content }: { content: any }) => {
399400
triangleColorShade2={shade2}
400401
sectionContentId="second-section-content"
401402
sectionId="second-section"
402-
guanacoSpeechString="Are you an EWFren?"
403+
guanacoSpeechString="Are you a Devconnect Fren?"
403404
grassColor="grass"
404405
showSign
405406
>
406407
<div
407408
className={cn(
408-
'flex flex-col gap-0 justify-center items-center text-center w-full pt-16 pb-40 md:pb-8 lg:pt-8 lg:pb-16 xl:pb-8 xl:mb-8 lg:translate-y-[15%] xl:translate-y-[26%] 2xl:translate-y-[45%] lg:h-[500px] xl:h-[360px]'
409+
'flex flex-col gap-0 justify-center items-center text-center w-full pt-16 pb-40 md:pb-8 lg:pt-8 lg:pb-16 xl:pb-8 xl:mb-8 lg:translate-y-[15%] xl:translate-y-[40%] lg:h-[500px] xl:h-[270px] 12xl:translate-y-[45%] 2xl:h-[230px] 2xl:translate-y-[60%]'
409410
)}
410411
>
411-
<div className="text-white text-3xl font-semibold w-[500px] max-w-[95%] shrink-0 mb-4 ">
412+
<div className="text-white text-3xl font-semibold w-[600px] max-w-[95%] shrink-0 mb-4 ">
412413
{content.destino_devconnect_about.title}
413414
</div>
414-
<div className="flex flex-col gap-4 w-[500px] max-w-[95%] relative text-lg shrink-0">
415+
<div className="flex flex-col gap-4 w-[600px] max-w-[95%] relative text-lg shrink-0">
415416
<Image
416417
src={Tree}
417418
alt="Tree"
@@ -431,7 +432,7 @@ export const SecondSection = ({ content }: { content: any }) => {
431432
<Image
432433
src={Tree}
433434
alt="Tree"
434-
className="absolute top-0 right-0 translate-x-[100%] translate-y-[30%] scale-[0.8]"
435+
className="absolute top-0 right-0 translate-x-[120%] translate-y-[30%] scale-[0.8]"
435436
/>
436437

437438
<RichText content={content.destino_devconnect_about.description} />
@@ -579,69 +580,90 @@ export const FourthSection = ({ content }: { content: any }) => {
579580
// Epic naming, but this is a mess anyway...
580581
export const ExtraSectionAddedLater = () => {
581582
return (
582-
<div className="z-[9] relative pt-20">
583-
<div className={cn('absolute bottom-0 left-0 right-0 h-[3000px] bg-[#535388]')}>
583+
<div className="z-[9] relative">
584+
{/* <div className={cn('absolute bottom-0 left-0 right-0 h-[3000px] bg-[#535388]')}>
584585
<></>
585-
</div>
586+
</div> */}
586587
<div
587-
className="flex flex-col items-center justify-center gap-4 relative bg-[#535388]"
588+
className="flex flex-col items-center justify-center gap-4 relative" // bg-[#535388]"
588589
// style={{
589590
// maskImage: 'linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%)',
590591
// WebkitMaskImage: 'linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%)',
591592
// }}
592593
>
593-
<div className="flex flex-col items-center justify-center gap-6 w-[800px] max-w-[95%] text-center z-[1] py-16">
594-
<h2 className="text-white text-3xl font-semibold mb-4">What We're Looking for in the EWFren Program</h2>
595-
596-
<div className="text-yellow-400 text-lg font-medium">Request Tickets and Discounts</div>
597-
598-
<div className="space-y-4 text-white text-base leading-relaxed">
599-
<div className="bg-white/10 py-4 px-2 backdrop-blur-sm rounded-lg">
600-
<strong>Universities:</strong> Invite your university - you can even organize a class or workshop inside
601-
La Rural!
594+
<div className="section">
595+
<div className="flex flex-col items-center justify-center z-[1] py-16 gap-8 pt-40">
596+
<h2 className="text-white text-2xl lg:text-3xl font-medium mb-4 text-center">
597+
Who we're looking for in the Devconnect Fren program
598+
</h2>
599+
600+
{/* <div className="text-yellow-400 text-lg font-medium">Request Tickets and Discounts</div> */}
601+
602+
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 text-white text-base leading-relaxed text-center text-sm">
603+
<div className="bg-slate-800 py-4 px-4 backdrop-blur-sm flex justify-center items-center shadow-lg">
604+
<div className="flex flex-col items-center justify-center gap-1">
605+
<span className="text-[#eca159] font-medium text-lg">Universities</span>
606+
Invite your university - you can even organize a class or workshop inside La Rural!
607+
</div>
608+
</div>
609+
<div className="bg-slate-800 py-4 px-4 backdrop-blur-sm flex justify-center items-center shadow-lg">
610+
<div className="flex flex-col items-center justify-center gap-1">
611+
<span className="text-[#eca159] font-medium text-lg">Startups</span>
612+
Apply with your startup group - we offer large, innovative coworking spaces, including quiet areas and
613+
meeting rooms.
614+
</div>
615+
</div>
616+
<div className="bg-slate-800 py-4 px-4 backdrop-blur-sm flex justify-center items-center shadow-lg">
617+
<div className="flex flex-col items-center justify-center gap-1">
618+
<span className="text-[#eca159] font-medium text-lg">Communities</span>
619+
Apply with your community to be part of the experience and connect with the Ethereum ecosystem.
620+
</div>
621+
</div>
602622
</div>
603623

604-
<div className="bg-white/10 py-4 px-2 backdrop-blur-sm rounded-lg">
605-
<strong>Startups:</strong> Apply with your startup group - we offer large, innovative coworking spaces,
606-
including quiet areas and meeting rooms.
624+
<div className="backdrop-blur-sm flex my-4 shadow-lg">
625+
<div
626+
className="self-start w-auto bg-slate-900 p-4 px-8 text-center"
627+
style={{
628+
borderImage:
629+
'linear-gradient(137.84deg, #F6B613 12.86%, #FF85A6 40.77%, #9894FF 67.87%, #33ccff 97.26%)',
630+
borderImageSlice: 1,
631+
borderWidth: '1px',
632+
borderStyle: 'solid',
633+
}}
634+
>
635+
<span className="font-medium">Scholarships Available </span> — Up to{' '}
636+
<span className="text-[#eca159] font-medium">$1,000 USD in funding support</span> is available for
637+
initiatives that help groups attend the Ethereum World Fair.
638+
</div>
607639
</div>
608640

609-
<div className="bg-white/10 py-4 px-2 backdrop-blur-sm rounded-lg">
610-
<strong>Communities:</strong> Apply with your community to be part of the experience and connect with the
611-
Ethereum ecosystem.
641+
<div className="text-center">
642+
<p className="text-white/90 text-sm">
643+
Support can include transportation from distant locations, assistance with travel costs, or partial
644+
scholarships for builders attending their first Devconnect.
645+
</p>
646+
647+
<p className="text-white/90 text-sm mt-2">
648+
Note: The budget is limited. We will not provide $1,000 to support a single builder. This funding is
649+
intended for communities or initiatives that can collectively support multiple participants attending
650+
the Ethereum World Fair. We prioritize initiatives that have the greatest impact across communities.
651+
</p>
612652
</div>
613-
</div>
614653

615-
<div className="p-6">
616-
<h3 className="text-yellow-400 text-xl font-semibold mb-3">💰 Scholarships Available</h3>
617-
<p className="text-white text-lg font-medium mb-3">
618-
Up to <span className="text-yellow-400 font-bold">$1,000 USD in funding support</span> is available for
619-
initiatives that help groups attend the Ethereum World Fair.
620-
</p>
621-
<p className="text-white/90 text-sm italic">
622-
This can include transportation from distant locations, support with travel costs, or partial scholarships
623-
for builders attending their first Devconnect.
624-
</p>
625-
626-
<p className="text-white/90 text-sm italic mt-2">
627-
Note: The budget is limited. We will not provide $1,000 to support a single builder. This funding is
628-
intended for communities or initiatives that can collectively support multiple participants attending the
629-
Ethereum World Fair. We prioritize initiatives that have the greatest impact across communities.
630-
</p>
654+
<Link href="https://ef-events.notion.site/EWFrens-Program-Destino-Support-278638cdc4158077837dc3de2bd471ae">
655+
<button
656+
className={cn(
657+
'border-solid border-b-[6px] group px-8 py-2 mt-2 border-[#F58A36] text-[#36364C] text-xl font-semibold bg-[#ffa94e] hover:bg-[#f5a236] transition-colors hover:border-opacity-0',
658+
styles['tiled-button']
659+
)}
660+
>
661+
<div className="group-hover:translate-y-[3px] transition-transform uppercase">
662+
{(globalThis as any).translations.apply_now_tickets || 'Apply For Tickets'}
663+
</div>
664+
</button>
665+
</Link>
631666
</div>
632-
633-
<Link href="https://esp.ethereum.foundation/devcon-grants/apply">
634-
<button
635-
className={cn(
636-
'border-solid border-b-[6px] group px-8 py-2 mt-2 border-[#F58A36] text-[#36364C] text-xl font-semibold bg-[#ffa94e] hover:bg-[#f5a236] transition-colors hover:border-opacity-0',
637-
styles['tiled-button']
638-
)}
639-
>
640-
<div className="group-hover:translate-y-[3px] transition-transform uppercase">
641-
{(globalThis as any).translations.apply_now_tickets || 'Apply For Tickets'}
642-
</div>
643-
</button>
644-
</Link>
645667
</div>
646668
</div>
647669
</div>
@@ -650,16 +672,18 @@ export const ExtraSectionAddedLater = () => {
650672

651673
export const HowToApply = ({ content }: { content: any }) => {
652674
return (
653-
<div className="section mt-24">
654-
<div className="flex flex-col items-center justify-center gap-4">
655-
<div className="flex flex-col items-center justify-center gap-0 w-[600px] max-w-[95%] text-center">
656-
<div className="text-white text-3xl font-semibold mb-8">
675+
<div className="section">
676+
<Separator className="mb-12 !bg-[#b9b9b9]" />
677+
<div className="flex gap-4">
678+
<div className="flex flex-col gap-0 w-[900px]">
679+
<div className={cn('text-2xl lg:text-3xl font-medium mb-4 self-start', styles['destino-rainbow'])}>
657680
{content.destino_devconnect_where_to_apply.title}
658681
</div>
659682
<div className="text-white">{content.destino_devconnect_where_to_apply.description}</div>
660-
<div className="text-neutral-300 text-sm opacity-90 mb-8 mt-4 leading-tight">
683+
<div className="text-sm mb-8 mt-4 leading-tight text-[#eca159]">
661684
{content.destino_devconnect_where_to_apply.where_to_apply}
662685
</div>
686+
663687
{/* <Link href="https://esp.ethereum.foundation/devcon-grants/apply">
664688
<button
665689
className={cn(
@@ -673,6 +697,9 @@ export const HowToApply = ({ content }: { content: any }) => {
673697
</button>
674698
</Link> */}
675699
</div>
700+
<div className="grow justify-end pr-16 hidden lg:flex">
701+
<Image src={Guanaco} alt="Guanaco" className={cn('object-contain w-[103px] outline-none')} />
702+
</div>
676703
</div>
677704
</div>
678705
)

‎devconnect/src/common/components/layout/menu.module.scss‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -311,6 +311,7 @@ $width-right-column: 190px;
311311
background: linear-gradient(to right, #ff66c4, #ff9933, #ffee00, #63ca44, #33ccff);
312312
-webkit-background-clip: text;
313313
-webkit-text-fill-color: transparent;
314+
font-weight: 500;
314315
}
315316

316317
.ethday-rainbow {
@@ -328,4 +329,4 @@ $width-right-column: 190px;
328329
@media (max-width: 1093px) {
329330
font-size: 14px;
330331
}
331-
}
332+
}

0 commit comments

Comments
 (0)