MyST Frontmatter Components Demo

Demonstration of MyST frontmatter components using WebAwesome and scienceicons

Complete Frontmatter Block

Default usage (icons served from /scienceicons):

DOI: 10.1000/xyz123

Authors

Dr. Jane Smith
University of Science, Computational Biology Lab
Prof. John Doe
Institute of Technology
Download PDFPDFDownload NotebookIPYNB
Launch Binder Launch JupyterHub Open in BinderView Source

Individual Components

Authors Component

Authors

Dr. Jane Smith
University of Science, Computational Biology Lab
Prof. John Doe
Institute of Technology

Affiliations Component

Affiliations

  • University of Science
  • Institute of Technology
  • Computational Biology Lab

License Badges

Downloads Dropdown

Launch Button

Launch Binder Launch JupyterHub Open in BinderView Source Kernel: python3

Usage

These components are designed to work with MyST frontmatter data loaded via Astro collections:

---
import FrontmatterBlock from '../components/frontmatter/FrontmatterBlock.astro';

// In your [...slug].astro page
const pageData = await getPage(Astro.params.slug);
---

<FrontmatterBlock frontmatter={pageData.data.frontmatter} />

Available Components:

  • FrontmatterBlock - Main orchestrating component
  • Authors - Display authors with ORCID/email links
  • Affiliations - Display institutional affiliations with ROR links
  • LicenseBadges - Display Creative Commons and other license badges
  • DownloadsDropdown - Download options for various formats
  • LaunchButton - Launch buttons for Jupyter/Binder environments