_quarto.yml

project:
  type: website
  title: "Data Visualization"
  render:
    # This renders modules, slides, and exercises into `_site`
    - modules/**/*.qmd
    - modules/index.qmd
  resources:
    - styles.scss

website:
  page-navigation: true
  bread-crumbs: false
  sidebar:
    logo: static/logo.svg
    search: true
    style: 'docked'
    background: 'primary'
    contents:
      - section: "**M0. Visualization Intro**"
        contents:
          - href: modules/module0/module0-01-data_visualization.qmd
          - text: '   1.1. Prerequisite confirmation'
            href: modules/module0/module0-02-prerequisite_confirmation.qmd
      - section: "**M1. Why Visualize Data?**"
        contents:
          - href: modules/module1/module1-00-module-learning-outcomes.qmd
          - href: modules/module1/module1-01-what_is_data_visualization.qmd
          - text: '   1.1. Exercises'
            href: modules/module1/module1-02-true_or_false_data_visualization.qmd
          - href: modules/module1/module1-03-how_can_we_visualize_data.qmd
          - text: '   2.1. Exercises'
            href: modules/module1/module1-04-test_your_knowledge_visualization_libraries.qmd
          - href: modules/module1/module1-07-aggregations_lines_and_layers.qmd
          - text: '   3.1. Exercises'
            href: modules/module1/module1-08-questions_on_how_plots_are_created.qmd
          - href: modules/module1/module1-11-what_did_we_just_learn.qmd

# Since we are declaring options for two formats here (html and revealjs)
# each qmd file needs to include a yaml block including which format to use for that file.
# https://github.com/quarto-dev/quarto-cli/issues/4583
format:
  html:
    callout-icon: false
    theme: [united, styles.scss]
    linkcolor: '#F78F2E'
    highlight-style: atom-one
    grid:
      sidebar-width: 350px
      margin-width: 800px
  live-html:
    callout-icon: false
    theme: [united, styles.scss]
    linkcolor: '#F78F2E'
    highlight-style: atom-one
    grid:
      sidebar-width: 350px
      margin-width: 800px
  revealjs:
    theme: styles.scss
    width: 100%
    monofont: Ubuntu Mono
    mainfont: Ubuntu
    font-size: 0.5em
    monobackgroundcolor: '#F1F3F5'
    highlight-style: atom-one
    # tango atom-one  nord
    transition: slide
    controls-layout: bottom-right
    show-notes: true
    slide-number: true
    code-line-numbers: false
    code-copy: true
    progress: false
    history: false
    menu: false
    execute:
      echo: true