\begin{table}[htp]
    \centering
    \small
    \begin{tabular}{p{7cm} p{7cm}}
        \rowcolor{gray!50}
        \textbf{Competency} & \textbf{Contributor} \\
        Producer & Eren Bora Yilmaz \\
        \rowcolor{gray!25}
        Producer & Kolja Samuel Strohm \\
        Lead Designer & Kolja Samuel Strohm \\
        \rowcolor{gray!25}
        Documentation & Eren Bora Yilmaz \\
        Lead Systems Programmer & Kolja Samuel Strohm \\
        \rowcolor{gray!25}
        Lead Graphics Programmer & Kolja Samuel Strohm \\
        Non-German Comments & Eren Bora Yilmaz \\
        \rowcolor{gray!25}
        Operations Director & Kolja Samuel Strohm \\
        Director Of Quality Assurance & Eren Bora Yilmaz \\
        \rowcolor{gray!25}
        Senior Community Manager & Eren Bora Yilmaz \\
        Lead Artist & Eren Bora Yilmaz \\
        \rowcolor{gray!25}
        Creative Director & Kolja Samuel Strohm \\
        Localization Producer & Eren Bora Yilmaz \\
        \rowcolor{gray!25}
        Manual Code Formatting & Kolja Samuel Strohm \\
        Black-Box Testing & Eren Bora Yilmaz \\
        \\\\\rowcolor{gray!25}
        Special Thanks & Jens Burmeister \\\\
    \end{tabular}
    \caption{Contributors}
    \label{table:contributors}
\end{table}

\begin{table}[ht]
    \centering
    \small
    \begin{tabular}{p{4cm} p{7cm} l}
        \rowcolor{gray!50}
        \textbf{Term} & \textbf{Explanation} & \textbf{Example} \\
        Phase & One phase of the Sugiyama approach~\cite{sugiyama_methods_1981} & Node Placement \\
        \rowcolor{gray!25}
        Stage & One stage of the BK algorithm~\cite{brandes_fast_2001} & Balancing \\
        Step & Atomic part of a stage of the BK algorithm~\cite{brandes_fast_2001} & Initializing a \reserved{for}-loop \\
        \rowcolor{gray!25}
        \appname & The name of the application for which this is the documentation & \\
        Extremal layout & Defines in which order the layers are traversed and if a node is aligned with its upper or lower median. & Leftmost lower \\
        \rowcolor{gray!25}
        Automatic execution & The state of the \code{ProcessController} where it repeatedly sends step commands with a certain delay & See section~\ref{sec:userInterface} \\
        Automatic backwards execution & Special case of automatic execution in backwards direction & See section~\ref{sec:userInterface} \\
        \rowcolor{gray!25}
        Pseudocode & Code that does not clearly belong to a specific programming language.
        It can actually be executed, although we call it pseudocode. & see figure~\ref{fig:full-application-example} \\
        Processor & See section~\ref{sec:theActualAlgorithm}. & \\
        \\\\
    \end{tabular}
    \caption{Glossary for the most difficult terms as we use them.}
    \label{table:glossary}
\end{table}

\begin{figure}[htp]
    \centering
    \includegraphics[width=\linewidth]{img/debug-table}
    \caption[Debug Table]{An example for a debug table. The graph used is the same as in figure~\ref{fig:example}}
    \label{fig:debug-table}
\end{figure}


\begin{figure}[htp]
    \begin{subfigure}[t]{.4\textwidth}
        \centering
        \includegraphics[width=0.8\linewidth]{img/random-graph-dialog}
        \caption[Random graph dialog]{Dialog for generating random graphs.}
        \label{fig:random-graph-dialog}
    \end{subfigure}
    \begin{subfigure}[t]{.6\textwidth}
        \centering
        \includegraphics[width=0.9\linewidth]{img/preferences}
        \caption[Preferences]{The dialog for adjusting the preferences.}
        \label{fig:preferences}
    \end{subfigure}
    \caption[Dialogs]{Dialogs}
    \label{fig:dialogs}
\end{figure}


\begin{figure}[htp]
    \begin{subfigure}[b]{.5\textwidth}
        \begin{lstinputlisting}[language=json,emph={},basicstyle=\tiny\ttfamily,numberstyle=\tiny]{src/error_disconnected.json}
        \end{lstinputlisting}
        \caption{A disconnected graph causing an error}
        \label{fig:error_disconnected_json}
    \end{subfigure}
    \begin{subfigure}[b]{.5\textwidth}
        \centering
        \includegraphics[width=0.7\linewidth]{img/error_disconnected}
        \caption[Illustration of the disconnected graph causing an error]{\code{n6} and \code{n7} drawn on each other}
        \label{fig:error_disconnected_img}
    \end{subfigure}
    \caption[Error in disconnected graph]{Example graph where the node placement algorithm does not behave correctly, possibly because it is not connected.}
    \label{fig:error_disconnected}
\end{figure}