\documentclass[xcolor=dvipsnames]{beamer}
\newif\ifshownotes
\ifdefined\shownotes
  \shownotestrue
\else
  \shownotesfalse
\fi

%\usepackage[utf8]{inputenc}
%\usepackage[T1]{fontenc}
\usepackage[ngerman]{babel}
%\usepackage{lmodern}
\usepackage{verbatim}
\usepackage{dtk-logos}
\usepackage{tikz}
\usetikzlibrary{backgrounds, fit, matrix, calc}
\usepackage{listings}
\usepackage{calc}
\graphicspath{{figures/}{examples/}}
\usefonttheme{professionalfonts}
\newcommand{\bsl}{\textbackslash}

\renewcommand\note[2][]{\ifshownotes#1{\color[rgb]{0,.5,0}#2}\fi}

\hypersetup{unicode=true}

\setmonofont{FiraCode}

\usetheme{OSAK}

\lstset{
  basicstyle=\scriptsize\ttfamily,
  language={[LaTeX]TeX},
  texcsstyle=*\color{Mahogany}\bfseries,
  commentstyle=\itshape\color{RoyalBlue},
  keywordstyle=\color{RoyalBlue}\bfseries,
  moretexcs={lstset,subsubsection,paragraph,subsection,color,sl,textcolor,lstinputlisting,newfontfamily,fontsize,section,documentclass,begin,includegraphics,hello,bye,setmainlanguage,setlength},
  morekeywords={center,document,flushleft,flushright,itemize,enumerate,tabular,article,polyglossia,geometry,amsmath,graphicx,xcolor,hyperref,figure,babel,mathtools}
}

\makeatletter
\newcommand\notsotiny{\@setfontsize\notsotiny{7}{8}}
\makeatother

\date{05.06.2019}
\title[Einführung in \LaTeX]{Einführung in \LaTeX}
\author{Valentin Bruch}
\institute[OSAK]{
  Open Source Arbeitskreis der \\
  Fachschaft Mathematik/Physik/Informatik an der RWTH Aachen \\
  und der Aachener Linux User Group
}

\newlength\marginwidth
\newcommand\marginbox[3][2pt]{
  % USAGE: \marginbox[margin width]{width}{content}
  \setlength\marginwidth{#1}
  \begin{tikzpicture}[even odd rule, scale=1]
    \node[anchor=north west] (text) {%
      \begin{minipage}{#2-2\marginwidth-10pt}%
        #3%
      \end{minipage}%
    };
    \begin{pgfonlayer}{background}
      \node[draw opacity=.5, draw=blue, line width=#1, inner sep=2pt, fit = (text)] {};
    \end{pgfonlayer}
  \end{tikzpicture}
}

\begin{document}

\begin{frame}{OSAK \LaTeX-Workshop}{Installation einer \TeX-Distribution}
  \Huge\% TODO QR CODE UND URL
  \Huge QR-CODE UND/ODER URL
\end{frame}

\begin{frame}
  \titlepage
\end{frame}

%\section{Motivation}
\section{Dokumente mit \LaTeX}
\subsection{Aufbau eines \LaTeX-Dokuments}
\OSAKthemenologo
\begin{frame}[fragile]{Aufbau eines \LaTeX-Dokuments}
  \begin{columns}[T]
    \begin{column}{.45\textwidth}
      \structure{{\LaTeX} übersetzt Text in ein PDF} \\[12pt]
      \begin{itemize}
        \note[\item]{Wer hat schon mal ein Dokument erstellt?\\[10pt]}
        \item Automatische Formatierung \\[12pt]
        \item Befehle, z.\,B. \texttt{\textbackslash textbf\{\}}, haben Effekte 
          (z.\,B. \textbf{fett}) \\[12pt]
        \item Kommentare (mit \%) werden ignoriert \\[12pt]
      \end{itemize}
    \end{column}
    \begin{column}{.5\textwidth}
      \vspace*{-4pt}%
      \centering%
      \begin{tikzpicture}[even odd rule, scale=1]
        \coordinate (text) at (0,0);
        \filldraw[fill=blue!25!lightgray, draw=blue!25!lightgray]
        (0,0) rectangle (\textwidth, -.5\textwidth)
        (2pt,-15pt) rectangle (\textwidth-2pt, -.5\textwidth+2pt);
        \node[anchor=north west] at (0pt, 0pt) {Editor: HelloWorld.tex};
        \node[anchor=north west] at (4pt, -12pt) {\parbox[t][.5\textwidth-27pt][t]{\textwidth-12pt}{%
            \lstinputlisting[basicstyle=\scriptsize\ttfamily]{examples/minimal.tex}
        }};
      \end{tikzpicture}\\[-11pt]
      \includegraphics[angle=-90, width=.1\textwidth]{figures/texstudio-compile.pdf}\\[2pt]
      \begin{tikzpicture}[even odd rule, scale=1]
        \coordinate (text) at (0,0);
        \filldraw[fill=blue!25!lightgray, draw=blue!25!lightgray]
        (0,0) rectangle (\textwidth, -.4\textwidth)
        (2pt,-15pt) rectangle (\textwidth-2pt, -.4\textwidth+2pt);
        \node[anchor=north west] at (0pt, 0pt) {PDF viewer: HelloWorld.pdf};
        \node[anchor=north west] at (2pt, -15pt) {\parbox[t][.4\textwidth-27pt][c]{\textwidth-12pt}{%
          \hspace{.1\textwidth}$\mathrm{Hallo\ Welt!}$
        }};
      \end{tikzpicture}
    \end{column}
  \end{columns}
\end{frame}

% Logo einblenden
%\OSAKthemelogo
%\subsection{Beispieldokument}
%\section{Präsentationen mit \LaTeX-Beamer}
%% Logo ausblenden
%\OSAKthemenologo

\subsection{\TeX{}studio als Editor}
\begin{frame}{TeXStudio (Editor)}
  \vspace{-8pt}
  \includegraphics[width=\textwidth]{figures/texstudio.png}
\end{frame}

\begin{frame}[fragile]{Umbrüche}
  \structure{Zeilen:}
  \vskip-\baselineskip%
  \begin{tikzpicture}
    \node[matrix, column sep=4pt, row sep=6pt] {
      & \node{\texttt{dokument.tex}}; &
      & \node{\texttt{dokument.pdf}}; \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
          \begin{itemize}
              \item Zeilen im \texttt{.tex} ignoriert
          \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
          \lstinputlisting{examples/2a_umbruch.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
          \input{examples/2a_umbruch.tex}
        \end{minipage}
      };
      \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
          \begin{itemize}
              \item Leere Zeile\\$\implies$ Absatz
          \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
          \lstinputlisting{examples/2b_umbruch.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
          \input{examples/2b_umbruch.tex}
        \end{minipage}
      };
      \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
          \begin{itemize}
              \item Zeilenumbruch manuell: \texttt{\textbackslash\textbackslash}
          \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
          \lstinputlisting{examples/2c_umbruch.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
          \input{examples/2c_umbruch.tex}
        \end{minipage}
      };
      \\
    };
  \end{tikzpicture}
  \structure{Seiten:}
  \begin{tikzpicture}
    \node[matrix, column sep=4pt, row sep=6pt] {
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
          \begin{itemize}
              \item Manuell neue Seite:
          \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
          \lstinputlisting{examples/2d_umbruch.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
          \includegraphics[width=\textwidth]{figures/newpage.png}
        \end{minipage}
      };
      \\
    };
  \end{tikzpicture}
\end{frame}


\begin{frame}[fragile]{Formatierung}
  \structure{Schrifteinstellungen:}
  \vskip-\baselineskip%
  \begin{tikzpicture}
    \node[matrix, column sep=4pt, row sep=6pt] {
      & \node{\texttt{dokument.tex}}; &
      & \node{\texttt{dokument.pdf}}; \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
        \begin{itemize}
        \item Fontstyle
        \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
        \lstinputlisting{examples/2e.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
          \textbf{fett} \textit{kursiv}\\
          \underline{unterstrichen}
        \end{minipage}
      };
      \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
        \begin{itemize}
        \item Schriftgröße
        \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][20mm][c]{.3\textwidth}
        \lstinputlisting{examples/2f.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][20mm][c]{.25\textwidth}
          \tiny tiny
          \small small
          \large large\\
          \Large Large\,\LARGE LARGE\\
          ...
        \end{minipage}
      };
      \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
        \begin{itemize}
        \item Textfarbe
        \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
        \lstinputlisting[basicstyle=\notsotiny\ttfamily]{examples/2g.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
        \input{examples/2g.tex}
        \end{minipage}
      };
      \\
  };
  \end{tikzpicture}
\end{frame}

\begin{frame}[fragile]{Abschnitte}
\begin{columns}
  \begin{column}{0.4\textwidth}
    \structure{section, subsection, subsubsection:}
    \begin{itemize}
      \item Überschriften (automatisch nummeriert)
      \begin{tikzpicture}
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][22mm][c]{0.7\textwidth}
        \lstinputlisting[basicstyle=\notsotiny\ttfamily]{examples/2h.tex}
        \end{minipage}
      };
      \end{tikzpicture}
      \item Inhaltsverzeichnis (automatisch erstellt)
      \texttt{\textbackslash tableofcontents}
    \end{itemize}
  \end{column}
  \begin{column}{0.5\textwidth}
      \includegraphics[width=\textwidth,trim=0cm 0cm 0cm 0cm, clip]{examples/2h_fake.pdf}
  \end{column}
