drabber colors, cornell logos

FAR-Lab · Feb 7, 2025 · f153c31 · f153c31
1 parent 29b4884
commit f153c31
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 38 deletions.
diff --git a/public/Cornell-University-Logo.png b/public/Cornell-University-Logo.png
diff --git a/public/cornell_logo_simple_b31b1b.png b/public/cornell_logo_simple_b31b1b.png
diff --git a/public/cornell_tech.png b/public/cornell_tech.png
diff --git a/src/components/layout/BaseNavigation.astro b/src/components/layout/BaseNavigation.astro
@@ -7,21 +7,17 @@ const navigationItems = [
 ];
 
 const socialIcons = [
-  {
-    name: 'GitHub',
-    url: 'https://github.com/FAR-LAB/robotability-nyc',
-    icon: 'i-uil-github',
-  },
 ];
 
 const { pageTitle } = Astro.props;
 ---
 
 <header class='border-b-4 border-black flex justify-between p-6 items-center'>
   {pageTitle && <h1 class='hidden'>{pageTitle}</h1>}
-  <a href='/' title='Back to Home'>
-    <p class='righteous md:text-5xl'>Made @ Cornell Tech</p>
-  </a>
+  <!-- <a href='/' title='Back to Home'>
+    <p class='righteous md:text-5xl'></p>
+  </a>-->
+
   <nav class='hidden md:inline-block'>
     <h2 class='hidden'>Navigation</h2>
     <ul class='flex gap-8 poppins'>
@@ -54,6 +50,7 @@ const { pageTitle } = Astro.props;
       }
     </ul>
   </nav>
+
   <nav class='md:hidden flex'>
     <h2 class='hidden'>Mobile Navigation</h2>
     <ul>

diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro
@@ -19,7 +19,7 @@ const { title, description, classList, pageTitle, ogImage } = Astro.props;
   <BaseHead ogImage={ogImage} title={title} description={description} />
 
   <body class:list={[classList]}>
-    <!--<BaseNavigation {pageTitle} /> -->
+    <!-- <BaseNavigation {pageTitle} /> -->
     <slot />
     <BaseFooter />
   </body>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -50,31 +50,27 @@ const teamMembers = [
   description='A novel metric for quantifying urban robot navigation suitability'
 >
   <main class='bg-white p-6'>
-    <MobileSocials />
+    <!-- <MobileSocials /> -->
     <section id='about' class='flex flex-col lg:grid lg:grid-cols-2 gap-8 mt-4'>
       {/* Priority Mobile Content */}
       <div class="flex flex-col gap-8 lg:col-start-2 lg:row-start-1">
-        <Card>
-          <h2 class='text-2xl lg:text-4xl mb-4 dm-serif'>
-            The Robotability Score: Enabling Harmonious Robot Navigation on Urban Streets
-          </h2>
-          <h3 class='text-xl lg:text-2xl mb-4 dm-serif'>
-            CHI '25: ACM Conference on Human Factors in Computing Systems
+        <Card color="#f3f3f3">
+          <h3 class='text-2xl lg:text-4xl mb-4 dm-serif'>
+            What is The Robotability Score?
           </h3>
-          <div id="materials-buttons" class="flex flex-col gap-4">
-            <Button target={'_blank'} href='https://doi.org/10.1145/3706598.3714009'>
-              Read Paper &rarr;
-            </Button>
-            <Button target={'_blank'} href="https://github.com/FAR-LAB/robotability-nyc">
-              Code Repository &rarr;
-            </Button>
-          </div>
+          <p class='poppins mb-4'>
+            The Robotability Score (R) is a novel metric that quantifies how suitable urban environments are for autonomous robot navigation. Through expert interviews and surveys, we've developed a standardized framework for evaluating urban landscapes to reduce uncertainty in robot deployment while respecting established mobility patterns.  
+          </p>
+
+          <p class='poppins'>
+            Streets with high Robotability are both more navigable for robots and less disruptive to pedestrians. We've constructed a proof-of-concept Robotability Score for New York City using a wealth of open datasets from NYC OpenData, and inferred pedestrian distributions from a dataset of 8 million dashcam images taken around the city in late 2023.
+          </p>
         </Card>
       </div>
 
       {/* Video Section - Second on mobile, right column on desktop */}
       <div class="flex flex-col gap-8 lg:col-start-2 lg:row-start-2">
-        <Card>
+        <Card color="#f3f3f3">
           <div class='flex flex-col justify-between items-start gap-4'>
             <LazyBoxVideo 
               videoId="pwnw4hK1Oh4"
@@ -86,21 +82,36 @@ const teamMembers = [
 
       {/* Main Content - Left column on desktop, after priority content on mobile */}
       <div class="flex flex-col gap-8 lg:col-start-1 lg:row-start-1">
-        <Card>
-          <h3 class='text-2xl lg:text-4xl mb-4 dm-serif'>
-            What is The Robotability Score?
-          </h3>
-          <p class='poppins mb-4'>
-            The Robotability Score (R) is a novel metric that quantifies how suitable urban environments are for autonomous robot navigation. Through expert interviews and surveys, we've developed a standardized framework for evaluating urban landscapes to reduce uncertainty in robot deployment while respecting established mobility patterns.  
-          </p>
+        <Card color="#f3f3f3">
+          <h2 class='text-2xl lg:text-4xl mb-4 dm-serif'>
+            The Robotability Score: Enabling Harmonious Robot Navigation on Urban Streets
+          </h2>
+          <div class="flex flex-row gap-4 mb-2">
+
+            <h3 class='text-xl lg:text-2xl mb-4 dm-serif' style="max-width: 450px;">
+              CHI '25: ACM Conference on Human Factors in Computing Systems
+            </h3>
+            <!-- add cornell logos -->
+            <div id="logos" class="flex flex-row gap-2">
+            <img src="/cornell_logo_simple_b31b1b.png" alt="Cornell University Logo" class="w-80 h-22" />
+            <img src="/cornell_tech.png" alt="Cornell Tech Logo" class="w-24 h-24" />
+            </div>
+
 
-          <p class='poppins'>
-            Streets with high Robotability are both more navigable for robots and less disruptive to pedestrians. We've constructed a proof-of-concept Robotability Score for New York City using a wealth of open datasets from NYC OpenData, and inferred pedestrian distributions from a dataset of 8 million dashcam images taken around the city in late 2023.
-          </p>
+        </div>
+          <div id="materials-buttons" class="flex flex-row gap-8">
+            <Button color="white" target={'_blank'} href='https://doi.org/10.1145/3706598.3714009'>
+              Read Paper &rarr;
+            </Button>
+            <Button color="white" target={'_blank'} href="https://github.com/FAR-LAB/robotability-nyc">
+              Code Repository &rarr;
+            </Button>
+          </div>
         </Card>
+
       </div>
       <div class="flex flex-col gap-8 lg:col-start-1 lg:row-start-2">
-        <Card>
+        <Card color="#f3f3f3">
           <h2 class='text-2xl lg:text-4xl mb-8 dm-serif'>
             Key Features
           </h2>
@@ -123,7 +134,7 @@ const teamMembers = [
         </Card>
 
 
-        <Card>
+        <Card color="#f3f3f3">
           <h2 class='text-2xl lg:text-4xl mb-4 dm-serif'>
             Interactive Map
           </h2>
@@ -135,7 +146,7 @@ const teamMembers = [
           </Button>
         </Card>
 
-        <Card>
+        <Card color="#f3f3f3">
           <h2 class='text-2xl lg:text-4xl mb-6 dm-serif'>
             Project Team
           </h2>