\documentclass[titlepage,landscape,pdf]{beamer}%
% \usetheme[height=1cm]{Rochester} % Good
\usetheme[]{Luebeck} % Good
% \usetheme[]{Rochester} % Good
\usepackage[utf8]{inputenc}
\usepackage[intlimits,sumlimits,uprightgreeks]{kpfonts}
\usepackage[danish]{babel}
\usepackage[backend=bibtex,style=alphabetic]{biblatex}
\bibliography{kilder}
\usepackage{tgadventor}
\usecolortheme[]{beaver}
\usepackage{amsmath,marvosym,csquotes,amsfonts,txfonts,tikz,forest,braket,cryptocode,xcolor}%
\usetikzlibrary{backgrounds,decorations.pathmorphing}
\usepackage{tikzlings}
\usepackage{amsfonts}%
\usepackage{amssymb}%
\usepackage{graphicx,graphics,hyperref}
% \usenavigationsymbolstemplate{}

\usepackage{listings}
\lstset
{
  language=[LaTeX]TeX,
  breaklines=true,
  basicstyle=\tt\scriptsize,
  keywordstyle=\color{blue},
  identifierstyle=\color{magenta},
  inputencoding=utf8,
  escapeinside={\%*}{*)},
}

\setcounter{MaxMatrixCols}{20}
\hfuzz5pt % Don't bother to report overfull boxes < 5pt

\makeatletter
\g@addto@macro\normalsize{%
    \setlength\belowdisplayskip{-0pt}
  }
\makeatletter
\g@addto@macro\normalsize{%
    \setlength\abovedisplayskip{-0pt}
  }
  
\usepackage{mathtools}
\tikzstyle{block} = [draw, rectangle, minimum height=3em, minimum width=3em]
\tikzstyle{virtual} = [coordinate]

