Merge pull request #184 from alephium/fix-cryptoxr-hours

Fix timeline, improve display on small screens
alephium · Jan 13, 2025 · eba8be5 · eba8be5
2 parents 4adadef + 7249169
commit eba8be5
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 15 deletions.
diff --git a/src/components/pages/hackathon/HackathonInfoSection.tsx b/src/components/pages/hackathon/HackathonInfoSection.tsx
@@ -238,7 +238,14 @@ const HackathonInfoSection = ({ className }: HackathonInfoSectionProps) => (
         </ScheduleItem>
       </ScheduleItems>
       <ScheduleItems>
-        <ScheduleItemsHeader>Saturday - 9:30 - 20:00</ScheduleItemsHeader>
+        <ScheduleItemsHeader>Saturday - 9:00 - 20:00</ScheduleItemsHeader>
+        <ScheduleItem>
+          <ScheduleItemDot />
+          <ScheduleItemText>
+            <h4>9:00</h4>
+            <p>Opening</p>
+          </ScheduleItemText>
+        </ScheduleItem>
         <ScheduleItem>
           <ScheduleItemDot />
           <ScheduleItemText>
@@ -256,21 +263,21 @@ const HackathonInfoSection = ({ className }: HackathonInfoSectionProps) => (
         <ScheduleItem>
           <ScheduleItemDot />
           <ScheduleItemText>
-            <h4>17:00-20:00</h4>
-            <p>Review</p>
+            <h4>17:00</h4>
+            <p>Submission deadline</p>
           </ScheduleItemText>
         </ScheduleItem>
         <ScheduleItem>
           <ScheduleItemDot />
           <ScheduleItemText>
-            <h4>20:00-20:30</h4>
-            <p>Submission deadline</p>
+            <h4>17:00-20:00</h4>
+            <p>Review</p>
           </ScheduleItemText>
         </ScheduleItem>
         <ScheduleItem>
           <ScheduleItemDot />
           <ScheduleItemText>
-            <h4>17:00</h4>
+            <h4>20:00-20:30</h4>
             <p>Winner announcement on the main stage</p>
           </ScheduleItemText>
         </ScheduleItem>
@@ -312,6 +319,10 @@ const TimeLinesWrapper = styled.div`
   display: flex;
   gap: 20px;
   align-items: flex-start;
+
+  @media ${deviceBreakPoints.mobile} {
+    flex-direction: column;
+  }
 `
 
 const ScheduleItems = styled.div`

diff --git a/src/content/homepage.md b/src/content/homepage.md
@@ -1,9 +1,9 @@
 ---
 topBanner:
-  text: 'Get the OneKey Classic 1S Alephium Limited Edition for 59$ (-40%) by using the discount code "ALEPHIUM"'
-  linkText: 'Shop'
-  url: 'https://shop.onekey.so/products/alephium-x-onekey'
-  color: '#45E555'
+  text: ''
+  linkText: ''
+  url: ''
+  color: ''
 headerSection:
   dark:
     title: 'Scalable for devs.

diff --git a/src/pages/crypto-xr.tsx b/src/pages/crypto-xr.tsx
@@ -2,17 +2,14 @@ import styled, { ThemeProvider } from 'styled-components'
 import { graphql, PageProps } from 'gatsby'
 
 import GlobalStyle, { deviceBreakPoints } from '../styles/global-style'
-import { hackathonTheme, lightTheme } from '../styles/themes'
+import { hackathonTheme } from '../styles/themes'
 
 import Seo from '../components/Seo'
 import HackathonLandingSection from '../components/pages/hackathon/HackathonLandingSection'
 import HackathonInfoSection, {
   HackathonInfoSectionContentType
 } from '../components/pages/hackathon/HackathonInfoSection'
 import HackathonJudgingSection from '../components/pages/hackathon/HackathonJudgingSection'
-import GettingStartedSection, {
-  GettingStartedSectionContentType
-} from '../components/pages/hackathon/GettingStartedSection'
 import NavigationMenu from '../components/NavigationMenu'
 import Footer from '../components/Footer'
 import HackathonSectionContainer from '../components/pages/hackathon/HackathonSectionContainer'
@@ -23,7 +20,6 @@ interface HackathonPageProps extends PageProps {
       nodes: {
         frontmatter: {
           hackathonInfo: HackathonInfoSectionContentType
-          gettingStarted: GettingStartedSectionContentType
         }
         html: string
       }[]