<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>reveal.js</title>

		<link rel="stylesheet" href="dist/reset.css">
		<link rel="stylesheet" href="dist/reveal.css">
		<link rel="stylesheet" href="dist/theme/black.css">

		<!-- Theme used for syntax highlighted code -->
		<link rel="stylesheet" href="plugin/highlight/monokai.css">
	</head>
	<body>
		<div class="reveal">
			<div class="slides">
				<section>
					<h3>AdBlocking mit</h3>
					<a href="https://pi-hole.net/">
						<img src="https://wp-cdn.pi-hole.net/wp-content/uploads/2018/12/pihole-text-logo-white.png.webp" alt="pihole logo"  style="height: 120px; margin: 0 auto 4rem auto; background: transparent;" class="pihole-logo">
					</a>
					<h3>Werbefreies Heimnetzwerk mit dem RaspberryPi<h3>
				</section>
				<section>
					<h2>Worüer wir sprechen</h2>
					<ul>
						<li>Warum AdBlocking?</li>
						<li>Warum PiHole</li>
						<li>Wie funktioniert das?</li>
						<li>Kritik</li>
						<li>...</li>
					</ul>
				</section>
				<section>
					<h3>Features</h3>
					<img src="images/features.png" alt="pihole features"  style="height: 260px; margin: 0 auto 4rem auto; background: transparent;">
				</section>
			</div>
		</div>

		<script src="dist/reveal.js"></script>
		<script src="plugin/notes/notes.js"></script>
		<script src="plugin/markdown/markdown.js"></script>
		<script src="plugin/highlight/highlight.js"></script>
		<script>
			// More info about initialization & config:
			// - https://revealjs.com/initialization/
			// - https://revealjs.com/config/
			Reveal.initialize({
				hash: true,

				// Learn about plugins: https://revealjs.com/plugins/
				plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
			});
		</script>
	</body>
</html>