change requests

Author: corwintines

app/[locale]/10years/_components/InnovationSwiper.tsx

@@ -23,14 +23,16 @@ export default function InnovationSwiper() {
               <Image
                 src={card.image}
                 alt={card.title}
-                className="mx-auto h-auto max-w-full"
+                className="mx-auto my-4 h-auto max-w-full"
               />
               <div>
-                <h3>{card.title}</h3>
-                <p className="text-body-secondary">{card.date}</p>
+                <h3 className="mb-4">{card.title}</h3>
+                <p className="text-body-secondary mb-4">{card.date}</p>
               </div>
               {card.description.map((description, index) => (
-                <p key={index}>{description}</p>
+                <p key={index} className="mb-4">
+                  {description}
+                </p>
               ))}
             </SwiperSlide>
           ))}

app/[locale]/10years/_components/TenYearGlobe.tsx

@@ -194,7 +194,7 @@ const TenYearGlobe = ({ events }: { events: EventData[] }) => {
   return (
     <div
       ref={globeContainerRef}
-      className="relative"
+      className="relative cursor-grab"
       style={{ width: width, height: width }}
     >
       {MemoizedGlobe}

app/[locale]/10years/page.tsx

@@ -56,9 +56,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   // Get i18n messages
   const allMessages = await getMessages({ locale })
-  const requiredNamespaces = getRequiredNamespacesForPage(
-    "/10-year-anniversary"
-  )
+  const requiredNamespaces = getRequiredNamespacesForPage("/10years")
   const messages = pick(allMessages, requiredNamespaces)
 
   return (
@@ -70,9 +68,8 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
           <div className="flex flex-1 flex-col gap-5">
             <div>
               <h1 className="text-4xl font-bold">
-                A decade of Transforming the World
+                A decade of transforming the world one block at a time
               </h1>
-              <p className="text-2xl font-bold">One block at a time</p>
             </div>
             <div className="flex flex-1 flex-col gap-4">
               <p className="text-lg">
@@ -90,7 +87,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
           </div>
         </div>
 
-        <div className="md: w-full px-4 px-8 py-8">
+        <div className="w-full px-4 py-8 md:px-8">
           <div className="flex min-h-[500px] flex-col items-center gap-4 rounded-4xl bg-radial-a px-8 pt-8 lg:px-14 lg:pt-14">
             <div className="flex max-w-[770px] flex-col gap-4 text-center">
               <h2 className="text-4xl font-black">Join the party</h2>
@@ -174,7 +171,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
                                   key={index}
                                   className="flex flex-col justify-between gap-2 rounded-lg p-2 hover:bg-background-highlight md:flex-row"
                                 >
-                                  <div className="flex flex-col gap-2 md:flex-row">
+                                  <div className="flex flex-col items-center gap-2 md:flex-row">
                                     <div>
                                       <span className="text-lg font-bold">
                                         {event.city}
@@ -209,7 +206,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
           <div className="flex flex-1 flex-col gap-4 md:gap-8">
             <p>
               Join celebrations worldwide featuring talks, networking, and more
-              to celebrate the 10 years of Ethereum.
+              to celebrate 10 years of Ethereum.
             </p>
             <p>
               Can&apos;t attend in person? No problem. We&apos;ll livestream and
@@ -235,7 +232,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
         <div className="flex w-full flex-col items-center gap-8 px-8 py-8 pt-32 lg:flex-row">
           <div className="flex flex-1 flex-col gap-6">
             <h2 className="flex flex-col gap-2 font-black">
-              <span className="pl-2.5 text-4xl text-accent-a">10 years of</span>
+              <span className="text-4xl text-accent-a">10 years of</span>
               <span className="text-5xl text-body md:text-7xl">Innovation</span>
             </h2>
             <p className="text-xl font-bold">

app/[locale]/page.tsx

@@ -21,7 +21,6 @@ import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 import {
   BASE_TIME_UNIT,
   BLOG_FEEDS,
-  BLOGS_WITHOUT_FEED,
   CALENDAR_DISPLAY_COUNT,
   RSS_DISPLAY_COUNT,
 } from "@/lib/constants"
@@ -111,7 +110,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     name: source,
     href: sourceUrl,
   })) as CommunityBlog[]
-  blogLinks.push(...BLOGS_WITHOUT_FEED)
+  // blogLinks.push(...BLOGS_WITHOUT_FEED)
 
   const props = {
     calendar,

src/lib/utils/translations.ts

@@ -206,7 +206,7 @@ const getRequiredNamespacesForPath = (relativePath: string) => {
     primaryNamespace = "page-translatathon"
   }
 
-  if (path.startsWith("/10-year-anniversary/")) {
+  if (path.startsWith("/10years/")) {
     requiredNamespaces = [...requiredNamespaces, "page-10-year-anniversary"]
   }