slidev-theme-frankfurt

KO | EN

gitlite — search

#javascript #python #react #llm #golang #go #deep-learning #macos #windows #awesome #awesome-list #ios #openai #open-source

slidev-theme-frankfurt

(★ 69)

A theme for Slidev, inspired by the Frankfurt theme in Beamer.

File Explorer

Download Latest Version (.zip)

- apply.json
- extensions.json
- settings.json
- Frankfurt.vue
- InfoLine.vue
- Item.vue
- slidev.d.ts
- cover.vue
- intro.vue
- 01.png
- 02.png
- 03.png
- 04.png
- 05.png
- 06.png
- 07.png
- 08.png
- shiki.ts
- frankfurt.css
- index.ts
- layout.css
- shims.d.ts
.gitignore
.npmignore
.npmrc
example.md
global-top.vue
LICENSE
package.json
pnpm-lock.yaml
README.md
section.md
tsconfig.json

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# slidev-theme-frankfurt

[![NPM version](https://img.shields.io/npm/v/slidev-theme-frankfurt?color=3AB9D4&label=)](https://www.npmjs.com/package/slidev-theme-frankfurt)

A theme for [Slidev](https://github.com/slidevjs/slidev),
inspired by the Frankfurt theme in [Beamer](https://github.com/josephwright/beamer),
well-suited for academic talks.

![](https://raw.githubusercontent.com/MuTsunTsai/slidev-theme-frankfurt/main/screenshots/01.png)

## Install

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

```yaml
---
theme: frankfurt
infoLine: true # on by default, can be turned off
topNavigation: true # on by default, can be turned off
author: 'Your name here' # shows in infoLine
title: 'Title' # shows in infoLine
date: '2023/01/01' # shows in infoLine, defaults to the current date
---
```

Learn more about [how to use a theme](https://sli.dev/guide/theme-addon#use-theme).

## Using sections

The main feature of Frankfurt theme is the section and progress indicators on top.
To divide your slides into sections,
add the following frontmatter to the first page of each section:

```yaml
---
section: 'Section title'
---
```

If your presentation doesn't use sections,
you can set `topNavigation: false` to hide the top bar entirely.

## Components

This theme provides the following component:

```html
<Item title="Title of your thing">
	Create a box for definitions, lemmas, theorems, etc.
</Item>
```

![](https://raw.githubusercontent.com/MuTsunTsai/slidev-theme-frankfurt/main/screenshots/06.png)

## 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

slidev-theme-frankfurt

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

slidev-theme-frankfurt

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README