Skip to content
Bufferthemes

Sidequest Theme Guide

If you are looking for general Bufferthemes Guides, you can find instructions for shared functionality here:

For more specific documentation about this theme, see below.

Customize pages

To customize the pages for the Sidequest theme, you will need to modify the .astro files located in the /src/pages directory.

  • /src/pages/index.astro - The main landing page.

The footer configuration is an array of objects, each representing a section with a title and a list of links. To modify the footer:

  1. Open /src/config/footer.ts.
  2. Edit or add new sections as needed.
  3. Each section should have a title and an array of links, where each link consists of:
    • name: The display text for the link.
    • href: The URL or path for navigation.

Example

export const footer = [
  {
    title: "About",
    links: [
      {
        name: "Contact us",
        href: "/contact",
      },
      {
        name: "Security",
        href: "/security",
      },
      {
        name: "Legal",
        href: "/legal",
      },
    ],
  },
  {
    title: "Resources",
    links: [
      {
        name: "Blog",
        href: "/blog",
      },
      {
        name: "Help Center",
        href: "/help",
      },
    ],
  },
];

Customizing Social Media Icons

The social media icons are defined in /src/config/socialMedia.ts as an array of objects. Each object represents a social media platform with:

  • name: The platform name.
  • href: The link to the social media profile.
  • icon: The identifier for the icon (learn more about Icons in Bufferthemes here).

Example

export const socialMedia = [
  {
    name: "GitHub",
    href: "https://github.com/yourprofile",
    icon: "ph:github-logo-fill",
  },
  {
    name: "Twitter",
    href: "https://twitter.com/yourprofile",
    icon: "ph:twitter-logo-fill",
  },
  {
    name: "LinkedIn",
    href: "https://linkedin.com/in/yourprofile",
    icon: "ph:linkedin-logo-fill",
  },
];