Jekyll Advance Docs

v1.1 Old Version All Versions

Homepage

Site Config

You can configure many homepage options in the _config.yml

# _config.yml
homepage:
  show_services_section: true
  services_count: 6
  show_splash_section_one: true
  splash_one_image: assets/images/undraw_post_online_dkuk.svg
  splash_one_heading: We Help Business Grow
  splash_one_paragraph:
    Lorem ipsum dolor sit amet, et essent mediocritatem quo, choro volumus
    oporteat an mei. Numquam dolores mel eu, mea docendi omittantur et, mea ea
    duis erat. Elit melius cu ius. Per ex novum tantas putant, ei his nullam
    aliquam apeirian. Aeterno quaestio constituto sea an, no eum intellegat
    assueverit.
  splash_one_link_url: work
  splash_one_link_text: Our Work
  show_partners: true
  show_work_section: true
  work_section_heading: Our Work
  work_count: 2
  show_view_all_work_button: true

Adding Services to the homepage

Services are displayed on the homepage if they are featured. They are ordered by weight

To create a new service, create a new markdown file in the collections/_services/ directory. For example collections/_services/my-new-service.md.

---
title: 'Service Title'
date: 2019-02-28
featured: true
weight: 4
---
Some text about the service

Adding Work to the homepage

Work is displayed on the homepage if they are featured. They are ordered by weight

To create new work, create a new markdown file in the collections/_work/ directory. For example collections/_work/my-new-portfolio-item.md.

---
title: 'Work Title'
date: 2019-02-28
featured: true
weight: 4
---
Some text about the work etc

Partner Logos

Partner logos come from data/partners.json and are displayed in the order of the json file.

Edit data/partners.json to add or remove partners.

[
  {
    "title": "Netflix",
    "image": "/logos/netflix.svg"
  }
]

You can hide this entire section by editing the config.toml param show_partners_section = false

Changing the hero image

You can configure how the first section (the “hero image”) at the top of the homepage looks.

Edit the homepage index.html

<!-- Hero Image Partial-->
{% include hero-image.html background=null fullscreen=page.heroFullscreen
height=page.heroHeight heading=page.heroHeading subheading=page.heroSubHeading
overlay=page.heroBackgroundOverlay diagonal=page.heroDiagonal
diagonalfill=page.heroDiagonalFill %}