_quarto.yml

project:
  type: website
  preview:
    port: 3434
    browser: true
    watch-inputs: true
    timeout: 3600

execute:
  freeze: auto
  
website:
  title: "Linus Chirchir"
  navbar:
    pinned: true
    logo: images/logo.png
    logo-alt: "Linus Chirchir Logo"
    left:
      - text: Home
        icon: house-fill
        href: index.qmd
      - text: Projects
        icon: clipboard-check-fill
        href: projects.qmd
      - text: CV
        icon: person-lines-fill
        href: cv.qmd
      - text: Blog
        icon: journal-text
        href: blog.qmd
    right:
      - icon: linkedin
        aria-label: LinkedIn
        href: https://www.linkedin.com/in/LinusChirchir/
        target: _blank
      - icon: github
        aria-label: GitHub
        href: https://github.com/LinusChirchir
        target: _blank
      - icon: facebook
        aria-label: Facebook
        href: https://facebook.com/ChirchirLinus1
        target: _blank
      - icon: twitter
        aria-label: X
        href: https://x.com/LinusChirchir
        target: _blank
      - icon: envelope
        aria-label: Contact
        href: mailto:linus@linuschirchir.com
        target: _blank

  page-footer:
    border: true
    left: |
      <div style="text-align: left;">&#169; 2024 Linus Chirchir</div>
    center: |
      <div style="text-align: center;"><strong>[GitHub Repo](https://github.com/linuschirchir/linuschirchir.quarto.pub){target="_blank"}</strong></div>
    right: |
      <div style="text-align: right;"><strong>[Report an Issue](https://github.com/linuschirchir/linuschirchir.quarto.pub/issues/new){target="_blank"}</strong></div>
    background: "#4169E1"

format:
  html:
    grid: 
      body-width: 2000px
      sidebar-width: 200px
      margin-width: 200px
    theme:
      light: [cosmo, light.scss]
      dark: [cosmo, dark.scss]
    css: styles.css
    citations-hover: true
    code-link: true
    code-fold: show
    code-tools: false
    code-block-border-left: "#4169E1"