progress

Author: lassejaco

devconnect/src/assets/images/ba/subpage_devconnect_ticketing_2x.webp

@@ -2,3 +2,7 @@
   //   mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
   //   -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
 }
+
+.shadow {
+  text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
+}

devconnect/src/assets/images/ba/subpage_event_calendar_2x.webp

@@ -7,12 +7,14 @@ import { Footer, Header, withTranslations } from 'pages/index'
 import { client } from '../../tina/__generated__/client'
 import Image from 'next/image'
 import styles from './argentina.module.scss'
-import Oblisk from '../../public/scroll-video/Oblisk_4K0125.webp'
+// import Oblisk from '../../public/scroll-video/Oblisk_4K0125.webp'
 import cn from 'classnames'
 import NewSchedule from 'lib/components/event-schedule-new'
 import { formatResult } from 'lib/helpers/notion-normalizer'
 // import dateFns from 'date-fns'
 import moment from 'moment'
+import PageTitle from 'assets/images/ba/subpage_event_calendar_2x.webp'
+import Voxel from 'assets/images/ba/voxel-0.jpg'
 
 const Argentina = (props: any) => {
   const { selectedEvent, selectedDay, setSelectedEvent, setSelectedDay } = useCalendarStore()
@@ -90,21 +92,19 @@ const Argentina = (props: any) => {
   return (
     <>
       <Header active />
-      <div className="relative h-[20vh] w-full text-black bg-black flex flex-col justify-end overflow-hidden">
+      <div className="relative h-[24vh] w-full text-black bg-black flex flex-col justify-end overflow-hidden">
         <Image
-          src={Oblisk}
-          alt="Argentina"
-          className={cn(styles.argentina, 'object-cover absolute h-full w-full opacity-80')}
+          src={Voxel}
+          alt="Voxel art background"
+          className={cn(styles.argentina, 'object-cover absolute object-[0%,13%] h-full w-full opacity-80')}
         />
-        <div className="section z-10 pb-4">
-          <div className="flex gap-4">
-            <div className="text-lg bg-black/60 text-white  px-4 py-1 rounded-md border border-solid border-black backdrop-blur-sm">
-              Devconnect Argentina - Event Calendar
+
+        <div className="section z-10 pb-1">
+          <div className="flex justify-between items-end">
+            <Image src={PageTitle} alt="Page Title" className={'contain w-[450px] translate-x-[-3%]'} />
+            <div className={cn(styles.shadow, 'gap-2 pb-3 text-white text-lg')}>
+              17 — 22 November Buenos Aires, ARGENTINA
             </div>
-            {/* <div className="flex gap-2 items-center">
-              <div className="text-sm text-gray-500">Filter Goes here</div>
-              <Button variant="secondary">Login with Zupass</Button>
-            </div> */}
           </div>
         </div>
         {/* <div className="absolute top-0 left-0 w-full h-full bg-black opacity-50"></div> */}
@@ -183,12 +183,12 @@ export async function getStaticProps({ locale }: { locale: string }) {
             is_not_empty: true,
           },
         },
-        {
-          property: 'Live on website',
-          checkbox: {
-            equals: true,
-          },
-        },
+        // {
+        //   property: 'Live on website',
+        //   checkbox: {
+        //     equals: true,
+        //   },
+        // },
       ],
     },
   }

devconnect/src/assets/images/ba/voxel-0.jpg

@@ -0,0 +1,3 @@
+.shadow {
+  text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
+}

devconnect/src/assets/images/ba/voxel-1.jpg

@@ -0,0 +1,53 @@
+import React from 'react'
+import Link from 'common/components/link'
+import { Footer, Header, withTranslations } from 'pages/index'
+import { client } from '../../tina/__generated__/client'
+import Image from 'next/image'
+import styles from './tickets.module.scss'
+import cn from 'classnames'
+import VoxelCar from 'assets/images/ba/voxel-car.jpg'
+import PageTitle from 'assets/images/ba/subpage_devconnect_ticketing_2x.webp'
+
+const Tickets = (props: any) => {
+  return (
+    <>
+      <Header active />
+      <div className="relative h-[24vh] w-full text-black bg-black flex flex-col justify-end overflow-hidden">
+        <Image
+          src={VoxelCar}
+          alt="Voxel art background"
+          className={cn(styles.argentina, 'object-cover absolute object-[0%,90%] h-full w-full opacity-80')}
+        />
+        <div className="section z-10 pb-1">
+          <div className="flex justify-between items-end">
+            <Image src={PageTitle} alt="Page Title" className={'contain w-[500px] translate-x-[-3%]'} />
+            <div className={cn(styles.shadow, 'gap-2 pb-3 text-white text-lg')}>
+              17 — 22 November Buenos Aires, ARGENTINA
+            </div>
+          </div>
+        </div>
+        {/* <div className="absolute top-0 left-0 w-full h-full bg-black opacity-50"></div> */}
+      </div>
+      <div className="section">Tickets omg</div>
+      <Footer />
+    </>
+  )
+}
+
+export async function getStaticProps({ locale }: { locale: string }) {
+  const path = locale === 'en' ? 'destino_devconnect.mdx' : locale + '/destino_devconnect.mdx'
+  const content = await client.queries.pages({ relativePath: path })
+  const translationPath = locale === 'en' ? 'global.json' : locale + '/global.json'
+  const translations = await client.queries.global_translations({ relativePath: translationPath })
+
+  return {
+    props: {
+      translations,
+      locale,
+      content,
+    },
+    revalidate: 1 * 60 * 60, // 60 minutes, in seconds
+  }
+}
+
+export default withTranslations(Tickets)