cr version

Author: ShakhrulSiam268

.DS_Store

@@ -17,7 +17,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <title>RespiraMFM</title>
-  <link rel="icon" type="image/x-icon" href="static/images/favicon.ico">
+  <link rel="icon" type="image/png" href="static/images/logo.png">
+  <link rel="apple-touch-icon" href="static/images/logo.png">
   <link href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700;800&family=Noto+Sans:wght@400;500;600&display=swap" rel="stylesheet">
 
   <link rel="stylesheet" href="static/css/bulma.min.css">
@@ -109,6 +110,8 @@ <h5>RITW</h5>
   <div class="hero-body">
     <div class="container is-max-desktop has-text-centered">
 
+      <img src="static/images/logo.png" alt="RespiraMFM Logo" class="hero-logo">
+
       <div>
         <a href="https://2026.aclweb.org/" target="_blank" class="venue-badge">
           <i class="fas fa-award" style="font-size:.75rem;"></i>

index.html

@@ -65,6 +65,20 @@ body {
 
 .hero.pub-hero .hero-body { padding: 0; position: relative; z-index: 1; }
 
+.hero-logo {
+  display: block;
+  margin: 0 auto 1.4rem;
+  height: 108px;
+  width: auto;
+  filter:
+    drop-shadow(0 0 20px rgba(37,99,235,.45))
+    drop-shadow(0 0 8px rgba(13,148,136,.3));
+}
+
+@media (max-width: 768px) {
+  .hero-logo { height: 80px; }
+}
+
 .publication-title {
   font-family: 'Google Sans', sans-serif;
   font-size: clamp(1.75rem, 4vw, 2.6rem) !important;