# Note: Template blocks require a 'weight' parameter so they're correctly ordered on the landing page

# Hero
hero:
  enable: true
  weight: 10
  template: hero

  backgroundImage:
    path: "images/templates/hero"
    filename:
      desktop: "gradient-desktop.webp"
      mobile: "gradient-mobile.webp"

  badge:
    text: v0.5.0
    color: primary # primary, secondary, success, danger, warning, info, light, dark
    pill: false # boolean
    soft: true # boolean

  # titleLogo:
  #   path: "images/logos"
  #   filename: "title_logo.png"
  #   alt: "Lotus Docs Logo"
  #   height: 80px

  title: "HMC Guide"
  subtitle: Your **quick guide** to the Handmade Cities (HMC) community. Participate in real life with engineers who **love software quality**.

  image:
    path: "images" # path to image under configured assets directory. default 'images'
    filename: "hmc_docs_screenshot.png" # filename of your hero image (including file extension)
    alt: "HMC Docs Screenshot" # Optional but recommended
    boxShadow: true # default 'false' (excludes .svg images)
    rounded: true # round the image corners? default 'false' (excludes .svg images)

  ctaButton:
    icon: done_all
    btnText: "Get Started"
    url: "/docs"
  cta2Button:
    icon: keyboard_return
    btnText: "Back to HMC"
    url: "https://handmadecities.com"

  info: "**Maintained** by [Zac Nowicki](/docs/support/contact/#editor)."

# Feature Grid
featureGrid:
  enable: true
  weight: 20
  template: feature grid

  title: "Why choose Handmade Cities?"
  subtitle: "[Our founder](https://handmadecities.com/about) has organized the Handmade community for over a decade."

  items:
    - title: Touching Grass
      icon: grass
      description: Prefer meatspace over cyber

    - title: No Black Boxes
      icon: orders
      description: Curiosity through systems programming

    - title: Beyond a Paycheck
      icon: digital_wellbeing
      description: Love for the craft comes before profits

    - title: Independent Culture
      icon: looks_one
      description: We're indie devs or just temporarily embarassed

    - title: Engineering First
      icon: logo_dev
      description: And in general *tech workers* first

    - title: Artists Welcome
      icon: brush
      description: "We can't innovate without polished [UXUI](https://peter-slattery.github.io/handmade-prototyping/)"

# Image compare
imageCompare:
  enable: false
  weight: 30
  template: image compare

  title: Customise The Lotus Docs Appearance
  subtitle: Much of Lotus Docs' appearance can be customised. Dark mode is optional (enabled by default) and you can choose a Google font that suites you via the config parameters.

  items:
    - title: Dark Mode
      config: {
        startingPoint: 50,
        addCircle: true,
        addCircleBlur: false,
        showLabels: true,
        labelOptions: {
          before: 'Dark',
          after: 'Light',
          onHover: false
        }
      }
      imagePath: "images/screenshots"
      imageBefore: "lotusdocs_dark_v0.8.webp"
      imageAfter: "lotusdocs_light_v0.8.webp"

    - title: Custom Fonts
      config: {
        controlColor: "#3C4257",
        startingPoint: 25,
        addCircle: true,
        addCircleBlur: false,
        showLabels: true,
        labelOptions: {
          before: 'Inter',
          after: 'Life Saver',
          onHover: false
        }
      }
      imagePath: "images/screenshots"
      imageBefore: "lotusdocs_google_font_demo_inter_screenshot.webp"
      imageAfter: "lotusdocs_google_font_demo_lifesavers_screenshot.webp"

    - title: Accent Color
      config: {
        startingPoint: 25,
        addCircle: true,
        addCircleBlur: true,
        showLabels: true,
        labelOptions: {
          before: 'Blue',
          after: 'Cardinal',
          onHover: false
        }
      }
      imagePath: "images/screenshots"
      imageBefore: "lotusdocs_blue_theme_colour.webp"
      imageAfter: "lotusdocs_cardinal_theme_colour.webp"