Update to HAML 6 (#1426)

* Move docs header to a partial

Analogous to the blog header one.

* Bump haml to 6.3

There were two issues:

* Pages using the two column layout were duplicating content. I
  identified the issue as related to the weird usage of `content_for`
  inside `wrap_layout`. I removed that because it was also making the
  template structure harder to follow.

* Sometimes HTML entities were not being properly interpreted. Fixed by
  switching to use `!=` in those cases.

Signed-off-by: Takuya Noguchi <[email protected]>

---------

Signed-off-by: Takuya Noguchi <[email protected]>
Co-authored-by: Takuya Noguchi <[email protected]>

Gemfile

@@ -10,7 +10,7 @@ gem "middleman-syntax"
 
 ## Template engines
 gem "builder"
-gem "haml", "~> 5.2.2"
+gem "haml", "~> 6.3"
 gem "kramdown"
 
 # Rake tasks

Gemfile.lock

@@ -106,8 +106,9 @@ GEM
     ffi (1.17.1)
     ffi (1.17.1-arm64-darwin)
     ffi (1.17.1-x86_64-linux-gnu)
-    haml (5.2.2)
-      temple (>= 0.8.0)
+    haml (6.3.0)
+      temple (>= 0.8.2)
+      thor
       tilt
     haml_lint (0.59.0)
       haml (>= 5.0)
@@ -247,7 +248,7 @@ PLATFORMS
 DEPENDENCIES
   builder
   faraday-retry (~> 2.2)
-  haml (~> 5.2.2)
+  haml (~> 6.3)
   haml_lint (~> 0.59)
   irb
   kramdown

source/contributors.html.haml

@@ -48,7 +48,7 @@ title: Contributors
       - data.contributors.each do |c|
         %span.contributor
           = link_to c[:name], c[:href], title: "#{pluralize(c[:commits], "commit")}"
-          = " • " unless c == data.contributors.last
+          != " • " unless c == data.contributors.last
       %br
       %p
         …and everyone who has given time, effort, thought, or help, instead of git commits <3

source/layouts/base.haml

@@ -30,7 +30,5 @@
 
     ~ yield
 
-    = yield_content :tail
-
     .footer
       = partial 'layouts/footer'

source/layouts/two_column_layout.haml

@@ -5,18 +5,8 @@
   - content_for(:canonical, commands_toplevel_path(current_page.destination_path))
 
 ~ wrap_layout :base do
-  - content_for :tail do
-    .bg-light-blue
-      .container
-        .contents
-          .edit-on-github.text-center
-            = link_to_editable_version
+  = partial 'partials/docs_header'
 
-  .bg-light-blue.header
-    = image_tag '/images/docs_header_transparent_bg.png',
-                srcset: '/images/docs_header_transparent_bg.png 1x, /images/[email protected] 2x, /images/[email protected] 3x',
-                class: 'img-fluid header-padding',
-                style: 'max-width: 400px;'
   .container
     .row.flex-column.flex-md-row-reverse
       .col-12.col-md-9.contents#page-content-wrapper{ class: is_command ? "commands" : "guide" }
@@ -29,3 +19,9 @@
             = partial 'partials/guides_sidebar'
 
   = javascript_include_tag 'two_column_layout.min'
+
+  .bg-light-blue
+    .container
+      .contents
+        .edit-on-github.text-center
+          = link_to_editable_version

source/localizable/index.html.haml

@@ -9,7 +9,7 @@
 .container.py-5
   .mx-xl-5.px-xl-5.my-4.large-font
     %p= t('home.bundler_info1')
-    %p= t('home.bundler_info2')
+    %p!= t('home.bundler_info2')
 
   .d-grid.d-md-flex.gap-2.mx-auto.my-md-4.justify-content-md-center
     = link_to t('home.what_can_bundler_do'), "/guides/getting_started.html#getting-started", class: 'btn btn-primary btn-lg'

source/partials/_docs_header.haml

@@ -0,0 +1,5 @@
+.bg-light-blue.header
+  = image_tag '/images/docs_header_transparent_bg.png',
+              srcset: '/images/docs_header_transparent_bg.png 1x, /images/[email protected] 2x, /images/[email protected] 3x',
+              class: 'img-fluid header-padding',
+              style: 'max-width: 400px;'