ethereum day + programming for calendar

Author: lassejaco

devconnect/cms/pages/es/index.mdx

@@ -62,6 +62,18 @@ how_to_contribute: >
   La Feria Mundial de Ethereum muestra lo que Ethereum puede hacer a través de aplicaciones reales,
   infraestructura, comunidad y el impulso local. Solo funciona cuando los constructores lanzan,
   las comunidades se presentan y conectan, y los colaboradores ayudan a unirlo todo.
+ethereum_day_cta: >
+  #### El **Ethereum Day** reúne el mundo de Ethereum en un solo escenario. Desde las próximas grandes actualizaciones hasta las aplicaciones, ya están disponibles.
+
+
+  #### **¡Únase a nosotros el 17 de noviembre** de 2025 en La Rural, Buenos Aires!
+
+
+  <Buttons
+    Button={[
+      { color: "blue-1", text: "Más información", url: "/calendar?event=ethday" }
+    ]}
+  />
 contribute_and_support_list:
   - title: Muestra tu aplicación en la Feria Mundial
     description: >-

devconnect/cms/pages/index.mdx

@@ -66,6 +66,19 @@ how_to_contribute: >
   infrastructure, community, and local momentum. It only works when builders
   ship, communities show up and connect, and supporters help bring it all
   together.
+ethereum_day_cta: >
+  #### **Ethereum Day** brings the world of Ethereum to one stage. From the next
+  big upgrades to the apps live today.
+
+
+  #### Join us on **17 November 2025** at La Rural, Buenos Aires!
+
+
+  <Buttons
+    Button={[
+      { color: "blue-1", text: "LEARN MORE", url: "/calendar?event=ethday" }
+    ]}
+  />
 contribute_and_support_list:
   - title: Showcase your app at the World's Fair
     description: >-

devconnect/cms/pages/pt/index.mdx

@@ -64,6 +64,16 @@ how_to_contribute: >
   A Feira Mundial Ethereum mostra o que o Ethereum pode fazer através de aplicativos reais,
   infraestrutura, comunidade e impulso local. Só funciona quando os construtores
   entregam, as comunidades aparecem e se conectam, e os apoiadores ajudam a unir tudo.
+ethereum_day_cta: >
+  #### O **Ethereum Day** traz o mundo do Ethereum para um novo patamar. A partir do próximo grandes atualizações para os aplicativos já estão disponíveis.
+
+  #### Junte-se a nós em **17 de novembro de 2025** em La Rural, Buenos Aires!
+
+  <Buttons
+    Button={[
+      { color: "blue-1", text: "Saber mais", url: "/calendar?event=ethday" }
+    ]}
+  />
 contribute_and_support_list:
   - title: Exiba seu aplicativo na Feira Mundial
     description: >-

devconnect/src/assets/images/ba/eth-day-updated.png

@@ -26,6 +26,8 @@ import { useScroll } from 'framer-motion'
 import { useDevaBotStore } from 'store/devai'
 import MailIcon from 'assets/icons/mail.svg'
 import { TICKETS_URL } from 'common/constants'
+import EthDayLogo from 'assets/images/eth-day-logo.png'
+import Image from 'next/image'
 
 const MultiLink = (props: any) => {
   const [open, setOpen] = React.useState(false)
@@ -96,6 +98,23 @@ const menuItems = (pathname: string) => [
     text: 'Calendar',
     url: '/calendar',
   },
+  {
+    text: () => {
+      return (
+        <div className={cn(css['ethday-rainbo'], 'flex items-center gap-1.5')}>
+          <div>Ethereum Day</div>
+          <Image src={EthDayLogo} alt="Ethereum Day" width={22} />
+        </div>
+      )
+    },
+    // customClass: css['ethday-rainbow'],
+    url: '/calendar?event=ethday',
+    onClick: () => {
+      // Hacky but works
+      // @ts-ignore
+      if (typeof window !== 'undefined' && window.selectEthDay) window.selectEthDay()
+    },
+  },
   {
     text: 'Destino Devconnect',
     customClass: css['destino-rainbow'],
@@ -238,9 +257,9 @@ export const FooterMenu = (props: any) => {
               className={cn(menuItem.customClass, 'flex')}
               key={menuItem.text}
               to={menuItem.children}
-              onClickMenuItem={props.onClickMenuItem}
+              onClick={menuItem.onClick}
             >
-              {menuItem.text}
+              {menuItem.text === 'function' ? menuItem.text() : menuItem.text}
             </MultiLink>
           )
         }
@@ -250,10 +269,13 @@ export const FooterMenu = (props: any) => {
             className={cn(menuItem.customClass, 'flex')}
             key={menuItem.text}
             href={menuItem.url}
-            onClick={props.onClickMenuItem}
+            onClick={() => {
+              if (props.onClickMenuItem) props.onClickMenuItem()
+              if (menuItem.onClick) menuItem.onClick()
+            }}
             indicateExternal
           >
-            {menuItem.text}
+            {typeof menuItem.text === 'function' ? menuItem.text() : menuItem.text}
           </Link>
         )
       })}
