\documentclass[aspectratio=169,10pt]{beamer}
\usepackage{fontspec}
\usepackage[utf8]{inputenc}
\usepackage[english]{babel}
\usepackage{listings}
\usepackage{tcolorbox}
\usepackage{hyperref}
\usepackage{qrcode}
\usepackage{graphicx}

\newtcbox{\mybox}{
	on line,
	%colframe=mycolor,
	colback=gray,
	%boxrule=0.5pt,
	arc=4pt,
	boxsep=0pt,
	left=6pt,
	right=6pt,
	top=6pt,
	bottom=6pt
}

\lstdefinelanguage{Haskelln}{
	language     = Haskell,
	otherkeywords = {=>,->,::,++,!!,|,<-},
}

\lstset{
	frame=none,
	xleftmargin=2pt,
	stepnumber=1,
	numbers=none,
	numbersep=5pt,
	numberstyle=\ttfamily\tiny\color{lightgray},
	belowcaptionskip=\bigskipamount,
	captionpos=b,
	escapeinside={*'}{'*},
	language=Haskelln,
	tabsize=2,
	emphstyle={\bf},
	commentstyle=\it,
	stringstyle=\mdseries\ttfamily\color{green},
	showspaces=false,
	keywordstyle=[1]\color{cyan}\bfseries\ttfamily,
	keywordstyle=[2]\color{orange}\bfseries\ttfamily,
	keywordstyle=[3]\color{yellow}\bfseries\ttfamily,
	keywordstyle=[4]\color{red}\bfseries\ttfamily,
	keywordstyle=[5]\color{purple}\bfseries\ttfamily,
	keywordstyle=[6]\color{blue}\bfseries\ttfamily,
	%keywordstyle=\color{cyan}\ttfamily
	columns=flexible,
	basicstyle=\color{white}\small\ttfamily,
	showstringspaces=false,
	morecomment=[l]\%,
	emptylines=1,
}

% You can set fonts for Latin script here
\setmainfont{FreeSerif}
\setsansfont{FreeSans}
\setmonofont{Fira Mono}

\usetheme{DarkConsole}

\begin{document}
	
	% The metadata of the presentation
	\title{Comics zeichnen mit freier Software}
	\subtitle{Am Beispiel des Projektes \texttt{mateamt}}
	\author[]{Amedeo Molnár - \href{mailto:nek0@nek0.eu}{nek0@nek0.eu}}
	%\institute{SRH Berufsbildungswerk Dresden gGmbH}
	\date{\today} % Replace with date of the presentation

\begin{frame}[plain]
	\maketitle
\end{frame}

\begin{frame}{Gliederung}
	\tableofcontents
\end{frame}

\section{Anforderungen an die Technik}

\begin{frame}{Hardware}
	\begin{itemize}
		\item<2-> Viel RAM
		\item<3-> Gute CPU
		\item<4-> Dedizierte GPU von Vorteil
	\end{itemize}
\end{frame}

\begin{frame}{Betriebssystem}
	GNU/Linux mit grafischer Oberfläche und aktuellen Treibern
\end{frame}

