A brief demonstration of minislides

Simple presentations using HTML/CSS

Satvik Saha

Indian Institute of Science Education and Research, Kolkata

Basic text

This is a sentence.

This is another sentence, with bold and italics.

This is a blockquote!

This sentence has been struck off.

Subheading

This is a hyperlink to the GitHub repository of this project.

Displaying code

This slide contains a block of python code.

import marko

with open("markdown.md", "r") as f:
    text = f.read()

html = marko.convert(text)

The with open(...) as f construct ensures that the file is closed after reading from it.

Math expressions

This slide demonstrates the use of math expressions, supported by $\KaTeX$.

Cauchy's Integral Formula

Let $U$ be an open subset of the complex plane, and let $D$ be a closed disk completely contained in $U$. Let $f$ be a holomorphic function on $U$, and let $\gamma$ be the circle oriented counter-clockwise forming the boundary of $D$. Then for every $z_0$ in the interior of $D$, \[ f(z_0) = \frac{1}{2\pi i}\oint_\gamma \frac{f(z)}{z - z_0}\:dz. \]

Centering

You can use the center keyword immediately after beginning a slide in your markdown to center all content within it, like in the "Images" slide.

--- 
center

# Centered slide

Everything is centered here.

Alternatively, use raw tags with the centered class to center individual headings, paragraphs, and lists within a slide.

<p class="centered">This is centered text</p>

Note that markdown syntax does not work within raw HTML tags!

Lists

This is an unordered list.

• Item 1
• Item 2
• Item 3

This is an ordered list

1. Item 1
2. Item 2
3. Item 3

Tables

The next slide shows a large image. Do this by using a raw image tag with the large class.

<img class="large" 
    src="https://source.unsplash.com/featured/?space" 
    alt="This is a large image">