@@ -332,6 +354,7 @@ export const Menu = (props: any) => {
     <div
       className={cn(
         css['menu'],
+        css['menu-desktop'],
         'flex gap-4 self-start items-center backdrop-blur-sm bg-black/60 rounded-lg p-1.5 lg:p-0 lg:px-2 lg:pr-3 transition-all duration-500 pointer-events-auto',
         hasScrolled && 'bg-black/90',
         {
@@ -352,8 +375,9 @@ export const Menu = (props: any) => {
               className={cn(menuItem.customClass, 'hidden lg:flex')}
               key={menuItem.text}
               to={menuItem.children}
+              onClick={menuItem.onClick}
             >
-              {menuItem.text}
+              {typeof menuItem.text === 'function' ? menuItem.text() : menuItem.text}
             </MultiLink>
           )
         }
@@ -363,9 +387,10 @@ export const Menu = (props: any) => {
             className={cn(menuItem.customClass, 'hidden lg:flex')}
             key={menuItem.text}
             href={menuItem.url}
+            onClick={menuItem.onClick}
             indicateExternal
           >
-            {menuItem.text}
+            {typeof menuItem.text === 'function' ? menuItem.text() : menuItem.text}
           </Link>
         )
       })}

devconnect/src/assets/images/eth-day-logo.png

@@ -312,3 +312,20 @@ $width-right-column: 190px;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
+
+.ethday-rainbow {
+  // background: #fcb497;
+  // background: -webkit-linear-gradient(left,#8187c0, #8eccf0, #fcb497,  #f585b3);
+  // background: -o-linear-gradient(right, #8187c0, #8eccf0, #fcb497,  #f585b3);
+  // background: -moz-linear-gradient(right, #8187c0, #8eccf0, #fcb497,  #f585b3);
+  // background: linear-gradient(to right, #8187c0 50%, #8eccf0, #ffa17c,  #f585b3);
+  // background: #8187c0;
+  color: #8187c0;
+  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+}
+
+.menu-desktop {
+  @media (max-width: 1093px) {
+    font-size: 14px;
+  }
+}

devconnect/src/common/components/layout/Menu.tsx

@@ -53,6 +53,8 @@ import VoxelSquares from 'assets/images/ba/voxel-squares.png'
 import VoxelBlueEthereum from 'assets/images/ba/voxel-blue-eth.png'
 import EthGlyph from 'assets/images/ba/eth-glyph.png'
 import { TICKETS_URL } from 'common/constants'
+import EthDayCTA from 'assets/images/ba/eth-day-updated.png'
+import { CMSButtons } from 'common/components/voxel-button/button'
 
 // const Cube = dynamic(() => import('common/components/cube'), {
 //   ssr: false,
@@ -836,6 +838,25 @@ const Home: NextPage = (props: any) => {
             </div>
           </div>
 
+          <div className="section relative pt-16 bg-white">
+            <div className="flex flex-col items-center md:flex-row bg-[#FDF9EC] rounded-md border border-solid border-[#1B6FAE]">
+              <div className="relative w-full md:w-1/2 lg:w-[min(600px,50%)] md:shrink-0 h-full">
+                <Image
+                  src={EthDayCTA}
+                  alt="Ethereum Day"
+                  className="w-full h-full aspect-[16/7] md:aspect-auto object-cover object-left rounded-md overflow-hidden"
+                  style={{
+                    maskImage: 'linear-gradient(to right, black 0%, black 80%, transparent 100%)',
+                    WebkitMaskImage: 'linear-gradient(to right, black 0%, black 80%, transparent 100%)',
+                  }}
+                />
+              </div>
+              <div className="p-8 relative shrink-0 md:shrink flex flex-wrap flex-col">
+                <RichText content={data.pages.ethereum_day_cta} className="cms-markdown" Buttons={CMSButtons} />
+              </div>
+            </div>
+          </div>
+
           <div className="section relative pb-6 bg-white">
             <div className="flex flex-col gap-8 mt-16 mb-12">
               <div>

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

@@ -40,6 +40,7 @@ const index: Template = {
       ],
     },
     createRichText('how_to_contribute'),
+    createRichText('ethereum_day_cta'),
     {
       name: 'contribute_and_support_list',
       label: 'contribute_and_support_list',