Unit 03 · overview

Unit 3: Layouts, Includes, and Reusable Structure

You can now generate values.

The next problem is repeated structure.

This Unit moves shared HTML into layouts and includes, then makes you prove the refactor preserved output and improved ownership.

Unit question

How can many pages share structure without turning the project into duplicated HTML or an unreadable template maze?

Unit path

  1. The Cost of Copy-Paste HTML
  2. Layouts and the content Boundary
  3. Build the First Layout
  4. Page Variables Inside Layouts
  5. Nested Layouts
  6. Includes as Smaller Reusable Pieces
  7. Include Parameters
  8. Build Reusable Navigation
  9. Header and Footer Refactor
  10. Debug Layout and Include Failures
  11. Unit Build: Portfolio Template Architecture

Unit artifact

A reusable layout/include architecture, multi-page navigation, change-propagation evidence, and a shared-template failure diagnosis.

Upstream foundation

This Unit adapts Jekyll's official Layouts and Includes documentation at pinned commit 74d751339d3e534aa51d5d7b0640e9bd743509e4 under the MIT License.