\end{columns}
\end{frame}

\begin{frame}[fragile]{Umgebungen}
\begin{itemize}
  \setbeamertemplate{itemize items}[square]
\item Umgebungen durch \texttt{\color{Mahogany}\bfseries\textbackslash begin} 
  und \texttt{\color{Mahogany}\bfseries\textbackslash end} begrenzt
\end{itemize}
\begin{tikzpicture}
\node[matrix, column sep=4pt, row sep=6pt] {
  \node{
    \begin{minipage}[t][10mm][c]{.28\textwidth}
    \structure{Textausrichting:}
    \begin{itemize}
    \item Mittig / Linksbündig / Rechtsbündig
    \end{itemize}
    \end{minipage}
  }; &
  \node[draw=blue!20!lightgray, line width=2pt]{
    \begin{minipage}[t][34mm][c]{.3\textwidth}
    \lstinputlisting{examples/3b.tex}
    \end{minipage}
  }; &
  \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
  \node[draw=blue!20!lightgray, line width=2pt]{
    \begin{minipage}[t][34mm][c]{.25\textwidth}
        \input{examples/3b.tex}
    \end{minipage}
  };
  \\
  \node{
    \begin{minipage}[t][10mm][c]{.28\textwidth}
    \structure{Listen:}
    \begin{itemize}
    \item Stichpunkte / Aufzählungen
    \end{itemize}
    \end{minipage}
  }; &
  \node[draw=blue!20!lightgray, line width=2pt]{
    \begin{minipage}[t][30mm][c]{.3\textwidth}
    \lstinputlisting{examples/3c.tex}
    \end{minipage}
  }; &
  \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
  \node[draw=blue!20!lightgray, line width=2pt]{
    \begin{minipage}[t][30mm][c]{.25\textwidth}
    \input{examples/3c.tex}
    \end{minipage}
  };
  \\
};
\end{tikzpicture}
\end{frame}