\renewcommand{\d}[1]{\ensuremath{\operatorname{d}\!{#1}}}
\newcommand{\me}{\mathrm{e}}
\renewcommand{\epsilon}[0]{\varepsilon}
\newcommand{\NN}[0]{\mathbb{N}}
\newcommand{\ZZ}[0]{\mathbb{Z}}
\newcommand{\comma}[0]{,}
\newcommand{\QQ}[0]{\mathbb{Q}}
\newcommand{\RR}[0]{\mathbb{R}}
\newcommand{\CC}[0]{\mathbb{C}}
\newcommand{\RRN}[0]{\mathbb{R}^n}
\newcommand{\cl}[1]{\mathcal{#1}}
\DeclareMathOperator{\Hmin}{\text{H}_{\text{min}}}
\newcommand{\pw}[1]{^{#1}}
\newcommand{\inv}{^{-1}}
\newcommand{\bb}[1]{\mathbb{#1}}
\newcommand{\scr}[1]{\mathscr{#1}}
\newcommand{\sfinite}{$\sigma$-finite}
\newcommand{\ideal}{\triangleleft}
\newcommand{\calg}[0]{$C^{*}$-algebra}
\DeclareMathOperator{\Span}{span}
\DeclareMathOperator{\Aut}{Aut}
\newcommand{\ubar}[1]{\text{\b{$#1$}}}
\newcommand{\bc}[0]{\medcirc}

\begin{document}

\definecolor{light-gray}{gray}{0.92}
% \setbeamercolor{background canvas}{bg=light-gray}

\title[Introduktion til \textrm{\LaTeX}]{Introduktion til \textrm{\LaTeX}}
% \subtitle{\blockquote{Contributions to the Founding of the Theory of Transfinite
% Numbers}}
% \institute{University of Southern Denmark}
% \subtitle{Defence of Master's Thesis in Mathematics}
\author[Simon Skjernaa Erfurth]{Simon Skjernaa Erfurth}
\date[SDU, 26/10/21]{26. Oktober, 2021}
% \logo{\includegraphics[height=.5cm]{SDUinline.png}}

\frame[plain]{\titlepage}
\setbeamertemplate{itemize item}[square]

\begin{frame}
  \begin{center}
    \includegraphics[width=.8\textwidth]{./img/learning-curve.png}\\[.3cm]
    \tiny Source: \url{https://www.pinteric.com/miktex.html}
  \end{center}
\end{frame}

\begin{frame}
  \frametitle{Dagens Plan}
  \begin{columns}
    \begin{column}{0.7\textwidth}
      \begin{enumerate}
      \item Introduktion og hvad er \textrm{\LaTeX}{}?% hvem er jeg, wysiwyg, overleaf,
        % editor
      \item Baby's first \textrm{\LaTeX}{} document!
      \item Lidt om \textrm{\LaTeX}{}'s anatomi % Hvordan er en kommando opbygget,
        % enviroments, pakker
      \item Afsnit og formatering % 2x enter, \\, \noindent, og \textbf,
        % \textit etc.
      \item Organisering og forside % inkl. toc
      \item Matematik
      \item Referencer
      \item Billeder % Tilføj SDU logo til forsiden
      \item Lister og Tabeller
      \item Sidehoved og -fod
      \item Kildehenvisninger
      \item Kode
      \item Ti\textit{k}Z
      \end{enumerate}
    \end{column}
    \begin{column}{0.3\textwidth}
    \end{column}
  \end{columns}
\end{frame}

\begin{frame}
  \frametitle{Introduktion}
  \begin{block}{Hvem er jeg?}
    \begin{itemize}
    \item Kandidat i Matematik
    \item Brugt \textrm{\LaTeX}{} siden 2013
    \end{itemize}
    % Fun fact: Nogen af dem jeg skrev 1. års projekt med på 2. semester brugte
    % noget der byggede på min template til at deres speciale.
  \end{block}

  \begin{block}{\textrm{\LaTeX}{}}
    Tager en fil med tekst* og opsætter det til et pænt læsbart format.\pause

    Altså: Du kan koncentrere dig om \textbf{indholdet}, \textrm{\LaTeX}{} tager sig af
    \textbf{formatteringen}.
  \end{block}
\end{frame}

\begin{frame}
  \frametitle{Introduktion}
  \begin{block}{WYSIWYG vs. \textrm{\LaTeX}{} (Markup)}
    \includegraphics[width=\textwidth]{./img/wysiwyg.png}
  \end{block}
\end{frame}

\begin{frame}
  \frametitle{Introduktion}
  \begin{block}{To måder at skrive \textrm{\LaTeX}{} på}
    \begin{itemize}
    \item Editor + pdflatex + pdfviser
      \begin{itemize}
      \item + Personaliserbar
      \item + Offline
      \item - Kræver installationer
      \end{itemize}\pause
    \item Overleaf
      \begin{itemize}
      \item + \textit{It just works!}
      \item + Nemt at samarbejde
      \item - Online
      \end{itemize}
    \end{itemize}
  \end{block}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Baby's first \textrm{\LaTeX}{} document!}
  \begin{columns}
    \begin{column}{0.5\textwidth}
  \begin{lstlisting}
\documentclass{article}

\begin{document}
Hello World
\end{document}
\end{lstlisting}
\end{column}
\begin{column}{0.5\textwidth}
    \fbox{\includegraphics[width=\textwidth]{./img/first-latex-0.pdf}}
\end{column}
\end{columns}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Baby's first \textrm{\LaTeX}{} document!}
  \begin{columns}
    \begin{column}{0.5\textwidth}
  \begin{lstlisting}
\documentclass{article}
\usepackage[utf8]{inputenc}

\title{Workshop}
\author{Simon Erfurth}
\date{October 2021}

\begin{document}

\maketitle

\section{Introduction}
Hello World!

\end{document}
\end{lstlisting}
\end{column}
\begin{column}{0.5\textwidth}
  \fbox{\includegraphics[width=\textwidth]{./img/first-latex1.pdf}}
\end{column}
\end{columns}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Afbræk: \textrm{\LaTeX}'s personlighed}

  \begin{block}{Særlige symboler}
    \begin{itemize}
    \item \textrm{\LaTeX} reservere en del symboler
    \item Bla. $\backslash ~ \$ ~ \% ~ \{ ~ \} ~ \& ~ \#$
    \item Brug i stedet \lstinline!\backslash \$ \% \{ \} \& \#!
    \end{itemize}\pause
  \end{block}

  \begin{block}{Fejlmeddelelser}
    \begin{itemize}
    \item I kommer til at få fejl
    \item Men \textrm{\LaTeX} hjælper jer!
    \item Hvis alt går galt så spørg google!
    \end{itemize}
  \end{block}
\end{frame}

\begin{frame}[fragile]
  \frametitle{\textrm{\LaTeX}{}'s anatomi}
  \begin{block}{Kommandoer}
    Generelt: \lstinline!\command[OptArg]{Arg}!\\
    \begin{itemize}
    \item \lstinline!\command{}!: Kommandoen, f.eks. \lstinline!\section{}!,
      \lstinline!\textbf{}!, eller \lstinline!\textit{}!
    \item \lstinline!Arg!: Argument, f.eks. \lstinline!\section{Introduktion}!
      eller \lstinline!\textbf{Dette er med fed}!
    \item \lstinline!OptArg! evt. ekstra argumenter, f.eks. \lstinline!\usepackage[a4paper]{article}!
    \end{itemize}\pause
  \end{block}

  \begin{block}{Environments}
    \begin{lstlisting}
\begin{navn}
  Indhold!
\end{navn}
\end{lstlisting}
F.eks. \lstinline!document! eller \lstinline!center!
  \end{block}
\end{frame}

\begin{frame}[fragile]
  \frametitle{\textrm{\LaTeX}{}'s anatomi}
  \begin{block}{Et dokuments anatomi}
    \begin{center}
      \includegraphics[width=.5\textwidth]{./img/structure.jpg}
    \end{center}
  \end{block}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Afbræk: Pakker}
  \begin{itemize}
  \item \lstinline!\usepackage[utf8]{inputenc}!\pause
  \item \textrm{\LaTeX}{} er lavet til at blive brugt med pakker!
  \item F.eks.
    \begin{itemize}
    \item \lstinline!\usepackage[danish]{babel}!
    \item \lstinline!\usepackage{biblatex}!
    \item \lstinline!\usepackage{amsmath}!
    \item \lstinline!\usepackage[unicode=true,hidelinks]{hyperref}!
    \end{itemize}
  \end{itemize}\pause

  \begin{exampleblock}{Øvelse}
    Sæt lokaliteten af jeres \textrm{\LaTeX}{} dokument til Danmark.
  \end{exampleblock}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Afsnit og formatering}
  \begin{block}{Afsnit}
    \begin{itemize}
    \item Dobbelt linjeskift
    \item \lstinline!\\!
    \item \lstinline!\newpage!
    \end{itemize}
  \end{block}\pause

  \begin{block}{Formatering}
    \begin{itemize}
    \item \textbf{Fed}: \lstinline!\textbf{Fed}!
    \item \textit{Italic}: \lstinline!\textit{Italic}!
    \item \underline{Underlined}: \lstinline!\underline{Underlined}!
    \end{itemize}
  \end{block}\pause

  \begin{exampleblock}{Øvelser}
    \begin{itemize}
    \item Hvad er forskellen på dobbelt linjeskift og  \lstinline!\\!?
    \item Hvad gør \lstinline!\textsc{}! og \lstinline!\texttt{}!?
    \end{itemize}
  \end{exampleblock}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Organisering og forside}
  \begin{block}{Afsnit}
    \begin{itemize}
    \item Level 1: \lstinline!\section{Overskrift}!
    \item Level 2: \lstinline!\subsection{Underoverskrift}!
    \item Level 3: \lstinline!\subsubsection{Underunderoverskrift}!
    \end{itemize}
  \end{block}\pause

  \begin{block}{Forside}
    \begin{lstlisting}
\title{IMADA's \LaTeX{} Workshop}
\author{Simon S. Erfurth}
\date{\today}

\maketitle
    \end{lstlisting}
  \end{block}\pause

  \begin{exampleblock}{Øvelser}
    Hvad gør \lstinline!\tableofcontents! nu?
  \end{exampleblock}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Matematik}
  \begin{block}{Environment}
    \begin{itemize}
    \item In-line: \lstinline!$4 + 4 = 7$!
    \item Egen linje:
      \begin{lstlisting}
\begin{equation}
  420 = 69
\end{equation}
      \end{lstlisting}
    \end{itemize}
  \end{block}\pause

  \begin{block}{Good-to-know}
    \begin{itemize}
    \item Brøker: \lstinline!\frac{top}{bund}!
    \item Kvadratrod og potenser: \lstinline!\sqrt{2}! og \lstinline$2^{\frac{1}{2}}$
    \item Symboler: \lstinline!\cdot, \pi, \alpha, \beta,...!
    \end{itemize}
  \end{block}\pause

  \begin{exampleblock}{Øvelser}
    Skriv en ligning hvor du bruger disse. Hvordan laver et $\delta$?
  \end{exampleblock}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Matematik}
  \begin{block}{Matricer}
    \begin{lstlisting}
\begin{pmatrix}
  a & b & c \\
  d & e & f
\end{pmatrix}
\end{lstlisting}
Desuden: \texttt{bmatrix, vmatrix}
\end{block}\pause

\begin{block}{Flere ligninger}
  \begin{align}
    (a+b)^2 =& a^2 + ab +ba + b^2\label{eq:myeq}\\
    =& a^2 + b^2 + 2ab.
  \end{align}
  \begin{lstlisting}
\begin{align}
  (a+b)^2 =& a^2 + ab +ba + b^2\\
  =& a^2 + b^2 + 2ab.
\end{align}
  \end{lstlisting}
\end{block}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Referencer}
  \begin{block}{Det' nemt!}
    \lstinline!\label{eq:myeq}! og \lstinline!\ref{eq:myeq}!.

    Se Ligning \ref{eq:myeq}.
  \end{block}\pause

  \begin{exampleblock}{Øvelser}
    Lav en reference til et afsnit. Hvad gør \lstinline!\pageref{}!?

    Opstil følgende lignig:
    \begin{align}
      A\cdot x =&
                  \begin{pmatrix}
                    0 & 1 \\ 1 & 0
                  \end{pmatrix}
                                 \begin{pmatrix}
                                   x \\ y
                                 \end{pmatrix}\\
      =&
         \begin{pmatrix}
           y \\ x
         \end{pmatrix}.
    \end{align}
  \end{exampleblock}
\end{frame}

\begin{frame}
  \frametitle{Slut på første halvdel}
  \begin{center}
    \Huge Spørgsmål?
  \end{center}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Billeder}
  \begin{block}{Den simple}
    Hav billedet i samme mappe som din \texttt{tex} fil!
    \begin{lstlisting}
\usepackage{graphicx}
...
\includegraphics[width=0.5\textwidth]{billede}
    \end{lstlisting}

    Mulighedder:
    \begin{itemize}
    \item \texttt{width}: enten cm, pixels, eller tekstbredde
    \item \texttt{height}: cm, pixels, eller teksthøjde
    \item \texttt{angle}: roter billedet et antal grader
    \end{itemize}
  \end{block}

  OBS! Hvis der er mellemrum i filnavnet så brug \texttt{"billede 1.png"}.
\end{frame}


\begin{frame}[fragile]
  \frametitle{Billeder}
  \begin{block}{Den rigtige}
    Lav det som en figur!
    \begin{lstlisting}
\begin{figure}[ht]
  \centering
  \includegraphics[width=0.5\textwidth]{kat}
  \caption{En meget fin kat.}
  \label{fig:kat}
\end{figure}
\end{lstlisting}
\texttt{[ht]} placring på siden: \texttt{\underline{h}ere, \underline{t}op,
  \underline{b}ottom, \underline{p}age}
\end{block}\pause 

\begin{exampleblock}{Øvelser}
  Find et billede af en hund, lav en figur med den, og refere til figuren.
\end{exampleblock}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Lister og tabeller}
  \begin{block}{Lister}
    Nummereret liste:
    \begin{lstlisting}
\begin{enumerate}
\item Et punkt!
\item Et andet punkt!
\end{enumerate}
\end{lstlisting}
\begin{itemize}
\item Eller \texttt{itemize} for bullet points.
\item Man kan have lister inde i lister!
\end{itemize}
\end{block}\pause

\begin{block}{Tabeller}
  \begin{itemize}
  \item Nok \textrm{\LaTeX}'s svaghed.
  \item Hvis det er bare lidt komplekst: google \textit{latex table generator}
  \end{itemize}
\end{block}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Lister og tabeller}
  \begin{block}{Tabel eksempel}
    \begin{lstlisting}
\begin{tabular}{l|cccc}
Date:         & 30/02 & 31/02 & 32/02 & 24/12 \\ \hline
Participants: & 420   & 69    & 42    & 3     \\
Room:         & U201  & U400  & U0    & O11  
\end{tabular}
    \end{lstlisting}
  \end{block}
  \begin{center}
    \begin{tabular}{l|cccc}
      Date:      & 30/02 & 31/02 & 32/02 & 24/12 \\ \hline
      Participants: & 420   & 69    & 42    & 3     \\
      Room:    & U201  & U400  & U0    & O11  
    \end{tabular}
  \end{center}\pause

  \begin{exampleblock}{Øvelser}
    Lav en liste over hvad i har fået til frokost. Var der noget der bestod af
    flere ting? Så lav en liste i en liste!
  \end{exampleblock}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Sidehoved og -fod}
  \begin{block}{Using \texttt{fancyhdr}}
    \begin{lstlisting}
\usepackage{fancyhdr}
\usepackage{lastpage}
\pagestyle{fancy}
\lhead{KA501\\Udvalgte Emner i Moderne Kageteori}
\chead{}
\rhead{\today\\Mads Andersen}
\lfoot{SDU}
\cfoot{}
\rfoot{Side \thepage{} af \pageref{LastPage}}
\end{lstlisting}
Hint: brug \lstinline!\thispagestyle{empty}! på forsiden
\end{block}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Sidehoved og -fod}
  \begin{alertblock}{Advanceret: \texttt{Datetime}}
  \begin{itemize}
  \item \lstinline!\today! er ikke optimalt. 
  \item Ej heller er det optimalt at skrive dato to gange.
  \end{itemize}
  \begin{lstlisting}
\usepackage[nodayofweek]{datetime}
\newdate{deadline}{31}{12}{2021}
...
\displaydate{deadline}
\ddmmyydate\displaydate{deadline}
  \end{lstlisting}
\end{alertblock}\pause

\begin{itemize}
\item Her får vi 31. december 2021 eller 31/12/21
\item Mange flere formater!
\end{itemize}\pause

\begin{exampleblock}{Øvelser}
  Tilføj sidehoved til jeres dokument.
\end{exampleblock}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Kildehenvisninger}
  \begin{alertblock}{Advanceret: \textrm{Bib\TeX{}}}
    \begin{itemize}
    \item Brug pakken \texttt{biblatex} eller \texttt{bibtex}
    \item \texttt{.bib} fil med kilder i
    \item \lstinline!\cite{kilde}! og \lstinline!\printbibliography! i \texttt{.tex} filen
    \end{itemize}
  \end{alertblock}

  \begin{alertblock}{Hint}
    Brug et program (f.eks. JabRef) til at holde styr på jeres \texttt{.bib} fil.
  \end{alertblock}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Kildehenvisninger: Eksempel}
  \begin{alertblock}{\texttt{kilder.bib} fil}
    \begin{lstlisting}
@book{howa13,
   title = {Elementary Linear Algebra, Applications Version},
   author = {Howard Anton and Chris Rorres},
   publisher = {Wiley},
   year = {2013},
   edition = {11},}
    \end{lstlisting}
  \end{alertblock}
  
  \begin{alertblock}{\texttt{.tex} fil}
    \begin{lstlisting}
\usepackage[backend=bibtex,style=alphabetic]{biblatex}
\bibliography{kilder}
...
%*Lineær Algebra kan man lære fra*) \cite{howa13}.
\printbibliography
    \end{lstlisting}
  \end{alertblock}

  % \begin{alertblock}{\texttt{.pdf} fil}
    Lineær Algebra kan man lære fra \cite{howa13}.
    \printbibliography[heading=none]
  % \end{alertblock}
  \end{frame}

  \begin{frame}[fragile]
    \frametitle{Kode}
    \begin{alertblock}{Advanceret: \texttt{listings}}
\begin{lstlisting}
\usepackage{listings}
\lstset{
  language=[LaTeX]TeX,
  breaklines=true,
  basicstyle=\tt\scriptsize,
  keywordstyle=\color{blue},
  identifierstyle=\color{magenta},
}
...
\begin{lstlisting}
  
\documentclass{article}

\begin{document}
Hello World
\end{document}
\end{lstlisting}
\lstinline!\end{lstlisting}!
\end{alertblock}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Kode}
    \begin{alertblock}{\texttt{Python}}
  \begin{lstlisting}[language=python]
def main:
    print("Hello World!")

if __name__ == '__main__':
    main()
  \end{lstlisting}
\end{alertblock}

\begin{alertblock}{\texttt{C}}
    \begin{lstlisting}[language=C]
#include <stdio.h>
int main() {
   printf("Hello World!");
   return 0;
}
\end{lstlisting}
\end{alertblock}
\end{frame}

\begin{frame}
  \frametitle{Ti\textit{k}Z}
  \begin{alertblock}{Hvad er Ti\textit{k}Z}
    \begin{itemize}
    \item En måde at lave virkeligt lækre figure i \textrm{\LaTeX{}}
    \item Et kode baseret tegneprogram\pause
    \item Ikke så nemt at lære at bruge, men med rigtig mange eksempler på nettet!
    \end{itemize}
  \end{alertblock}
\end{frame}

\begin{frame}
  \frametitle{Ti\textit{k}Z}
  % Definition of circles
\def\firstcircle{(0,0) circle (1.5cm)}
\def\secondcircle{(0:2cm) circle (1.5cm)}

\colorlet{circle edge}{blue!50}
\colorlet{circle area}{blue!20}

\tikzset{filled/.style={fill=circle area, draw=circle edge, thick},
    outline/.style={draw=circle edge, thick}}

\setlength{\parskip}{5mm}
% Set A and B
\begin{center}
  \begin{tikzpicture}[scale=0.5]
    \begin{scope}
      \clip \firstcircle; \fill[filled] \secondcircle;
    \end{scope}
    \draw[outline] \firstcircle node {$A$}; \draw[outline] \secondcircle node
    {$B$}; \node[anchor=south] at (current bounding box.north) {$A \cap B$};
  \end{tikzpicture}\quad
  % Set A or B but not (A and B) also known a A xor B
  \begin{tikzpicture}[scale=0.5]
    \draw[filled, even odd rule] \firstcircle node {$A$} \secondcircle
    node{$B$}; \node[anchor=south] at (current bounding box.north)
    {$\overline{A \cap B}$};
  \end{tikzpicture}\\[.5cm]
  % Set A or B
  \begin{tikzpicture}[scale=0.5]
    \draw[filled] \firstcircle node {$A$} \secondcircle node {$B$};
    \node[anchor=south] at (current bounding box.north) {$A \cup B$};
  \end{tikzpicture}\quad
  % Set A but not B
  \begin{tikzpicture}[scale=0.5]
    \begin{scope}
      \clip \firstcircle; \draw[filled, even odd rule] \firstcircle node {$A$}
      \secondcircle;
    \end{scope}
    \draw[outline] \firstcircle \secondcircle node {$B$}; \node[anchor=south] at
    (current bounding box.north) {$A - B$};
  \end{tikzpicture}
\end{center}
\end{frame}

\begin{frame}
  \frametitle{Ti\textit{k}Z}
  \newcommand{\pythagwidth}{3cm}
\newcommand{\pythagheight}{2cm}
\begin{center}
  \begin{tikzpicture}
    \coordinate [label={below right:$A$}] (A) at (0, 0); \coordinate
    [label={above right:$B$}] (B) at (0, \pythagheight); \coordinate
    [label={below left:$C$}] (C) at (-\pythagwidth, 0);

    \coordinate (D1) at (-\pythagheight, \pythagheight + \pythagwidth);
    \coordinate (D2) at (-\pythagheight - \pythagwidth, \pythagwidth);

    \draw [very thick] (A) -- (C) -- (B) -- (A);

    \newcommand{\ranglesize}{0.3cm} \draw (A) -- ++ (0, \ranglesize) -- ++
    (-\ranglesize, 0) -- ++ (0, -\ranglesize);

    \draw [dashed] (A) -- node [below] {$b$} ++ (-\pythagwidth, 0) -- node
    [right] {$b$} ++ (0, -\pythagwidth) -- node [above] {$b$} ++ (\pythagwidth,
    0) -- node [left] {$b$} ++ (0, \pythagwidth);

    \draw [dashed] (A) -- node [right] {$c$} ++ (0, \pythagheight) -- node
    [below] {$c$} ++ (\pythagheight, 0) -- node [left] {$c$} ++ (0,
    -\pythagheight) -- node [above] {$c$} ++ (-\pythagheight, 0);

    \draw [dashed] (C) -- node [above left] {$a$} (B) -- node [below left] {$a$}
    (D1) -- node [below right] {$a$} (D2) -- node [above right] {$a$} (C);
  \end{tikzpicture}
\end{center}
\end{frame}

\begin{frame}
  \frametitle{Ti\textit{k}Z}
  \begin{center}
    \begin{tikzpicture}[auto,scale=1.3]
      % Place nodes
      \node [virtual] (inputA) at (0,0) {}; \node [block] (A) at (1,0)
      {$\cl{A}$}; \node [block] (B) at (2.5,0) {$B$}; \node [virtual] (inputB)
      at (3.5,0) {}; \node [virtual] (outputA) at (1,-1) {}; \node [virtual]
      (outputB) at (2.5,-1) {};
      % Connect nodes
      \draw [->] (inputA) -- (A); \draw [->] (inputB) -- (B); \draw [->] (A) --
      (outputA); \draw [->] (B) -- (outputB); \draw [<->] (A) -- (B); \draw
      [fill=gray!20] (0,0.5) -- (-0.5,0.5) -- (-0.5,-1.5) -- (4,-1.5) -- (4,0.5)
      -- (3.5,0.5) -- (3.5,-1) -- (0,-1) -- (0,0.5); \node (D) at (1.75,-1.25)
      {$D$}; \draw [dotted] (0.25,0.75) -- (3.25,0.75) -- (3.25,-0.75) --
      (0.25,-0.75) -- (0.25,0.75); \node (Des) at (3.1,0.6) {$\Pi$};
      % \node (Out) at (1.75,-0.6) {$\text{Out}_{\Pi,\cl{A},B}$};
    \end{tikzpicture}\\[.5cm]
    \begin{tikzpicture}[auto,scale=1.3]
      % Place nodes
      \node [virtual] (inputA) at (0,0) {}; \node [block] (S) at (1,0)
      {$\mathsf{Sim}$}; \node [block] (A) at (1,1.2) {$\cl{A}$}; \node [block]
      (F) at (2.5,0) {$\cl{F}$}; \node [block] (B) at (4,0) {$\hat{B}$}; \node
      [virtual] (inputB) at (5,0) {}; \node [virtual] (outputA) at (1,-1) {};
      \node [virtual] (outputB) at (4,-1) {};
      % Connect nodes
      \draw [->] (inputA) -- (S); \draw [->] (inputB) -- (B); \draw [->] (S) --
      (outputA); \draw [->] (B) -- (outputB); \draw [<->] (S) -- (F); \draw
      [<->] (B) -- (F); \draw [<->] (A) -- (S); \draw [fill=gray!20] (0,0.5) --
      (-0.5,0.5) -- (-0.5,-1.5) -- (5.5,-1.5) -- (5.5,0.5) -- (5,0.5) -- (5,-1)
      -- (0,-1) -- (0,0.5); \node (D) at (2.5,-1.25) {$D$}; \draw [dotted]
      (0.25,1.75) -- (4.75,1.75) -- (4.75,-0.75) -- (0.25,-0.75) -- (0.25,1.75);
      \node (Des) at (4.5,1.5) {$\cl{F}$};
    \end{tikzpicture}
  \end{center}
\end{frame}

\begin{frame}
  \frametitle{Ti\textit{k}Z}
  \begin{center}
  \begin{tikzpicture}[scale=1.5]
      \tikzstyle{vertex}=[circle,minimum size=10pt,inner sep=0pt, fill=black!20]
      \tikzstyle{selected vertex} = [vertex, fill=red!25]
      \tikzstyle{selected edge} = [draw,line width=5pt,-,red!25]
      \tikzstyle{edge} = [draw,thick,-,black]
      \node[vertex] (v1) at (0,0) {$v_1$};
      \node[vertex] (v2) at (.5,-1) {$v_2$};
      \node[vertex] (v3) at (-.5,-1) {$v_3$};
      \node[vertex] (v4) at (0,-2) {$v_4$};
      \node[vertex] (u1) at (2,0) {$u_1$};
      \node[vertex] (u2) at (2.5,-1) {$u_2$};
      \node[vertex] (u3) at (1.5,-1) {$u_3$};
      \node[vertex] (u4) at (2,-2) {$u_4$};
      \node[vertex] (w) at (4,-1) {$w$};
      \draw[edge] (v1) -- (v2) -- (v4) -- (v3) -- (v1);
      \draw[edge] (u1) -- (u2) -- (u4) -- (u3) -- (u1);
      \draw[edge] (v3) -- (u1) -- (v2) -- (u4) -- (v3);
      \draw[edge] (u3) -- (v1) -- (u2) -- (v4) -- (u3);
      \draw[edge] (u1) -- (w) -- (u4);
      \draw[edge] (w) to [bend right=15] (u2);
      \draw[edge] (w) to [bend left=15] (u3);
    \end{tikzpicture}\\[1cm]
    \begin{tikzpicture}[scale=1.5]
      \tikzstyle{vertex}=[circle,minimum size=10pt,inner sep=0pt, fill=black!20]
      \tikzstyle{selected vertex} = [vertex, fill=red!25]
      \tikzstyle{selected edge} = [draw,line width=5pt,-,red!25]
      \tikzstyle{edge} = [draw,thick,->,black]
      \tikzstyle{leadsto} = [draw,->,decorate,decoration={snake, post=lineto, post length=1mm}]
      \node[vertex] (u) at (0,0) {$u$};%{$v_1$};
      \node[vertex] (v1) at (0,-1) {$v_1$};%{$v_2$};
      \node[vertex] (v2) at (1,-1) {$v_2$};%{$v_4$};
      \node[selected vertex] (x) at (1,0) {$x$};%{$v_4$};
      \draw[edge] (u) -- (v2);
      \draw[edge] (v2) to [bend right=15] (v1);
      \draw[edge] (u) -- (v1);
      \draw[edge] (v1) to [bend right=15] (v2);
      \draw[edge] (v1) to [bend right=15] (x);
      \draw[edge] (x) to [bend right=15] (v1);
      \draw[edge] (v2) to [bend right=15] (x);
      \draw[edge] (x) to [bend right=15] (v2);
      \draw[edge] (u) to [bend right=15] (x);
      \draw[edge] (x) to [bend right=15] (u);
      \draw[leadsto] (1.2,-0.5) to (1.8,-0.5);
      \node[vertex] (u') at (2,0) {$u$};
      \node[vertex] (v1') at (2,-1) {$v_1$};
      \node[vertex] (v2') at (3,-1) {$v_2$};
      \draw[selected edge] (u') -- (v2') to [bend right=15] (v1');
      \draw[edge] (u') -- (v2');
      \draw[edge] (v2') to [bend right=15] (v1');
      \draw[edge] (u') -- (v1');
      \draw[edge] (v1') to [bend right=15] (v2');
      \draw[leadsto] (3.2,-0.5) to (3.8,-0.5);
      \node[vertex] ('u) at (4,0) {$u$};%{$v_1$};
      \node[vertex] ('v1) at (4,-1) {$v_1$};%{$v_2$};
      \node[vertex] ('v2) at (5,-1) {$v_2$};%{$v_4$};
      \node[vertex] ('x) at (5,0) {$x$};%{$v_4$};
      \draw[selected edge] ('u) to [bend right=15] ('x);
      \draw[selected edge] ('x) to [bend right=15] ('v2);
      \draw[selected edge] ('v2) to [bend right=15] ('v1);
      \draw[edge] ('u) -- ('v2);
      \draw[edge] ('v2) to [bend right=15] ('v1);
      \draw[edge] ('u) -- ('v1);
      \draw[edge] ('v1) to [bend right=15] ('v2);
      \draw[edge] ('v1) to [bend right=15] ('x);
      \draw[edge] ('x) to [bend right=15] ('v1);
      \draw[edge] ('v2) to [bend right=15] ('x);
      \draw[edge] ('x) to [bend right=15] ('v2);
      \draw[edge] ('u) to [bend right=15] ('x);
      \draw[edge] ('x) to [bend right=15] ('u);
    \end{tikzpicture}
  \end{center}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Ti\textit{k}Z}
  \begin{lstlisting}
\begin{tikzpicture}[scale=1.5]
  \tikzstyle{vertex}=[circle,minimum size=10pt,inner sep=0pt, fill=black!20]
  \tikzstyle{selected vertex} = [vertex, fill=red!25]
  \tikzstyle{selected edge} = [draw,line width=5pt,-,red!25]
  \tikzstyle{edge} = [draw,thick,-,black]
  \node[vertex] (v1) at (0,0) {$v_1$};
  \node[vertex] (v2) at (.5,-1) {$v_2$};
  \node[vertex] (v3) at (-.5,-1) {$v_3$};
  \node[vertex] (v4) at (0,-2) {$v_4$};
  \node[vertex] (u1) at (2,0) {$u_1$};
  \node[vertex] (u2) at (2.5,-1) {$u_2$};
  \node[vertex] (u3) at (1.5,-1) {$u_3$};
  \node[vertex] (u4) at (2,-2) {$u_4$};
  \node[vertex] (w) at (4,-1) {$w$};
  \draw[edge] (v1) -- (v2) -- (v4) -- (v3) -- (v1);
  \draw[edge] (u1) -- (u2) -- (u4) -- (u3) -- (u1);
  \draw[edge] (v3) -- (u1) -- (v2) -- (u4) -- (v3);
  \draw[edge] (u3) -- (v1) -- (u2) -- (v4) -- (u3);
  \draw[edge] (u1) -- (w) -- (u4);
  \draw[edge] (w) to [bend right=15] (u2);
  \draw[edge] (w) to [bend left=15] (u3);
\end{tikzpicture}
  \end{lstlisting}
\end{frame}

\begin{frame}[fragile]
  \frametitle{Tak for at i lyttede!}

  \begin{block}{Tikzlings}
    \begin{itemize}
    \item \lstinline!\usepackage{tikzlings}!
    \end{itemize}
    \begin{center}
      \begin{tikzpicture}
        \owl
        \begin{scope}[xshift=3cm]
          \cat
        \end{scope}
        \begin{scope}[xshift=6cm]
          \pig[
signpost={\textrm{\LaTeX}},
signcolour= brown!50!black,
signback=green!40!black
]
        \end{scope}
      \end{tikzpicture}
    \end{center}
  \end{block}
\end{frame}

\end{document}