Example Curvenote Landing Page (using QIIME 2 content)

An example landing page (using the QIIME 2 project) using Landing Page Theme and custom roles & directives by Curvenote.

Features

• Site wide configuration - see theme docs
• Configurable Hero & Footer Units - added using customer "parts" in the theme along with custom directives
• A Discourse directive
• A Science Icons Role

Content Development

Install the curvenote or mystmd CLI.

npm install -g mystmd
myst -v

cd qiime-landing
myst start

Using a Theme

Theme selection and configuration is set by adding the appropriate keys to the site section of the myst.yml file. For example:

site:
  template: curvenote/curvenote-landing
  options:
    logo: qiime2.svg
    favicon: images/qiime2-favicon-256.png
    topbar_height: 80
    topbar_floating: false
    topbar_fixed: false
    show_footnotes: false
    show_bibliography: false

Using plugins

Add custom myst plugins to the site be adding a plugins list to the project section within myst.yml. The curvenote-landing theme bundles the renderers for each of the plugins below, the MyST plugin system is still evolving, watch the myst docs for updates on how to include custom renderers.

project:
  plugins:
    - scienceicons.mjs
    - discourse.mjs
    - curvenote-web.mjs

Deployment

This site is deployed on github actions, see .github/workflows/deploy.yml.