get-started.njk

{% extends "./base.njk" %}

{%- from "node_modules/@ministryofjustice/frontend/moj/components/side-navigation/macro.njk" import mojSideNavigation %}

{% macro appSideNavigation(config) %}
  {% set config = config|addActiveAttribute(page.filePathStem | url) %}

  {{ mojSideNavigation(config) }}
{% endmacro %}

{% block content %}
  <div class="govuk-width-container govuk-grid-row app-flex-container">
    <div class="govuk-grid-column-one-third">
      {{ appSideNavigation({
        classes: 'govuk-!-padding-top-6',
        sections: [
          {
            heading: {
              text: "How we work"
            },
            items: [
              {
                text: 'Our approach',
                href: ('/get-started/our-approach' | url)
              },
              {
                text: 'Prototyping',
                href: ('/get-started/prototyping' | url)
              },
              {
                text: 'Production',
                href: ('/get-started/production' | url)
              }
            ]
          },
          {
            heading: {
              text: "How to guides"
            },
            items: [
              {
                text: 'Deploying your prototype',
                href: ('/get-started/deploying-your-prototype' | url)
              },
              {
                text: 'Setting up JavaScript',
                href: ('/get-started/setting-up-javascript' | url)
              }
            ]
          }
        ]
      }) }}

      {% include "./partials/back-to-top.njk" %}
    </div>

    <div class="govuk-grid-column-two-thirds">
      <main id="main-content" class="govuk-main-wrapper app-prose-scope" role="main">
        <h1 class="govuk-heading-xl">
          {% if subsection %}<span class="govuk-caption-xl">{{ subsection }}</span>{% endif %}
          {{ title }}
        </h1>
        {{ content | safe }}
      </main>

      {% include "./partials/get-help.njk" %}

    </div>
  </div>
{% endblock %}