\documentclass[aspectratio=169]{beamer}

\mode<presentation> {
\usetheme{Hannover}
  \setbeamertemplate{authors}{}
  % Remove navigation symbols.
  \setbeamertemplate{navigation symbols}{}
}

\usepackage{color}
\usepackage[utf8]{inputenc}
\usepackage{listings}
\usepackage{graphicx}
\usepackage[font=tiny,skip=0pt]{caption}

% Use symbols instead of numerals for footnotes.
\renewcommand{\thefootnote}{\fnsymbol{footnote}}
% Reset footnote counter every section.
\makeatletter
\@addtoreset{footnote}{subsection}
\makeatother

\newcommand{\iconframe}[2] {
  \begin{minipage}[t]{3em}
    \includegraphics[width=\textwidth]{#1}
    \captionof*{figure}{#2}
  \end{minipage}
}

\title[The Chromium mess meets Android]{The Chromium mess meets Android}
\subtitle{Proposals on how to get a fully free WebView build or replace it by something completely new}
\author{David Ludovino \and Jeremy Rand \thanks{\footnotesize with support from Andrés D and Kurtis Hanna}}
\institute[Replicant]{Replicant}
\date{}

\begin{document}

\begin{frame}
  \maketitle
\end{frame}


\section{What is WebView?}
\begin{frame}[fragile]
  \frametitle{What is WebView?}
  \begin{columns}
    \begin{column}{0.6\textwidth}
      Renders web content (HTML, CSS, JavaScript) inside apps.\\\bigskip
      API has been around since Android 1.\\\bigskip
      \lstset{
        language=Java,
        basicstyle=\scriptsize\ttfamily,
        keywordstyle=\color{blue},
        stringstyle=\color{orange},
      }
      \begin{lstlisting}
public class MainActivity extends Activity {
  @Override
  protected void onCreate(Bundle state) {
    super.onCreate(state);
    WebView v = new WebView(this);
    setContentView(v);
    v.loadUrl("https://replicant.us");
  }
}
      \end{lstlisting}
    \end{column}
    \begin{column}{0.3\textwidth}
      \includegraphics[width=\textwidth]{img/webview-sample.png}
    \end{column}
  \end{columns}
\end{frame}

\subsection{Which apps use it?}
\begin{frame}
  \frametitle{Which apps use WebView?}
  Apps that render HTML: email clients, RSS readers, etc.\\\bigskip
  Became pervasive with the advent of cross-platform mobile frameworks.\\\medskip
  \begin{block}{Half of the apps listed at PRISM Break depend on WebView}
    \vspace{1ex}
    \centering
    \begin{tabular}{c | c}
      uses WebView & does not use WebView \\
      \hline
      \iconframe{img/k9mail.png}{K-9 Mail}
      \iconframe{img/osmand.png}{OsmAnd}
      \iconframe{img/nextcloud.png}{Nextcloud}
      \iconframe{img/ttrss.png}{Tiny Tiny RSS}
      &
      \iconframe{img/orbot.png}{Orbot}
      \iconframe{img/fdroid.png}{F-Droid}
      \iconframe{img/andotp.png}{andOTP}
      \iconframe{img/shaarlier.png}{Shaarlier}
      \\
      \iconframe{img/i2p.png}{I2P}
      \iconframe{img/wallabag.png}{wallabag}
      \iconframe{img/openkeychain.png}{OpenKeychain}
      \iconframe{img/etesync.png}{EteSync}
      &
      \iconframe{img/briar.png}{Briar}
      \iconframe{img/conversations.png}{Conversations}
      \iconframe{img/silence.png}{Silence}
      \iconframe{img/tincapp.png}{Tinc App}
      \\
      \iconframe{img/syncthing.png}{Syncthing}
      \iconframe{img/signal.png}{Signal}
      \iconframe{img/dandelion.png}{dandelion*}
      &
      \iconframe{img/keepassdx.png}{KeePass DX}
      \\
    \end{tabular}
  \end{block}
\end{frame}

\section{Feedback?}
\begin{frame}
  \frametitle{Feedback?}
  \begin{itemize}
    \item Questions
    \item Comments
    \item Ideas
    \item Collaboration
  \end{itemize}
  All welcomed!
\end{frame}

\begin{frame}
  \frametitle{Licenses}
  \begin{tabular}{l | l | l}
    item & source & license \\
    \hline
    K-9 Mail logo & \url{https://github.com/k9mail/k-9} & Apache-2.0 \\
    OsmAnd logo & \url{https://github.com/osmandapp/Osmand} & CC-BY-NC-ND 4.0 \\
    Nextcloud logo & \url{https://github.com/nextcloud/android} & AGPLv3 \\
    Tiny Tiny RSS logo & \url{https://gitlab.com/derSchabi/tttrsss} & GPLv3 \\
    I2P logo & \url{https://github.com/i2p/i2p.android.base} & Apache-2.0 \\
    Orbot logo & \url{https://gitweb.torproject.org/orbot.git} & BSD \\
    F-Droid logo & \url{https://gitlab.com/fdroid/fdroidclient} & GPLv3 \\
    andOTP logo & \url{https://github.com/andOTP/andOTP} & MIT \\
    Shaarlier logo & \url{https://github.com/dimtion/Shaarlier} & GPLv3 \\
    wallabag logo & \url{https://github.com/wallabag/android-app} & GPLv3 \\
    OpenKeychain logo & \url{https://github.com/open-keychain/open-keychain} & GPLv3 \\
    EteSync logo & \url{https://github.com/etesync/android} & GPLv3 \\
    Syncthing logo & \url{https://github.com/syncthing/syncthing-android} & MPLv2 \\
    Briar logo & \url{https://code.briarproject.org/briar/briar} & GPLv3 \\
    Conversations logo & \url{https://github.com/siacs/Conversations} & GPLv3 \\
    Signal logo & \url{https://github.com/signalapp/Signal-Android} & GPLv3 \\
    Silence logo & \url{https://git.silence.dev/Silence/Silence-Android} & GPLv3 \\
    Tinc App logo & \url{https://github.com/pacien/tincapp} & GPLv3 \\
    KeePass DX logo & \url{https://github.com/Kunzisoft/KeePassDX} & GPLv3 \\
    dandelion* logo & \url{https://github.com/gsantner/dandelion} & GPLv3 \\
    everything else & this slideshow & CC BY-SA 4.0
  \end{tabular}
\end{frame}

\end{document}