Merge pull request #4385 from DFE-Digital/add-naviagtion-directory-co…

…mponent-to-life-as-a-teacher-category-pages

Add navigation directory component to life as a teacher category pages

app/views/content/life-as-a-teacher/_directory-nav.html.erb

@@ -0,0 +1,43 @@
+<div class="row">
+  <section class="container">
+    <section class="image-blocks">
+      <%= render Content::ImageBlockComponent.new(
+        title: "Life as a teacher",
+        title_color: "yellow",
+        image_path: "static/images/content/homepage/directory1.jpg"
+      ) do %>
+        <ul>
+          <li><a href="/life-as-a-teacher/pay-and-benefits">Pay and benefits</a></li>
+          <li><a href="/life-as-a-teacher/teaching-as-a-career">Teaching as a career</a></li>
+          <li><a href="/life-as-a-teacher/explore-subjects">Explore subjects you could teach</a></li>
+          <li><a href="/life-as-a-teacher/age-groups-and-specialisms">Age groups and specialisms</a></li>
+          <li><a href="/life-as-a-teacher/change-careers">Change careers to teaching</a></li>
+        </ul>
+      <% end %>
+      <%= render Content::ImageBlockComponent.new(
+        title: "Teacher stories",
+        title_color: "pink",
+        image_path: "static/images/content/homepage/directory2.jpg"
+      ) do %>
+        <ul>
+          <li><a href="/life-as-a-teacher/pay-and-benefits/bens-favourite-things-about-teaching">Ben's favourite thing about teaching</a></li>
+          <li><a href="/life-as-a-teacher/teaching-as-a-career/turning-a-tough-lesson-into-a-success">Turning a tough lesson into a success</a></li>
+          <li><a href="/life-as-a-teacher/teaching-as-a-career/abigails-career-progression-story">Abigail's career progression story</a></li>
+        </ul>
+      <% end %>
+      <%= render Content::ImageBlockComponent.new(
+       title: "Take the next step",
+       title_color: "green",
+       image_path: "static/images/content/homepage/directory3.jpg"
+     ) do %>
+       <ul>
+         <li><a href="/teacher-training-adviser/sign_up/identity">Get an adviser</a></li>
+         <li><a href="/events/about-get-into-teaching-events">Attend a Get Into Teaching event</a></li>
+         <li><a href="/mailinglist/signup/name">Get tailored email advice</a></li>
+         <li><a href="/steps-to-become-a-teacher">How to become a teacher</a></li>
+         <li><a href="/train-to-be-a-teacher/get-school-experience">Get school experience</a></li>
+       </ul>
+     <% end %>
+    </section>
+  </section>
+</div>

app/views/content/life-as-a-teacher/age-groups-and-specialisms.md

@@ -11,5 +11,6 @@ backlink: "../"
 content:
   - content/life-as-a-teacher/header
   - content/life-as-a-teacher/age-groups-and-specialisms/categories
-  - content/life-as-a-teacher/how-to-become-a-teacher-cta
+  - content/life-as-a-teacher/directory-nav
+
 ---

app/views/content/life-as-a-teacher/change-careers.md

@@ -12,5 +12,5 @@ content:
   - content/life-as-a-teacher/header
   - content/life-as-a-teacher/change-careers/categories
   - content/life-as-a-teacher/change-careers/what-teachers-have-to-say
-  - content/life-as-a-teacher/change-careers/adviser-promo-change-careers
+  - content/life-as-a-teacher/directory-nav
 ---

app/views/content/life-as-a-teacher/explore-subjects.md

@@ -12,5 +12,5 @@ backlink: "../"
 content:
   - content/life-as-a-teacher/header
   - content/life-as-a-teacher/explore-subjects/categories
-  - content/life-as-a-teacher/how-to-become-a-teacher-cta
+  - content/life-as-a-teacher/directory-nav
 ---

app/views/content/life-as-a-teacher/pay-and-benefits.md

@@ -12,5 +12,5 @@ content:
   - content/life-as-a-teacher/header
   - content/life-as-a-teacher/pay-and-benefits/categories
   - content/life-as-a-teacher/pay-and-benefits/what-teachers-have-to-say
-  - content/life-as-a-teacher/how-to-become-a-teacher-cta
+  - content/life-as-a-teacher/directory-nav
 ---

app/views/content/life-as-a-teacher/teaching-as-a-career.md

@@ -11,5 +11,5 @@ content:
   - content/life-as-a-teacher/header
   - content/life-as-a-teacher/teaching-as-a-career/categories
   - content/life-as-a-teacher/teaching-as-a-career/what-teachers-have-to-say
-  - content/life-as-a-teacher/how-to-become-a-teacher-cta
+  - content/life-as-a-teacher/directory-nav
 ---

app/webpacker/styles/blocks.scss

@@ -91,7 +91,6 @@ $space-between-sections: 3.7em;
   @include mq($from: tablet) {
     display: flex;
     gap: $indent-amount * .5;
-    padding: 0 15px;
 
     .image-block {
       h2 {
@@ -106,4 +105,10 @@ $space-between-sections: 3.7em;
       }
     }
   }
+
+  &.homepage-feature {
+    @supports (display: grid) {
+      margin: 1em $px-either-side-of-content 0;
+    }
+  }
 }

config/images.yml

@@ -308,8 +308,14 @@
 "static/images/content/homepage/teacher-training-adviser.jpg":
   # Teacher training advisers at an event.
   alt: ""
+"static/images/content/homepage/directory1.jpg":
+  # 3 teachers walking down a coridoor.
+  alt: ""
+"static/images/content/homepage/directory2.jpg":
+  # a teacher with a group of students.
+  alt: ""
 "static/images/content/homepage/directory3.jpg":
-  # An adviser talks to someone attending a event.
+  # A member of the events team at an event 
   alt: ""
 "static/images/content/homepage/directory4.jpg":
   # A language teacher talking to pupils in a classroom.