\newcommand{\highlightRed}[1]{{\color{Mahogany}\texttt{\bfseries #1}}}
\newcommand{\highlightBlu}[1]{{\color{RoyalBlue}\texttt{\bfseries #1}}}

\begin{frame}[fragile]{Mathematik}
  \structure{Umgebungen:} \\[10pt]
  \begin{itemize}
    \item \highlightBlu{equation}{\bfseries:} Vom Text abgesetzte Gleichung 
      \\[10pt]
    \item \highlightBlu{align}{\bfseries:} Wie \highlightBlu{equation}, nur dass man an \highlightRed{\&}
      \glqq tabben\grqq\ kann  \\[10pt]
    \item Wie bei z.\,B.  \highlightRed{\textbackslash section*\{...\}} auch 
      hier \highlightRed{*} für
      nicht-nummerierte Gleichungen, also \highlightRed{\textbackslash begin\{}%
      \highlightBlu{align*}\highlightRed{\}} \\[10pt]
  \end{itemize}
  \structure{Im Textfluss} kann man Gleichungen mit \highlightRed{\$ ... \$}
  schreiben, also z.\,B.
  \begin{center}
    \begin{tikzpicture}
      \node[matrix, column sep=4pt, row sep=6pt] {
      \node[draw=blue!20!lightgray,line width=2pt]{
        \begin{minipage}[t][7mm][c]{.45\textwidth}
          \texttt{Gleichung: \highlightRed{\$x\^\ 2 = 25\$}}
        \end{minipage}
      };&
      \node{\includegraphics[width=12pt]{figures/texstudio-compile.pdf}};&
      \node[draw=blue!20!lightgray,line width=2pt]{
        \begin{minipage}[t][7mm][c]{.3\textwidth}
          \textrm{Gleichung: $x^2 = 25$}
        \end{minipage}
      };\\
    };
    \end{tikzpicture}
  \end{center}
\end{frame}

\begin{frame}[fragile]{Mathematik -- Beispiele}
  \begin{tikzpicture}
      \node[matrix, column sep=4pt, row sep=6pt] {
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][7mm][c]{.4\textwidth}
            \centering
            \scriptsize \ttfamily \verb|\vec{x}^2 = x_1^2 + x_2^2|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][7mm][c]{.4\textwidth}
            \centering
            $\displaystyle \vec x^2 = x_1^2 + x_2^2 $
          \end{minipage}
        };
        \\
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][10mm][c]{.4\textwidth}
            \centering
            \scriptsize \ttfamily \verb|\sum_{n=0}^\infty n =|
            \verb|-\frac{1}{12}|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][10mm][c]{.4\textwidth}
            \centering
            $\displaystyle\sum_{n=0}^\infty n = -\frac{1}{12}$
          \end{minipage}
        };
        \\
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][7mm][c]{.4\textwidth}
            \centering
            \scriptsize \ttfamily
            \verb|\nabla\cdot\vec{E} = 4\pi\rho|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][7mm][c]{.4\textwidth}
            \centering
            $\displaystyle\nabla\cdot\vec E = 4\pi\rho$
          \end{minipage}
        };
        \\
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][7mm][c]{.4\textwidth}
            \centering
            \scriptsize \ttfamily
            \verb|\sqrt{e^{i\pi}} = \pm i|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][7mm][c]{.4\textwidth}
            \centering
            $\displaystyle \sqrt{e^{i\pi}} = \pm i$
          \end{minipage}
        };
        \\
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][10mm][c]{.4\textwidth}
            \centering
            \scriptsize \ttfamily
            \verb|\sin(30^\circ) =| \verb|\frac{\sqrt{3}}{2}|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][10mm][c]{.4\textwidth}
            \centering
            $\displaystyle \sin(30^\circ) = \frac{\sqrt{3}}{2}$
          \end{minipage}
        };
        \\
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][7mm][c]{.4\textwidth}
            \centering
            \scriptsize \ttfamily
            \verb|m\approx 80\,\mathrm{kg}|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][7mm][c]{.4\textwidth}
            \centering
            $\displaystyle m\approx 80\,\mathrm{kg}$
          \end{minipage}
        };
        \\
      };
    \end{tikzpicture}
