Modern Responsive Presentation Library – Hacker’s Tiny Slide Deck

Category: Javascript | November 30, 2019
Author:tkareine
Views Total:143 views
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