Modern Responsive Presentation Library – Hacker’s Tiny Slide Deck

Category: Javascript | November 30, 2019
Author: tkareine
Views Total: 43
Official Page: Go to website
Last Update: November 30, 2019
License: MIT

Preview:

Modern Responsive Presentation Library – Hacker’s Tiny Slide Deck

Description:

Hacker’s Tiny Slide Deck is a pure JavaScript library that makes it easy to create a modern, responsive, professional slide deck (presentation) from a markdown document.

You can switch between slides with arrow keys. It also allows you to toggle the Fullscreen mode with the shortcut shift+f.

How to use it:

1. Create a markdown file and split the page into multiple slides as follows:

# Title

First Slide

---

## Topic 2

Second Slide

---

## Topic 3

Second Slide

---

# End

Last Slide

2. Don’t forget link to the following JavaScript and CSS files in your markdown file.

<link rel="stylesheet" href="htsd.min.css" />
<script type="text/javascript" src="htsd.min.js"></script>

3. Convert the markdown into a Slide Deck using the marked library. That’s it.

marked -i document.md > index.html

4. Override the default variables to create your own styles.

:root {
  --htsd-sans-font-family: 'Roboto', sans-serif;
  --htsd-slide-bg-color: #f6f6f6;
  --htsd-header-color: #262626;
  --htsd-text-color: #1a1a1a;
}

You Might Be Interested In:


Leave a Reply