\end{frame}

\begin{frame}{Detexify}{\url{http://detexify.kirelabs.org}}
  \vspace{-18pt}
  \includegraphics[width=\textwidth]{figures/detexify.png}
\end{frame}

\begin{frame}[fragile]{Bilder \& Tabellen}
  \begin{itemize}
    \item \highlightRed{\textbackslash%
      includegraphics}\texttt{[optional]}\highlightRed{\{\}}, um Bilder
      einzubinden (bspw. \texttt{width=0.9\textbackslash textwidth} als Option)
    \begin{tikzpicture}
      \node[matrix,column sep=4pt, row sep=6pt] {
        \node[draw=blue!20!lightgray,line width=2pt]{
          \begin{minipage}[t][1.0cm][c]{.4\textwidth}
            \lstinputlisting[basicstyle=\tiny]{examples/includegraphics.tex}
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray,line width=2pt]{
          \begin{minipage}[t][1.0cm][c]{.3\textwidth}
            \centering
            \includegraphics[width=1.0cm]{figures/doge.png}
          \end{minipage}
        }; \\
      };
    \end{tikzpicture} \\[12pt]
    \item \highlightBlu{tabular}-Umgebung für Tabellen:
    \begin{tikzpicture}
      \node[matrix, column sep=4pt, row sep=6pt] {
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][1.8cm][c]{.4\textwidth}
            \lstinputlisting[basicstyle=\tiny]{examples/tabular.tex}
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][1.8cm][c]{.3\textwidth}
            \includegraphics[width=\textwidth]{examples/tabular.pdf}
          \end{minipage}
        }; \\
      };
    \end{tikzpicture}
  \end{itemize}
