nhs-notify-web-cms/docs/_includes/breadcrumb.html at d5d55bfffe20fa72bab94b4397bf1edfb26d72df · NHSDigital/nhs-notify-web-cms · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<nav class="nhsuk-breadcrumb" aria-label="Breadcrumb">

  <!-- Desktop breadcrumb -->

  <ol class="nhsuk-breadcrumb__list">

    <!-- Level 1 -->
    <li class="nhsuk-breadcrumb__list-item">
      <a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/">Home</a>
    </li>

    <!-- Level 2 -->
    {% if page.parent == "Features" %}
    <li class="nhsuk-breadcrumb__list-item">
      <a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/features">Features</a>
    </li>
    {% endif %}

    {% if page.parent == "Pricing" %}
    <li class="nhsuk-breadcrumb__list-item">
      <a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/pricing">Pricing</a>
    </li>
    {% endif %}

    {% if page.parent == "Using NHS Notify" %}
    <li class="nhsuk-breadcrumb__list-item">
      <a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/using-nhs-notify">Using NHS Notify</a>
    </li>
    {% endif %}

    {% if page.parent == "Support" %}
    <li class="nhsuk-breadcrumb__list-item">
      <a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/support">Support</a>
    </li>
    {% endif %}

    {% if page.parent == "Get started" %}
    <li class="nhsuk-breadcrumb__list-item">
      <a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/get-started">Get started</a>
    </li>
    {% endif %}

  </ol>

  <!-- Mobile breadcrumb back -->

    <!-- Features -->
    {% if page.title == "Features" %}
    <a class="nhsuk-back-link" href="{{site.baseurl}}/">
      <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
      Home
    </a>
    {% endif %}

    {% if page.parent == "Features" %}
    <a class="nhsuk-back-link" href="{{site.baseurl}}/features">
      <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
      Features
    </a>
    {% endif %}

    <!-- Pricing -->
    {% if page.title == "Pricing" %}
    <a class="nhsuk-back-link" href="{{site.baseurl}}/">
      <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
      Home
    </a>
    {% endif %}

    {% if page.parent == "Pricing" %}
    <a class="nhsuk-back-link" href="{{site.baseurl}}/pricing">
      <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
      Pricing
    </a>
    {% endif %}

    <!-- Using NHS Notify -->
    {% if page.title == "Using NHS Notify" %}
    <a class="nhsuk-back-link" href="{{site.baseurl}}/">
      <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
      Home
    </a>
    {% endif %}

    {% if page.parent == "Using NHS Notify" %}
    <a class="nhsuk-back-link" href="{{site.baseurl}}/using-nhs-notify">
      <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
      Using NHS Notify
    </a>
    {% endif %}

    <!-- Support -->
    {% if page.title == "Support" %}
    <a class="nhsuk-back-link" href="{{site.baseurl}}/">
      <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
      Home
    </a>
    {% endif %}

    <!-- Get started -->
    {% if page.title == "Get started" %}
    <a class="nhsuk-back-link" href="{{site.baseurl}}/">
      <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
      Home
    </a>
    {% endif %}

    {% if page.parent == "Get started" %}
    <a class="nhsuk-back-link" href="{{site.baseurl}}/get-started">
      <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
      Get started
    </a>
    {% endif %}

</nav>