<commit_before>{% extends "base.html" %}
{% set active_page = "process" %}
{% set page_js = "process" %}

{% import "nav-macro.html" as nav_macro with context %}
{% import "social-media.html" as social_media %}
{% import "_vars-process.html" as vars with context %}

{% block title %}Owning a Home: Know the Process{% endblock title %}

{% block content %}

{% set active_phase = get_document("journey", phase_name) %}

{% set query = queries.journey %}
{% set docsource = active_phase.hit_dict['_source'] %}
{% set id_str = docsource['id']|string %}
{% set filter = 'parent:' + id_str  %}
{% set steps = query.search(size=100,q=filter) %}

<div class="content_wrapper">
    <nav class="breadcrumbs" aria-label="Breadcrumbs">
      <a href="/owning-a-home/" class="breadcrumbs_link">Owning a Home</a>
    </nav>
</div>

<main class="know-the-process content_wrapper" id="main" role="main">

  <div>

    <section class="phase">

      {{ nav_macro.render("top", active_phase.slug) }}

      <section class="overview content-l content-l__main u-mt45">
          <div class="content-l_col content-l_col-3-4">
              {% if active_phase.title %}
              <h1 class="phase_title">
                {% if phase_index %}
                    <span class="icon-round phase_number">
                      {{phase_index}}
                    </span>
                {% endif %}
                {{active_phase.title | safe if active_phase.title}}
              </h1>
              {% endif %}
              <div class="lead u-mb0">{{active_phase.content | safe if active_phase.content}}</div>
          </div>
          <div class="content-l_col content-l_col-1-4 phase_image">
            {% if vars.process_steps and phase_index %}
              {% set active_phase_short_name =  vars.process_steps[phase_index - 1]['url'] %}
              <img src="{{url_for('static', filename='img/process_' + active_phase_short_name + '.png')}}" alt="Illustration of the home-buying process">
            {% endif %}
          </div>
      </section>


      {% if active_phase.milestones %}
        <div class="block block__border-top block__padded-top block__padded-bottom block__flush-bottom milestones">
          <h3 class="milestones_header char-icon char-icon__checked">Goals for this phase</h3>
          <ul class="content-l">
            {% for milestone in active_phase.milestones %}
            <li class="content-l_col content-l_col-1-3 short-desc">
              {{ milestone|safe }}
            </li>
            {% endfor %}
          </ul>
        </div>
      {% endif %}

      <div class="phase_data">
        <div class=" {% if active_phase.tools %} content-l {% endif %}">
          <div class="tools-col">
            {% if active_phase.tools %}
              <section class="email-block block block__bg u-mt30 u-mb0">
                  {% include "oah-email-signup.html" %}
              </section>
              <section class="tools block block__bg block__padded-top u-mt0">
                <h3 class="h6 u-mb15">Tools for this Phase</h3>
                {% for tool in active_phase.tools %}
                  <div class="tool">
                    {% if tool.link.label %}
                    <p class="short-desc">{{tool.description}}</p>
                    {% endif %}
                    <a class="list_link jump-link" href="{{tool.link.url}}">
                      <span class="jump-link_text">{{tool.link.label}}</span>
                    </a>
                  </div>
                {% endfor %}
                {% if phase_index == 1 or phase_index == 2 %}<commit_msg>Add 15px margin between email and tool sections on process step page<commit_after>{% extends "base.html" %}
{% set active_page = "process" %}
{% set page_js = "process" %}

{% import "nav-macro.html" as nav_macro with context %}
{% import "social-media.html" as social_media %}
{% import "_vars-process.html" as vars with context %}

{% block title %}Owning a Home: Know the Process{% endblock title %}

{% block content %}

{% set active_phase = get_document("journey", phase_name) %}

{% set query = queries.journey %}
{% set docsource = active_phase.hit_dict['_source'] %}
{% set id_str = docsource['id']|string %}
{% set filter = 'parent:' + id_str  %}
{% set steps = query.search(size=100,q=filter) %}

<div class="content_wrapper">
    <nav class="breadcrumbs" aria-label="Breadcrumbs">
      <a href="/owning-a-home/" class="breadcrumbs_link">Owning a Home</a>
    </nav>
</div>

<main class="know-the-process content_wrapper" id="main" role="main">

  <div>

    <section class="phase">

      {{ nav_macro.render("top", active_phase.slug) }}

      <section class="overview content-l content-l__main u-mt45">
          <div class="content-l_col content-l_col-3-4">
              {% if active_phase.title %}
              <h1 class="phase_title">
                {% if phase_index %}
                    <span class="icon-round phase_number">
                      {{phase_index}}
                    </span>
                {% endif %}
                {{active_phase.title | safe if active_phase.title}}
              </h1>
              {% endif %}
              <div class="lead u-mb0">{{active_phase.content | safe if active_phase.content}}</div>
          </div>
          <div class="content-l_col content-l_col-1-4 phase_image">
            {% if vars.process_steps and phase_index %}
              {% set active_phase_short_name =  vars.process_steps[phase_index - 1]['url'] %}
              <img src="{{url_for('static', filename='img/process_' + active_phase_short_name + '.png')}}" alt="Illustration of the home-buying process">
            {% endif %}
          </div>
      </section>


      {% if active_phase.milestones %}
        <div class="block block__border-top block__padded-top block__padded-bottom block__flush-bottom milestones">
          <h3 class="milestones_header char-icon char-icon__checked">Goals for this phase</h3>
          <ul class="content-l">
            {% for milestone in active_phase.milestones %}
            <li class="content-l_col content-l_col-1-3 short-desc">
              {{ milestone|safe }}
            </li>
            {% endfor %}
          </ul>
        </div>
      {% endif %}

      <div class="phase_data">
        <div class=" {% if active_phase.tools %} content-l {% endif %}">
          <div class="tools-col">
            {% if active_phase.tools %}
              <section class="email-block block block__bg u-mt30 u-mb15">
                  {% include "oah-email-signup.html" %}
              </section>
              <section class="tools block block__bg block__padded-top u-mt0">
                <h3 class="h6 u-mb15">Tools for this Phase</h3>
                {% for tool in active_phase.tools %}
                  <div class="tool">
                    {% if tool.link.label %}
                    <p class="short-desc">{{tool.description}}</p>
                    {% endif %}
                    <a class="list_link jump-link" href="{{tool.link.url}}">
                      <span class="jump-link_text">{{tool.link.label}}</span>
                    </a>
                  </div>
                {% endfor %}
                {% if phase_index == 1 or phase_index == 2 %}
{'fraction_non_alphanumeric': 0.15019326339039205, 'fraction_numerical': 0.008144671452236334, 'mean_word_length': 2.0569620253164556, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 95, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, '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': '4905295', 'n_tokens_mistral': 2330, 'n_tokens_neox': 2084, 'n_words': 467}