\end{frame}

\begin{frame}[fragile]{Abbildungen mit \glqq{}Floats\grqq{}}
  \begin{columns}
    \begin{column}{0.45\textwidth}
      \highlightBlu{figure} \& \highlightBlu{table} \emph{Umgebungen} für
      Bilder und Tabellen:\vspace{14pt}
      \begin{itemize}
          \small
        \item Mit \highlightRed{\textbackslash{}includegraphics} bzw.
        \highlightBlu{tabular} für Inhalt
          \scriptsize\\
(\emph{{\ttfamily\color{RoyalBlue}table} \& 
    {\ttfamily\color{RoyalBlue}figure} sind initial leer!})
\normalsize
\\[12pt]
        \item \highlightRed{\textbackslash{}centering} für zentrierten Inhalt \\[12pt]
        \item \highlightRed{\textbackslash{}caption}\verb+{Text}+ für Beschriftung und Verweise\\[12pt]

        % TODO Bild von float machen!
      \end{itemize}
    \end{column}
    \begin{column}{0.45\textwidth}
      \begin{tikzpicture}
        \node[matrix,column sep=4pt, row sep=6pt] {
          \node[draw=blue!20!lightgray,line width=2pt]{
            \begin{minipage}[t][2.1cm][c]{\textwidth}
              \lstinputlisting[basicstyle=\tiny]{examples/figure.tex}
            \end{minipage}
          }; \\[-4pt]
          \node[rotate=270]{
            \includegraphics[width=16pt]{figures/texstudio-compile.pdf}
          }; \\[-4pt]
          \node[draw=blue!20!lightgray,line width=2pt]{
            \begin{minipage}[t][2.75cm][c]{\textwidth}
              \centering
              \includegraphics[width=0.7\textwidth]{examples/figure.pdf}
            \end{minipage}
          }; \\
        };
      \end{tikzpicture}
    \end{column}
  \end{columns}
\end{frame}

\begin{frame}[fragile]{Labels, Referenzen und Links}
  \structure{Referenzen} markieren mit 
  \texttt{\bfseries\color{Mahogany}\textbackslash label},
  verweisen mit \texttt{\bfseries\color{Mahogany}\textbackslash ref}:
\begin{tikzpicture}
\node[matrix, column sep=4pt, row sep=6pt] {
  \node{
    \begin{minipage}[t][10mm][c]{.28\textwidth}
    \begin{itemize}
    \item Gleichungen, Sections, Figures und vieles mehr!
    \end{itemize}
    \end{minipage}
  }; &
  \node[draw=blue!20!lightgray, line width=2pt]{
    \begin{minipage}[t][30mm][c]{.3\textwidth}
    \lstinputlisting{examples/4a.tex}
    \end{minipage}
  }; &
  \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
  \node[draw=blue!20!lightgray, line width=2pt]{
    \begin{minipage}[t][30mm][c]{.25\textwidth}
    \input{examples/4a.tex}
    \end{minipage}
  };
  \\
  \node{
    \begin{minipage}[t][10mm][c]{.28\textwidth}
    \begin{itemize}
    \item \highlightRed{\bsl ref} darf auch vor vor dem \highlightRed{\bsl 
      label} stehen
    \end{itemize}
    \end{minipage}
  }; &
  \node[draw=blue!20!lightgray, line width=2pt]{
    \begin{minipage}[t][30mm][c]{.3\textwidth}
    \lstinputlisting{examples/4b.tex}
    \end{minipage}
  }; &
  \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
  \node[draw=blue!20!lightgray, line width=2pt]{
    \begin{minipage}[t][30mm][c]{.25\textwidth}
          \includegraphics[width=\textwidth,trim=0cm 0cm 0cm 0cm, clip]{examples/4b_fake.png}
    \end{minipage}
  };
  \\
};
\end{tikzpicture}
\end{frame}

