Open this file in your favorite text editor and in the Deckset application. I recommend that you view the tutorial using the Plain Jane theme to start with, as not all themes support all styling options. You can switch back and forth between editor and app to see how the Markdown is converted into slides, making experimental adjustments as you see fit. Or, if you tell Deckset which editor you like to use, it will provide a picture-in-picture window for you (GUI editors only). Enjoy.
^ Note: if you are viewing this file on GitHub, everything after this point will look weird.
or
or
To copy a slide from Deckset to another document, just โ+C it, then โ+V it into your editor (it will paste the Markdown) or into any application that handles PDFs (it will paste the slide as PDF).
You miss 100 percent of the shots you never take. -- Wayne Gretzky
Or (this one is inline) quotes that are actually interesting:
-- Louis C. K.
^ This text will not appear on the slide.
Put your line breaks wherever you want
You can use GitHub style emojis:
๐ฉ ๐ก ๐ฅ ๐ฑ ๐ ๐พ ๐ธ ๐ ๐ ๐น ๐บ ๐
- Ordered list
- Use a 1 on every line
- And they will be given the correct sequence
- Unordered list
- Use any of these three characters
- And you will get a bulleted list
- Nested lists are also possible
- indent each item 4 spaces
- here's another nested list
- back to this level
- and another item
- a numbered list, nested
- another nested item
- indent each item 4 spaces
- And back to the top
You embolden text like this or like this
You emphasize text like this or like this
Or do both at the same time
You can also strikethrough text
This is Subscript text This is Superscript text
Center text like this
You can write code inline by using backticks. For example, if you want to mention in passing that the monadic bind operation in Haskell has the type signature (>>=) :: forall a b. m a -> (a -> m b) -> m b
.
Or you can use code blocks for longer examples, which use triple backticks and support syntax highlighting (as on GitHub):
instance Functor Maybe where
fmap _ Nothing = Nothing
fmap f (Just a) = Just (f a)
instance Applicative Maybe where
pure = Just
Just f <*> m = fmap f m
Nothing <*> _m = Nothing
Just _m1 *> m2 = m2
Nothing *> _m2 = Nothing
instance Monad Maybe where
(Just x) >>= k = k x
Nothing >>= _ = Nothing
(>>) = (*>)
fail _ = Nothing
Yeah, yeah, I know you want to see JavaScript:
var docCookies = new Proxy(docCookies, {
get: function (oTarget, sKey) {
return oTarget[sKey] || oTarget.getItem(sKey) || undefined;
},
set: function (oTarget, sKey, vValue) {
if (sKey in oTarget) { return false; }
return oTarget.setItem(sKey, vValue);
},
deleteProperty: function (oTarget, sKey) {
if (sKey in oTarget) { return false; }
return oTarget.removeItem(sKey);
},
enumerate: function (oTarget, sKey) {
return oTarget.keys();
},
ownKeys: function (oTarget, sKey) {
return oTarget.keys();
},
has: function (oTarget, sKey) {
return sKey in oTarget || oTarget.hasItem(sKey);
},
defineProperty: function (oTarget, sKey, oDesc) {
if (oDesc && "value" in oDesc) { oTarget.setItem(sKey, oDesc.value); }
return oTarget;
},
getOwnPropertyDescriptor: function (oTarget, sKey) {
var vValue = oTarget.getItem(sKey);
return vValue ? {
value: vValue,
writable: true,
enumerable: true,
configurable: false
} : undefined;
},
});
You can use the [inline] modifier to add a caption to your image like this
You can also have images fill a slide (the default behavior), fit to a slide, scale up or down, align left or right, and appear filtered for a cool special effect (demonstrated on the following slides)
Images used inline scale to fit the size of the surrounding text:
You can also create rows of images (make sure to insert a blank line to create a new paragraph):
Or a grid:
Or a grid with space between the lines:
This is some text that I would like to footnote1.
This is a reference to something[^Syrek, 2016].
[^Syrek, 2016]: I'm obviously not a fan of footnotes in slides.
Which, if you know how to use it, you are excited about:
You can also do inline formulas thusly:
- footer:
footer: whatever you want your footer to be
- numbered slides:
slidenumbers: true
- auto-fit all text onto slides:
autoscale: true
- show list bullets one by one:
build-lists: true
I'm not going to demonstrate this one, because it'll make all the other examples too noisy.
See also the official cheatsheet
Footnotes
-
This is the footnote (but do you really need footnotes on your slides?). โฉ