<commit_before><% content_for :title, t('roadmap.page_title') %>
<% content_for :extra_headers do %>
  <meta name="description" content="<%= t('roadmap.hero.description') %>" />
  <meta name="twitter:card" content="summary"></meta>
  <meta property="og:url" content="https://www.gov.uk/roadmap" />
  <meta property="og:title" content="Roadmap - GOV.UK" />
  <meta property="og:description" content="<%= t('roadmap.hero.description') %>" />
<% end %>

<div class="govuk-width-container">
  <main id="content" class="govuk-main-wrapper">
    <section class="govuk-!-padding-bottom-6 govuk-roadmap-section">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <%= render "govuk_publishing_components/components/title", title: t('roadmap.hero.heading'), margin_top: 0 %>
          <p class="govuk-body govuk-roadmap__intro"><%= t('roadmap.hero.description') %></p>
        </div>

        <div class="govuk-grid-column-one-third">
          <%= render "image" %>
        </div>
      </div>
    </section>

    <section class="govuk-roadmap-section govuk-!-padding-bottom-6">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <%= render "govuk_publishing_components/components/heading", {
            text: t('roadmap.updates_section.heading'),
            font_size: 'l',
          } %>
        </div>
      </div>
      <hr class="govuk-section-break govuk-section-break--l govuk-section-break--visible" aria-hidden="true">
      <div class="govuk-grid-row">
        <% t('roadmap.updates_section.items').each do |item| %>
          <div class="govuk-grid-column-one-third">
            <%= render "govuk_publishing_components/components/image_card", {
              href: item[:href],
              image_src: asset_path(item[:image_src]),
              heading_text: item[:heading_text],
              heading_level: 0,
              font_size: 'm'
            } %>
          </div>
        <% end %>
      </div>
    </section>

    <section class="govuk-roadmap-section">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <%= render "govuk_publishing_components/components/heading", {
            text: t('roadmap.actions_section.heading'),
            font_size: 'l',
          } %>
        </div>
      </div>
      <% t('roadmap.actions_section.items').each do |item| %>
        <hr class="govuk-section-break govuk-section-break--l govuk-section-break--visible" aria-hidden="true">
        <div class="govuk-grid-row">
          <div class="govuk-grid-column-two-thirds-from-desktop">
            <%= render "govuk_publishing_components/components/heading", {
              text: item[:heading],
              font_size: 'm',
              heading_level: 3,
              margin_bottom: 4,
            } %>
            <p class="govuk-body"><%= item[:paragraph] %></p>
          </div>
        </div>
        <% if item[:steps] %>
          <div class="govuk-grid-row">
            <% item[:steps].each do |step| %>
              <div class="govuk-grid-column-one-third">
                <%= render "govuk_publishing_components/components/heading", {
                  text: step[:heading],
                  font_size: 's',
                  heading_level: 4,
                  margin_bottom: 4,
                } %>
                <ul class="govuk-list govuk-list--bullet">
                  <% step[:items].each do |item| %>
                    <li><%= sanitize(item[:text]) %></li>
                  <% end %>
                </ul>
              </div>
            <% end %>
          </div>
        <% end %>
      <% end %>
    </section>
    <section class="govuk-!-padding-bottom-6">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <%= render "govuk_publishing_components/components/heading", {
            text: t('roadmap.numbers_section.heading_large'),
            font_size: 'l',
          } %>
        </div>
      </div>
      <hr class="govuk-section-break govuk-section-break--l govuk-section-break--visible" aria-hidden="true">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <% content_for :small_heading_text do %>
            <%= sanitize(t('roadmap.numbers_section.heading_small')) %><span aria-hidden="true">*</span>
          <% end %>

          <%= render "govuk_publishing_components/components/heading", {
            text: yield(:small_heading_text),
            font_size: 'm',<commit_msg>Increase spacing on roadmap lists<commit_after><% content_for :title, t('roadmap.page_title') %>
<% content_for :extra_headers do %>
  <meta name="description" content="<%= t('roadmap.hero.description') %>" />
  <meta name="twitter:card" content="summary"></meta>
  <meta property="og:url" content="https://www.gov.uk/roadmap" />
  <meta property="og:title" content="Roadmap - GOV.UK" />
  <meta property="og:description" content="<%= t('roadmap.hero.description') %>" />
<% end %>

<div class="govuk-width-container">
  <main id="content" class="govuk-main-wrapper">
    <section class="govuk-!-padding-bottom-6 govuk-roadmap-section">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <%= render "govuk_publishing_components/components/title", title: t('roadmap.hero.heading'), margin_top: 0 %>
          <p class="govuk-body govuk-roadmap__intro"><%= t('roadmap.hero.description') %></p>
        </div>

        <div class="govuk-grid-column-one-third">
          <%= render "image" %>
        </div>
      </div>
    </section>

    <section class="govuk-roadmap-section govuk-!-padding-bottom-6">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <%= render "govuk_publishing_components/components/heading", {
            text: t('roadmap.updates_section.heading'),
            font_size: 'l',
          } %>
        </div>
      </div>
      <hr class="govuk-section-break govuk-section-break--l govuk-section-break--visible" aria-hidden="true">
      <div class="govuk-grid-row">
        <% t('roadmap.updates_section.items').each do |item| %>
          <div class="govuk-grid-column-one-third">
            <%= render "govuk_publishing_components/components/image_card", {
              href: item[:href],
              image_src: asset_path(item[:image_src]),
              heading_text: item[:heading_text],
              heading_level: 0,
              font_size: 'm'
            } %>
          </div>
        <% end %>
      </div>
    </section>

    <section class="govuk-roadmap-section">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <%= render "govuk_publishing_components/components/heading", {
            text: t('roadmap.actions_section.heading'),
            font_size: 'l',
          } %>
        </div>
      </div>
      <% t('roadmap.actions_section.items').each do |item| %>
        <hr class="govuk-section-break govuk-section-break--l govuk-section-break--visible" aria-hidden="true">
        <div class="govuk-grid-row">
          <div class="govuk-grid-column-two-thirds-from-desktop">
            <%= render "govuk_publishing_components/components/heading", {
              text: item[:heading],
              font_size: 'm',
              heading_level: 3,
              margin_bottom: 4,
            } %>
            <p class="govuk-body"><%= item[:paragraph] %></p>
          </div>
        </div>
        <% if item[:steps] %>
          <div class="govuk-grid-row">
            <% item[:steps].each do |step| %>
              <div class="govuk-grid-column-one-third">
                <%= render "govuk_publishing_components/components/heading", {
                  text: step[:heading],
                  font_size: 's',
                  heading_level: 4,
                  margin_bottom: 4,
                } %>
                <ul class="govuk-list govuk-list--bullet govuk-list--spaced">
                  <% step[:items].each do |item| %>
                    <li><%= sanitize(item[:text]) %></li>
                  <% end %>
                </ul>
              </div>
            <% end %>
          </div>
        <% end %>
      <% end %>
    </section>
    <section class="govuk-!-padding-bottom-6">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <%= render "govuk_publishing_components/components/heading", {
            text: t('roadmap.numbers_section.heading_large'),
            font_size: 'l',
          } %>
        </div>
      </div>
      <hr class="govuk-section-break govuk-section-break--l govuk-section-break--visible" aria-hidden="true">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <% content_for :small_heading_text do %>
            <%= sanitize(t('roadmap.numbers_section.heading_small')) %><span aria-hidden="true">*</span>
          <% end %>

          <%= render "govuk_publishing_components/components/heading", {
            text: yield(:small_heading_text),
            font_size: 'm',
{'fraction_non_alphanumeric': 0.17116329874385583, 'fraction_numerical': 0.0019661387220098305, 'mean_word_length': 2.104781281790437, 'pattern_counts': {'":': 0, '<': 183, '<?xml version=': 0, '>': 181, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4129422', 'n_tokens_mistral': 2961, 'n_tokens_neox': 2790, 'n_words': 432}