\begin{frame}[fragile]{Verschiedenes}
  \structure{Fußnoten:}
  \begin{itemize}
    \item Einfügen mit \highlightRed{\bsl footnote}\verb+{Fußnotentext}+
      irgendwo:
  \end{itemize}
  \begin{center}
    \vspace{-6pt}
  \begin{tikzpicture}
  \node[matrix, column sep=4pt, row sep=6pt] {
    \node[draw=blue!20!lightgray, line width=2pt]{
      \begin{minipage}[t][30mm][c]{.5\textwidth}
      \lstinputlisting{examples/4c.tex}
      \end{minipage}
    }; &
    \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
    \node[draw=blue!20!lightgray, line width=2pt]{
      \begin{minipage}[t][30mm][c]{.3\textwidth}
      \includegraphics[width=1\textwidth,trim=0cm 0cm 0cm 0cm, clip]{examples/4c_fake.png}
      \end{minipage}
    };
    \\
  };
  \end{tikzpicture}
    \vspace{-6pt}
  \end{center}
  \structure{Besondere Zeichen}
  \begin{itemize}
    \item {\bfseries\color{MidnightBlue}\%, "{}}: \texttt{\textbackslash\%}, \verb+"{}+
    \item {\bfseries\color{MidnightBlue}\&, \#, \$}: \texttt{\textbackslash\&, 
      \textbackslash\#, \textbackslash\$}
    \item {\bfseries\color{MidnightBlue}\textbackslash, \{, \}}: \texttt{\textbackslash 
      textbackslash, \textbackslash\{, \textbackslash\}}
    \item {\bfseries\color{MidnightBlue}\^~, \_, \textasciitilde}: %
      \verb|\^, \_, \textasciitilde|
      %todo besser sortieren, noch was vergessen?
  \end{itemize}
\end{frame}

\begin{frame}[fragile]{Präambel}
  \begin{columns}
    \begin{column}{0.4\textwidth}
      \structure{Die \glqq{Präambel}\grqq} wird benutzt für \\[3pt]
      \begin{itemize}
        \item Dokumententyp: \\
          \highlightRed{\textbackslash{}documentclass} \\[4pt]
        \item Pakete laden: \\
          \highlightRed{\textbackslash{}usepackage} \\[4pt]
        \item Macros definieren: \\
          \highlightRed{\textbackslash{}newcommand} \\[4pt]
        \item \highlightRed{\textbackslash{}begin}\verb+{document}+ \\
          \highlightRed{\textbackslash{}end}\verb+{document}+
      \end{itemize}
    \end{column}
    \hspace{10pt}
    \begin{column}{0.05\textwidth}
      {\only<1>{\color{RoyalBlue}}\only<2>{\color{Green}}\rule{0.5pt}{0.8\textheight}}
    \end{column}
    \begin{column}{0.55\textwidth}
      \only<1>{\lstinputlisting[basicstyle=\tiny\ttfamily]{examples/preamble.tex}}
      \only<2>{\vspace{-.5em}\includegraphics[width=0.8\textwidth]{examples/preamble.pdf}}
    \end{column}
    \hspace{-10pt}
  \end{columns}
\end{frame}

\end{document}

\begin{comment}
vim:ts=2:spelllang=de:fo=want:expandtab
\end{comment}