Welcome to a meta slideshow on how to make slideshows!

(That look like this!)

Slideshows are generated from markdown files (.md)
These files are basically plain-text but which have special characters that (when processed) can apply cool formatting.

Markdown File Insides

This is what a markdown file looks like!

Click here for a complete Markdown cheatsheet to show how to bold, italicize, underline and link text!

This website uses a javascript package called Marp to generate slideshows.

There are handy things this allows markdown to do.

  • Like fragment these pieces of text.
  • And split up sections of markdown into different slides!
  • We can do this by adding 3 dashes ("---") in our files

Guides on customizing slides and integrating them into markdown files can be found in their documentation or simple web searches.

We can also add images and gifs to our slides.

"![Image Description]("./local/path/to/image.png)"

Bingle

But why do it like this?

Pros Cons
Easy to share Harder to write if you're not familiar with markdown
Easy to present
Easy to read plain text documents
Markdown-Specific editor!
Web-Friendly!

Writing Markdown

There are several options for writing markdown files.

  1. Google Docs
  2. Obsidian
  3. A code editor like Visual Studio Code

I recommend using Visual Studio Code because of the Marp for VS Code extension!

This allows you to preview the slideshow as you make it in your IDE!

You can enable the preview by clicking this icon in the top-right corner.

Guide for making presentations

  • Keep each slide brief and concise. Space can be taken up very fast by images/codeblocks/paragraphs

  • Keep ALL images in a folder with your .md files (this is so I can upload them to the website well)

  • Ask questions and consult documentation!

.element: class="fragment" data-fragment-index="1"

.element: class="fragment" data-fragment-index="2"

.element: class="fragment" data-fragment-index="3"

.element: class="fragment" data-fragment-index="4"