Author: | tkareine |
---|---|
Views Total: | 143 views |
Official Page: | Go to website |
Last Update: | November 30, 2019 |
License: | MIT |
Preview:

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; }