lunasim logo to front page

Author: oboy-1

landing/homePage.html

@@ -82,7 +82,8 @@
     line-height: 1.3;
   }
   .fade-in-text {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
     opacity: 0;
     transform: translateY(20px);
     animation: fadeInUp 2s ease forwards;
@@ -92,6 +93,13 @@
     color: white;
     font-weight: 700;
   }
+  
+  /* Style for the SVG logo */
+  .luna-logo {
+    height: 0.77em; /* Use em to scale with the font size of the parent */
+    width: auto;
+    margin-right: 0.5rem;
+  }
 
   /* ========== Background & Overlay ========== */
   .background-slider {
@@ -930,7 +938,7 @@
 <div class="hero-content fade-in-left">
   <h1 class="intro-text">
     Design and Run All-Powerful Simulations With:<br>
-    <span class="fade-in-text">LunaSim</span>
+    <span class="fade-in-text"><img src="../img/favicons/lunalogo.svg" alt="LunaSim Logo" class="luna-logo"> LunaSim</span>
   </h1>
   <div class="button-container">
     <button class="launch-btn" onclick="launchLunaSim()">
@@ -1464,3 +1472,4 @@ <h3>About LunaSim</h3>
 
 </body>
 </html>
+