layout page title Research author benbfly {% for project in site.projects %} {{ project.title }} {{project.content | markdownify }} {% endfor %} <style> body { background-color: #f0f2f5; } .research-projects { max-width: 1200px; margin: 0 auto; padding: 2rem 0; } .project-card { background: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: transform 0.2s ease-in-out; } .project-card:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); } .project-image { height: 100%; min-height: 200px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .project-image img { width: 100%; height: 100%; object-fit: cover; } .project-content { height: 100%; } .project-title { color: #2c3e50; margin-bottom: 1rem; font-weight: 600; } .project-description { color: #34495e; line-height: 1.6; } @media (max-width: 768px) { .project-image { min-height: 150px; } .project-content { padding: 1rem !important; } } </style>