Title of the lecture

123456

Summer 2022

Korbinian Kuhn @kuhnko

Stuttgart Media University

Features

Slide numbers will be generated automatically
You get a fancy mobile menu as a table of contents and to jump to specific slides
Every code snippet will be highlighted automatically with highlight.js (during build time)
Use space and arrow keys to navigate
Slides are fully response for mobile devices and small screens
You can even choose the dark mode in the side-nav
Slides have a modified CSS-Stylesheet for print to generate a PDF with the browser
Supports multiple Markdown files to split your presentation in subslides (README.md will always be the entrypoint)

Code

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

JavaScript

const add = (a, b) => {
  return a + b;
};

CSS

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

Tables

Name	Series
Rick	Rick & Morty
Morty	Rick & Morty
Homer	Simpsons
Marge	Simpsons

Columns

Left Column 1

Right Column 1

Left Column 2

Right Column 2

Images

Default

HDM Logo

Alignment

Use center, left or right to align an image

right

Width

Usage % for a relative image width

50%

Width and alignment

Of course you can use both

left 20%