Merge pull request #115 from ethersphere/staging

Faster navigation, new event
ethersphere · Mar 2, 2024 · a98a6b3 · a98a6b3
2 parents c8acfa6 + 5079082
commit a98a6b3
Show file tree

Hide file tree

Showing 6 changed files with 356 additions and 302 deletions.
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
@@ -60,6 +60,7 @@ const Navigation: React.FC<NavigationProps> = ({
       <Container className="w-full">
         <GridContainer>
           <NavigationMenu.Root
+            delayDuration={50}
             onValueChange={setValue}
             className="relative flex items-center w-full col-span-12"
           >
@@ -87,12 +88,12 @@ const Navigation: React.FC<NavigationProps> = ({
 
                             return node;
                           }}
-                          className="flex items-center px-2.5 py-1 text-sm antialiased font-semibold text-gray-100 duration-200 hover:opacity-70"
+                          className="flex items-center px-2.5 py-1 text-sm antialiased font-semibold text-gray-100 duration-100 hover:opacity-70"
                         >
                           {link.title}
                           <ArrowIcon
                             className={cx(
-                              "w-2.5 h-2 ml-2 duration-200",
+                              "w-2.5 h-2 ml-2 duration-100",
                               link.title === value
                                 ? " -rotate-90"
                                 : " rotate-90"
@@ -141,12 +142,12 @@ const Navigation: React.FC<NavigationProps> = ({
               <div className="perspective-[2000px] absolute top-full left-0 w-full flex justify-center ">
                 <NavigationMenu.Viewport
                   forceMount
-                  className="relative mt-[10px] data-[state=closed]:opacity-0 data-[state=closed]:scale-50 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden bg-opacity-90 border border-[#2D3843] bg-[#1F2831]  backdrop-blur-md rounded-xl  duration-300 sm:w-[var(--radix-navigation-menu-viewport-width)] shadow-dark "
+                  className="relative mt-[10px] data-[state=closed]:opacity-0 data-[state=closed]:scale-50 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden bg-opacity-90 border border-[#2D3843] bg-[#1F2831]  backdrop-blur-md rounded-xl  duration-100 sm:w-[var(--radix-navigation-menu-viewport-width)] shadow-dark "
                   style={{
                     transform: `translateX(${offset}px)`,
                     transition: `transform ${
-                      activeTrigger === null ? 0 : 0.2
-                    }s ease, opacity 0.2s ease , width 0.2s ease, height 0.2s ease`,
+                      activeTrigger === null ? 0 : 0.1
+                    }s ease, opacity 0.1s ease , width 0.1s ease, height 0.1s ease`,
                   }}
                 />
               </div>

diff --git a/content/events/community-call-feb.md b/content/events/community-call-feb.md
diff --git a/content/events/community-call-mar.md b/content/events/community-call-mar.md
@@ -0,0 +1,6 @@
+---
+title: "Swarm Community Call, online, March 28"
+href: "https://www.addevent.com/event/Ey20419663"
+add_to_calendar: "https://www.addevent.com/event/Ey20419663"
+start_date: 2024-03-28T23:00:00.000Z
+---
diff --git a/data/pages/index.json b/data/pages/index.json
@@ -1,13 +1,13 @@
 {
   "event": {
     "title": "Community Call",
-    "content": "Swarm Foundations monthly community call on February 29.",
+    "content": "Swarm Foundations monthly community call on March 28.",
     "image": {
-      "src": "/uploads/0224.png",
+      "src": "/uploads/0324.png",
       "alt": ""
     },
     "cta": {
-      "href": "https://www.addevent.com/event/hc20053366",
+      "href": "https://www.addevent.com/event/Ey20419663",
       "title": "Add to Calendar ->"
     }
   },