\begin{frame}{Peripherie}
	\begin{itemize}
		\item<2-> Kompatibler Scanner
			(\href{SANE-Project}{http://www.sane-project.org/sane-supported-devices.html})
		\item<3-> Kompatibler Farb-Laser/LED-Drucker
			(\href{OpenPrinting}{https://www.openprinting.org/drivers})
		\item<4-> Kompatibles Zeichen-Tablet/Monitor
		\begin{itemize}
			\item Wacom hat in aller Regel guten Linux-Support
			\item Alternative Hersteller sind vom
				\href{https://digimend.github.io/}{DIGIMend-Projekt} gelistet
		\end{itemize}
	\end{itemize}
\end{frame}

\section{Anforderungen an den Comic}

\subsection{Story}

\begin{frame}{Story}
	Bevor mit dem Zeichnen überhaupt angefangen werden kann, sollte eine
	Rahmenhandlung stehen.
	
	\onslide<2->{
	\begin{center}
	\mybox{
		\begin{minipage}{.66\linewidth}
		\begin{center}
		Sechs essentielle Fragen:
		
		\begin{itemize}
			\item<3-> Um wen geht es?
			\item<4-> Was woillen die Charaktere?
			\item<5-> Warum können sie es nicht erreichen?
			\item<6-> Was machen sie deswegen?
			\item<7-> Wieso gelingt das nicht?
			\item<8-> Wie geht alles aus?
		\end{itemize}
	
		\onslide<8->{\tiny Quelle: \url{https://www.youtube.com/watch?v=F7i3w6XW_2Q}}
		\end{center}
		\end{minipage}
	}
	
	\end{center}
	}
\end{frame}

\subsection{Worldbuilding}

\begin{frame}{Worldbuilding}
	
	\begin{center}
		Beschreibung einer midnestens unter oberflächlichen Betrachtung
		konsistenten Welt, in welcher die Handlung stattfińden soll.
	\end{center}
	
\end{frame}

\begin{frame}{Unterstützende Software}
	\begin{itemize}
		\item<2->\href{http://theologeek.ch/manuskript}{Manuskript}
		\item<3->\href{https://www.zettlr.com/}{Zettlr}
		\item<3->\href{https://vimwiki.github.io/}{vimwiki}
	\end{itemize}
\end{frame}

\subsection{Design und Gestaltung}

\begin{frame}{Character Design}
	\begin{center}
		Visuelle Gestaltung der Charaktere unter Berücksichtigung ihrer Rolle und
		Status in der Story und der Welt, in der Sie leben.
		
		\vspace{1cm}
		
		\includegraphics[width=.45\linewidth]{img/ref_fish.png}
		\includegraphics[width=.45\linewidth]{img/ref_alys.png}
	\end{center}
\end{frame}
	
\begin{frame}{World Design}
	\begin{center}
		Visuelle Gestaltung der Welt und der in ihr vorkommenden Elemente
	\end{center}
	\begin{minipage}{.45\linewidth}
		\onslide<2->{
		\begin{itemize}
			\item Geographie
			\item Landschaft
			\item Pflanzen
			\item Tiere
			\item Fahrzeuge
			\item KLeidung
			\item Alltagsgegenstände
			\item …
		\end{itemize}
		}
	\end{minipage}
	\begin{minipage}{.45\linewidth}
		\includegraphics[width=\linewidth]{img/landscape.png}
	\end{minipage}
\end{frame}

\begin{frame}{Der Comic selbst}
	\begin{center}
		Das Zeichnen des Comics gliedert sich in der Regel in bestimmte Schritte
		
		\vspace{1cm}
		
		\onslide<2->{\mybox{
		\begin{minipage}[t]{.25\linewidth}
			\begin{center}
				Storyboards
			
				\vspace{.5cm}
			
				\raisebox{-0.5\height}{\includegraphics[width=.5\linewidth]{img/storyboard.png}}
			\end{center}
		\end{minipage}
		}}
		\onslide<3->{\mybox{
		\begin{minipage}[t]{.25\linewidth}
			\begin{center}
				Layouts
				
				\vspace{.5cm}
				
				\raisebox{-0.5\height}{\includegraphics[width=.5\linewidth]{img/layout.png}}
			\end{center}
		\end{minipage}
		}}
		\onslide<4->{\mybox{
		\begin{minipage}[t]{.25\linewidth}
			\begin{center}
				Reinzeichnung
				
				\vspace{.5cm}
				
				\raisebox{-0.5\height}{\includegraphics[width=.5\linewidth]{img/clean.png}}
			\end{center}
		\end{minipage}
		}}
	\end{center}
\end{frame}

\begin{frame}{Unterstützende Software}
	\begin{itemize}
		\item<2-> \href{https://krita.org}{Krita}
		\item<3-> \href{https://inkscape.org/}{Inkscape}
	\end{itemize}
\end{frame}

\section*{Abschluss}

\begin{frame}[plain, noframenumbering]
	\begin{center}
		\Huge Fragen? Fragen!
	\end{center}
\end{frame}

\begin{frame}[plain, noframenumbering]
	\begin{center}
		{\Huge Vielen Dank für die Aufmerksamkeit!}\\
		
		\vspace{1cm}
		
		Diese Presentation steht zum Download bereit unter:
		
		\vspace{.25cm}
		\qrcode{https://gitea.nek0.eu/nek0/Comics-with-free-Software}\\
		\url{https://gitea.nek0.eu/nek0/Comics-with-free-Software}
	\end{center}
\end{frame}

\end{document}