project cards

website/src/app/pages/homepage/homepage.component.css

@@ -1,4 +1,5 @@
 .page {
+ position: relative;
  padding: 20px;
 }
 .card-2 {
@@ -19,3 +20,24 @@
  flex-direction: row;
  justify-content: space-around;
 }
+
+.cover-image {
+ width: 100%; /* Optional: Ensure it covers the full container width */
+ z-index: 1; /* Lower z-index means it will be behind other content */
+}
+
+/* Project cards are absolutely positioned, which is nasty. Fix this someday */
+.project-card {
+ padding-left: 30px;
+ padding-right: 30px;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ z-index: 2;
+ position: absolute;
+ margin-left: 200px;
+ margin-right: 200px;
+}
+
+.pps {
+ top: 400px; /* Adjust this value based on where you need the card to appear relative to the top of page */
+}

website/src/app/pages/homepage/homepage.component.html

@@ -6,24 +6,28 @@ <h3>Dr. Oliver Gao</h3>
  </div>
  <div class="welcome-container">
  <h1>Welcome to Gao Labs!</h1>
- <p>
- The Cornell University Post-Processing Software (CU-PPS)
- for air quality and congestion management developed by Gao’s group is
- the nation’s first web-based software integrating activity-based travel
- demand models with EPA MOVES model. It is the official software in use
- for New York City to ensure that transportation plans and programs will
- not cause any new violations of federal air quality standards, hence
- protecting a population of 12.4 million in NYC metro area. In 2014-2018,
- he served as the Editor-in-Chief of Transportation Research Part D:
- Transport and Environment. Before joining Cornell, Gao was a QUANT in
- the mathematical and econometrical modeling division at the TRG
- Management LP, (also known as The Rohatyn Group (TRG)), a Wall Street
- hedge fund specializing in emerging markets.
- </p>
+ <p>Gao Labs is a joint effort of Cornell's Systems and Civil Engineering departments that focuses on two critical causes: public health and climate change. Read more about our current research and development efforts below.</p>
+
  </div>
  </mat-card>
- <div class="card-1"></div>
  <img class="cover-image" src="../../assets/website-images/nyc-pps.jpeg" />
+ <mat-card class="project-card pps">
+ <h1>PPS</h1>
+ <p>
+ The Cornell University Post-Processing Software (CU-PPS)
+ for air quality and congestion management developed by Gao’s group is
+ the nation’s first web-based software integrating activity-based travel
+ demand models with EPA MOVES model. It is the official software in use
+ for New York City to ensure that transportation plans and programs will
+ not cause any new violations of federal air quality standards, hence
+ protecting a population of 12.4 million in NYC metro area. In 2014-2018,
+ he served as the Editor-in-Chief of Transportation Research Part D:
+ Transport and Environment. Before joining Cornell, Gao was a QUANT in
+ the mathematical and econometrical modeling division at the TRG
+ Management LP, (also known as The Rohatyn Group (TRG)), a Wall Street
+ hedge fund specializing in emerging markets.
+ </p>
+ </mat-card>
  <!-- <h1>Featured Work</h1>
  <div class="card-3">
  <ul class="featured-work-list">