Projects Configuration

Projects Overview

Project Structure

---
layout: project
title: "Project Title"
date: 2024-01-01
category: Design
categories: 
  - Design
  - Development
thumbnail: /assets/img/projects/thumb.webp
hero_image: /assets/img/projects/hero.webp
color: purple
gallery:
  - image: "/assets/img/photos/gallery1.webp"
    title: "Gallery Image 1"
---

Collection Configuration

collections:
  projects:
    output: true
    permalink: /projects/:path/

pagination:
  enabled: true
  collections:
    - name: 'projects'
      per_page: 9
      permalink: '/projects/page:num/'

Layout Options

Tiles Layout

---
layout: projects/tiles
title: Project Gallery
permalink: /projects-tiles/
pagination:
  enabled: true
  collection: projects
  per_page: 9
---

Filterable Grid Layout

---
layout: projects/filterable_grid
title: Project Gallery
filters:
  - Design
  - Development
  - Photography
pagination:
  enabled: true
---

Project Components

Gallery Configuration

gallery:
  - image: "/assets/img/photos/gallery1.webp"
    title: "Design Process"
  - image: "/assets/img/photos/gallery2.webp"
    title: "Final Result"

Usage Guidelines

Accessing Projects

{% for project in site.projects %}
  {{ project.title }}
  
{% endfor %}