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:
- Breaks between slides are created using
---
- Slide classes are chosen using
<!-- _class: title-slide -->
- Comments that don’t start with an
_
(underscore) are just normal comments.
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