noesya · Charlotte-Duconseil · Jun 13, 2025
@@ -1,6 +1,6 @@
 .navbar
   .navbar-brand
-    img
+    svg
       width: 368px
       @media (max-width: 768px)
         width: 180px

@@ -14,6 +14,9 @@ header#document-header
         z-index: 99
         @include media-breakpoint-down(md)
             width: fit-content
+    // .navbar-brand
+    //     .logo
+    //         width: 368px
     .navbar-nav
         .dropdown-menu
             li a

@@ -58,3 +58,4 @@
 
 @import "application/design-system/print"
 @import "surlaroute/page-colors"
+@import "surlaroute/logo"
@@ -0,0 +1,9 @@
+@keyframes arrow-rotate
+  0%
+    transform: rotate(0deg)
+  100%
+    transform: rotate(20deg)
+
+.logo
+  .logo-arrow
+    animation: arrow-rotate 3s infinite
@@ -3,7 +3,7 @@
     <div class="container container-fluid">
       <div class="navbar-logo col-md-3">
         <%= link_to root_path, class: "navbar-brand" do %>
-          <%= image_tag 'logo.svg', alt: t('website') %>
+          <%= render "logo" %>
         <% end %>
       </div>
       <button id="main-menu-button" class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
Original file line number	Diff line number	Diff line change
Expand Up		@@ -58,3 +58,4 @@

		@import "application/design-system/print"
		@import "surlaroute/page-colors"
		@import "surlaroute/logo"