Template for personal website

The hardware and bandwidth for this mirror is donated by METANET, the Webhosting and Full Service-Cloud Provider.
If you wish to report a bug, or if you are interested in having us mirror your free-software or open-source project, please feel free to contact us at mirror[@]metanet.ch.

Chi Zhang

2022-12-19

In this page you will find a slightly more complex personal website setup. This template is different from the Minimal template in the following ways:

These modifications are particular useful when you have more content, and wish to present them in different ways.

Navigation: side or top

Side navigation bar can be useful if you have more topics to display. This is the way to set up a sidebar in the _quarto.yml.

  sidebar:
    pinned: true
    align: center
    style: "docked"
    collapse-level: 1
    contents:

      - text: "Projects"
        href: projects/index.qmd

      - text: "Talks"
        href: talks/index.qmd

      - text: "Blog"
        href: blog.qmd

      - section: "About"
        contents:
          - text: "About me"
            href: about.qmd
          - text: "This template"
            href: about_template.qmd

Sub-menu

When sub-sections under a topic is desired, you can put them in the sub-menu.

In side navigation, it is specified by section and contents in the _quarto.yml file.

In top navigation, it is specified by menu.

  navbar:
    left:
      - text: "About"
        menu:
          - about.qmd
          - about_template.qmd

Page listing

Compared to the Minimal template, Projects page contains more complex structures: page listing makes it possible to organize topics in various layouts. This can be achieved by editing the yaml header in projects/index.qmd.

Under contents, provide the folder where your projects are stored; then specify type (grid, table or default).

listing:
  - id: ehr
    max-description-length: 500
    image-height: 150px
    fields: [image, title, description]
    contents: 
      - project_1
      - project_2
    type: grid
    grid-item-border: false
  - id: packages
    max-description-length: 80
    image-height: 250px
    fields: [title, description]
    contents: 
      - pkg_1
      - pkg_2
    type: table
    grid-item-border: false
    sort-ui: false
    filter-ui: false

After the yaml header, edit the markdown text and reference the listing using the id:

It is convenient to use `id` to link to multiple folders. 

::: {#ehr}
:::

These binaries (installable software) and packages are in development.
They may not be fully stable and should be used with caution. We make no claims about them.