changed research card styles

Author: jyao97

_includes/card_research.html

@@ -1,22 +1,6 @@
 {{ " " }}
 <div class="card" data-style="{{ include.style }}" style="width: 100%; ">
-  <div class="card-img" style="aspect-ratio: 5.0; overflow: hidden;">
-    <a
-      {% if include.link %}
-        href="{{ include.link | relative_url }}"
-      {% endif %}
-      aria-label="{{ include.title | default: "card link" }}"
-      class="card-image"
-    >
-      <img
-        src="{{ include.image | relative_url }}"
-        alt="{{ include.title | default: "card image" }}"
-        loading="lazy"
-        style="width: 100%; height: auto; object-fit: contain;"
-        {% include fallback.html %}
-      >
-    </a>
-  </div>
+
 
   <div class="card-text">
     {% if include.title %}
@@ -36,7 +20,27 @@
     {% if include.subtitle %}
       <span class="card-subtitle">{{ include.subtitle }}</span>
     {% endif %}
+  </div>
 
+  <div class="card-img" style="aspect-ratio: 5.0; overflow: hidden;">
+    <a
+      {% if include.link %}
+        href="{{ include.link | relative_url }}"
+      {% endif %}
+      aria-label="{{ include.title | default: "card link" }}"
+      class="card-image"
+    >
+      <img
+        src="{{ include.image | relative_url }}"
+        alt="{{ include.title | default: "card image" }}"
+        loading="lazy"
+        style="width: 100%; height: auto; object-fit: contain;"
+        {% include fallback.html %}
+      >
+    </a>
+  </div>
+  
+  <div class="card-description">
     {% if include.description %}
       <p>
         {{ include.description | markdownify | remove: "<p>" | remove: "</p>" }}

_members/kanghoon_lee.md

@@ -3,7 +3,7 @@ name: Kanghoon Lee
 image: people_photos/default.png
 role: visiting
 affiliation: KAIST
-order: 041
+order: 901
 aliases:
   - K. Lee
   - K Lee

_members/marvin-gao.md

@@ -0,0 +1,17 @@
+---
+name: Marvin Gao
+image: people_photos/marvingao.jpg
+role: visiting
+affiliation: JHU
+order: 902
+aliases:
+  - M. Gao
+  - M Gao
+links:
+  # people-homepage: https://jyao97.github.io/
+  # people-email: [email protected]
+  # people-gs: https://scholar.google.com/citations?user=P6I5HF8AAAAJ
+  # people-office: 344 Winston Chung Hall (WCH)
+display_1: 'M.S. Student at JHU'
+display_2: 'Summer 2024 -- Present'
+---

_members/moustafa_soliman.md

@@ -1,6 +1,6 @@
 ---
 name: Moustafa Soliman
-image: people_photos/default.png
+image: people_photos/moustafa.jpg
 role: under
 affiliation: UC Riverside
 order: 030

_styles/card_research.scss

@@ -0,0 +1,63 @@
+---
+---
+
+.card {
+  display: inline-flex;
+  justify-content: stretch;
+  align-items: center;
+  flex-direction: column;
+  width: 350px;
+  max-width: calc(100% - 20px - 20px);
+  margin: 20px;
+  background: var(--background);
+  border-radius: var(--rounded);
+  overflow: hidden;
+  box-shadow: var(--shadow);
+  vertical-align: top;
+}
+
+.card[data-style="small"] {
+  width: 250px;
+}
+
+.card-image img {
+  aspect-ratio: 3 / 2;
+  object-fit: cover;
+  width: 100%;
+  // box-shadow: var(--shadow);
+}
+
+.card-text {
+  display: inline-flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-direction: column;
+  gap: 20px;
+  max-width: 100%;
+  padding: 20px;
+}
+
+.card-description {
+  display: inline-flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-direction: column;
+  gap: 20px;
+  max-width: 96%;
+  padding: 20px;
+}
+
+.card-text > * {
+  margin: 0 !important;
+}
+
+.card-title {
+  font-family: var(--heading);
+  font-size: var(--large);
+  font-weight: var(--semi-bold);
+}
+
+.card-subtitle {
+  margin-top: -10px !important;
+  font-style: italic;
+}