Editing Content

Parent pages: Contributing

README

Table of contents

• Overview
• Add a new section to the homepage
• Add a new page
• Update the sponsorship page
• Edit navigation
• Modify header (masthead)
• Modify footer
• Update social links
• Styling changes
• Safe editing checklist

Overview

Use this page for content and structure changes in the site source files.

Add a new section to the homepage

1. Open _pages/index.html.
2. Add a new <section ... id="your-section-id">...</section> block where you want it to appear.
3. If the section should appear in top navigation, add a matching entry in _data/navigation.yml with url: /#your-section-id.
4. Preview locally and verify anchor scrolling.

Add a new page

1. Create a file in _pages/ (for example _pages/about.md).
2. Add front matter:

   ---
   title: "About"
   layout: page
   permalink: /about/
   ---
   

3. Add page content below front matter.
4. Add a link in _data/navigation.yml if the page should appear in the masthead.

Update the sponsorship page

1. Edit content in _pages/sponsorship.md (copy, headings, sponsor cards).
2. Add or update sponsor logos in assets/images/, then reference them with <img src="/assets/images/...">.
3. If you need the link in the top navigation, add or update the entry in _data/navigation.yml.
4. Adjust sponsor layout styles in assets/css/custom-styles.css (.sponsor-grid, .sponsor-card, .sponsorship-page).

Edit navigation

Update _data/navigation.yml (main: list). For homepage sections, use anchors like /#purpose; for standalone pages, use their permalink paths.

Modify header (masthead)

• Navigation source: _data/navigation.yml
• Header template: _includes/masthead.html
• Site-level masthead settings: _config.yml (logo, masthead_title, subtitle, sticky-masthead, masthead-opacity)

Modify footer

• Footer markup: _includes/footer.html
• Footer links metadata: _config.yml under footer.links
• Footer copyright: _config.yml under footer.copyright

Update social links

Edit _config.yml:

footer:
  links:
    - label: "LinkedIn"
      icon: "fab fa-linkedin"
      url: "https://..."

These links are rendered by _includes/footer.html.

Styling changes

• Theme imports/skin: assets/css/main.scss
• Site-specific overrides: assets/css/custom-styles.css

Prefer assets/css/custom-styles.css for local customization changes.

Primary button and social hover colors are controlled by CSS variables in assets/css/custom-styles.css, including --kcdp-primary and --kcdp-primary-hover.

Safe editing checklist

1. Keep content edits in _pages/, configuration edits in _config.yml, and component edits in _includes//_layouts/.
2. Do not edit generated output in _site/.
3. Preview locally before opening a PR.