0.0.1 • Published 2 years ago

slidev-theme-imatech v0.0.1

Weekly downloads
-
License
-
Repository
github
Last release
2 years ago

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.

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