TVEyes Marp Theme

This is a Marp theme for creating TVEyes slide decks using Markdown and Marp in Visual Studio code.

This is a very efficient pattern for developers who frequently write documentation in markdown.

The actual theme is a publicly-available css file: https://marp-theme.tveyes.com/tveyes-theme.css

TLDR: Create TVEyes Branded Slide Decks right in VSCode

Instructions

Prequisite

Before you begin, install Visual Studio Code. (VS Code) on your desktop.

Next, install the Marp Extension for VSCode.

Creating a Slide Deck

First, create a new markdown file (.md) in a directory (or repo). Then start your file like this:

---
marp: true
---
<style>
@import 'https://marp-theme.tveyes.com/tveyes-theme.css';
</style>

That’s it!

Now write Markdown as usual. Use --- to divide content into multiple slides.

Slide Classes

This theme supports two special classes of slide: - title-slide - section-header-slide

To select a specific slide template add a _class hint in the relevant portion of your markdown, like this:

# The Hobbit
### or, There and Back Again
<!-- _class: title-slide -->

---

## Chapter 1
### An Unexpected Party
<!-- _class: section-header-slide -->

---

In a hole in the ground there lived a hobbit. Not a nasty, dirty, wet hole, filled with the ends of worms and an oozy smell, nor yet a dry, bare, sandy hole with nothing in it to sit down on or to eat: it was a hobbit-hole, and...

Example

Here’s an example of writing markdown to target slides.

Observe:

Example Markdown:

---
marp: true
paginate: true
---
<!-- Link the custom CSS -->
<style>
@import 'https://marp-theme.tveyes.com/tveyes-theme.css';
</style>

<!-- Title slide -->
# Your Title
<!-- _class: title-slide -->

---

<!-- Section header slide -->
## Section Title
<!-- _class: section-header-slide -->

---

<!-- Non-title slide (default) -->
### Content Slide
- Point 1
- Point 2
- Point 3

---

<!-- Another Non-title slide (default) -->
### Another Content Slide
- Item 1
- Item 2
- Item 3

Example Screenshot

Example Screenshot