Use text instead of image for logo

- "it is good design practice to use actual text that is styled with CSS rather than image-based text presentation" (https://www.w3.org/WAI/tutorials/images/textual)

- mm markup que https://www.gov.uk/ et que https://www.w3.org/WAI/tutorials/images/decorative/#decorative-image-as-part-of-a-text-link

app/assets/stylesheets/new_design/new_header.scss

@@ -23,29 +23,28 @@ $header-mobile-breakpoint: 550px;
 }
 
 .header-logo {
-  display: inline-block;
-  height: 100%;
-  background-size: contain;
-  background-position: center;
-  background-repeat: no-repeat;
+  display: flex;
+  flex-wrap: wrap;
 
-  // Logo large
-  background-image: image-url("header/logo-ds-wide.svg");
-  width: 360px;
-  margin-right: 4 * $default-spacer;
-
-  // Logo normal
-  @media (max-width: $header-landing-breakpoint) {
-    background-image: image-url("header/logo-ds.svg");
-    width: 132px;
-    margin-right: $default-spacer;
+  img {
+    margin-right: 10px;
   }
 
-  // Logo narrow
-  @media (max-width: $header-mobile-breakpoint) {
-    background-image: image-url("header/logo-ds-narrow.svg");
-    width: 32px;
-    margin-right: 0;
+  .site-title {
+    font-size: 24px;
+    font-weight: bold;
+
+    &.small {
+      @media (min-width: $header-mobile-breakpoint) {
+        display: none;
+      }
+    }
+
+    &.big {
+      @media (max-width: $header-mobile-breakpoint) {
+        display: none;
+      }
+    }
   }
 }
 

app/views/layouts/_new_header.haml

@@ -10,7 +10,10 @@
       - if params[:controller] == 'users/commencer'
         = link_to 'Revenir en arrière', url_for(:back), class: "button", title: "Revenir sur le site de mon administration"
       - else
-        = link_to '', root_path_for_profile(nav_bar_profile), class: "header-logo", title: "Revenir à l’accueil"
+        = link_to root_path_for_profile(nav_bar_profile), class: 'header-logo', title: "Aller à la page d'accueil de demarches-simplifiees.fr" do
+          = image_tag 'marianne.svg', alt: '', width: 65
+          %span.big.site-title> demarches-simplifiees.fr
+          %span.small.site-title> d-s.fr
 
       - if nav_bar_profile == :instructeur && instructeur_signed_in?
         - current_url = request.path_info