Remove featured images and redesign project cards with clean text-based layout

Author: huaicheng

content/project/cxl-memory/featured.png

@@ -6,5 +6,5 @@ tags:
   - Memory Systems
   - Cloud Infrastructure
   - Disaggregation
-summary: Building next-generation memory pooling systems using CXL technology for efficient resource sharing in cloud platforms
----
+summary: Building memory pooling/disaggregation systems with CXL
+---

content/project/cxl-memory/index.md

@@ -1,29 +1,19 @@
 ---
-title: Next-Generation Storage Technologies
+title: Storage
 date: 2024-12-15
 tags:
   - Storage Systems
   - NVMe
   - Storage Architecture
-summary: Advancing storage system performance through novel architectures, intelligent caching, and hardware-software co-design for modern datacenter workloads
+summary: Designing storage stack for modern datacenter applications.
 ---
 
 ## Overview
 
-Our research in next-generation storage technologies focuses on breaking through the performance barriers of traditional storage systems. We explore innovative approaches to storage architecture, from persistent memory integration to intelligent I/O scheduling, addressing the growing demands of modern datacenter applications.
+We focus on breaking through the performance barriers of modern storage systems. We explore novel storage architecture, addressing the growing demands of modern datacenter applications.
 
 ## Key Research Areas
 
-### Persistent Memory Integration
-- Hybrid memory-storage architectures
-- Data placement optimization across memory tiers
-- Application-aware data management policies
-
-### Intelligent Storage Systems
-- Machine learning-driven I/O prediction and optimization
-- Adaptive caching strategies for heterogeneous workloads
-- Dynamic resource allocation in storage clusters
-
 ### Hardware-Software Co-Design
 - Custom storage accelerators and programmable devices
 - Operating system optimizations for next-generation storage
@@ -34,5 +24,4 @@ Our research in next-generation storage technologies focuses on breaking through
 Our storage technologies target critical challenges in:
 - **Cloud Infrastructure**: Enabling efficient resource utilization in large-scale deployments
 - **Data-Intensive Computing**: Accelerating analytics and machine learning workloads
-- **Edge Computing**: Optimizing storage for resource-constrained environments
-- **Enterprise Systems**: Improving reliability and performance for mission-critical applications
+- **Enterprise Systems**: Improving reliability and performance for mission-critical applications

content/project/next-gen-storage/featured.png

@@ -8,12 +8,9 @@ <h1>Research Projects</h1>
   <div class="projects-grid">
     {{ range $index, $page := .Pages }}
     <article class="project-card">
-      {{ $featured := .Resources.GetMatch "featured.*" }}
-      {{ if $featured }}
-      <div class="project-image">
-        <img src="{{ $featured.RelPermalink }}" alt="{{ .Title }}" loading="lazy">
+      <div class="project-header">
+        <h3 class="project-title">{{ .Title }}</h3>
       </div>
-      {{ end }}
 
       <div class="project-content">
         {{ if .Params.summary }}
@@ -76,6 +73,7 @@ <h1>Research Projects</h1>
   cursor: pointer;
   display: flex;
   flex-direction: column;
+  position: relative;
 }
 
 .project-card:hover {
@@ -84,22 +82,39 @@ <h1>Research Projects</h1>
   border-color: rgba(134, 31, 65, 0.3);
 }
 
-.project-image {
-  position: relative;
-  height: 160px;
-  overflow: hidden;
+.project-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 4px;
+  background: linear-gradient(135deg, var(--vt-maroon), var(--vt-orange));
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.project-card:hover::before {
+  opacity: 1;
+}
+
+.project-header {
+  padding: 1.5rem 1.25rem 1rem;
+  background: linear-gradient(135deg, rgba(134, 31, 65, 0.04), rgba(229, 117, 31, 0.04));
+  border-bottom: 1px solid rgba(134, 31, 65, 0.1);
 }
 
-.project-image img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  transition: transform 0.3s ease, filter 0.3s ease;
+.project-title {
+  font-size: 1.4rem;
+  font-weight: 700;
+  color: var(--vt-gray-900);
+  margin: 0;
+  line-height: 1.3;
+  transition: color 0.3s ease;
 }
 
-.project-card:hover .project-image img {
-  transform: scale(1.05);
-  filter: brightness(1.1);
+.project-card:hover .project-title {
+  color: var(--vt-maroon);
 }
 
 .project-content {
@@ -187,8 +202,12 @@ <h1>Research Projects</h1>
     padding: 0.9rem;
   }
 
-  .project-image {
-    height: 140px;
+  .project-header {
+    padding: 1.2rem 1rem 0.8rem;
+  }
+  
+  .project-title {
+    font-size: 1.2rem;
   }
 }