JSPM

slidev-theme-imatech

0.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q10370F

Theme for university and imatech

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (slidev-theme-imatech) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    slidev-theme-imatech

    NPM version

    A theme for Slidev in Imatech style.

    Install

    Add the following frontmatter to your slides.md. Start Slidev then it will prompt you to install the theme automatically.

    ---
theme: imatech
---

    Learn more about how to use a theme.

    Layouts

    This theme provides the following layouts:

    auto-col

    props: colNumber

    You can use named slots to create columns.

    auto-col layout

    diagran

    Layout allows to show mermaid diagram in the middle.

    diagram layout

    figure

    Show figure with caption. Object-fit: contain is used to make images responsive.

    figure layout

    intro

    props: introName, introDate, introTitle, introSubtitle

    First slide with information about topic, date and author.

    intro layout

    plan

    Split screen to show plan of lecture. Layout uses named slot.

    plan layout

    pre-end

    Last slide for QA session.

    pre-end layout

    section

    New section title.

    section layout

    Components

    This theme provides the following components:

    global-bottom

    This component adds slide number to right bottom corner to default, auto-col, diagram, center, figure layouts.

    Contributing

    • npm install
    • npm run dev to start theme preview of example.md
    • Edit the example.md and style to see the changes
    • npm run export to generate the preview PDF
    • npm run screenshot to generate the preview PNG