%Teilweise Erzeugt mit dem LaTeX-Generator: http://latex.sehnot.de

%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper]{scrartcl}

%Einstellungen der Seitenränder
\usepackage[left=2cm,right=2cm,top=1.5cm,bottom=1.5cm,includeheadfoot]{geometry}

%neue Rechtschreibung
\usepackage[ngerman]{babel}

%Umlaute ermöglichen
\usepackage[utf8]{inputenc}

%Gesamtseitenzahl
\usepackage{lastpage}

% Kopf- und Fußzeile
\usepackage[automark]{scrpage2}

%Quellcode-Listings
\usepackage{listings}

%Hyperlinks
\usepackage{hyperref}




%Kopfzeile
\ihead{JavaScript}
\chead{}
\ohead{http://kohnlehome.de/html/web-app-manifest.pdf}
\setheadsepline{0.5pt}

%Fußzeile
\setfootsepline{0.5pt}
\ifoot{Franz Kohnle}
\cfoot{Seite \thepage\ von  \pageref{LastPage}}
\ofoot{\today}

\pagestyle{scrheadings}

\begin{document}

% Überschrift 
\begin{center}
\LARGE % Schriftgröße
\bfseries % Fettdruck
\sffamily % Serifenlose Schrift
Web App Manifest
\end{center}

\section*{Quellen}
\begin{itemize}
	\item \href{https://developer.mozilla.org/en-US/docs/Web/Manifest}{MDN: Web App Manifest}
	\item \href{https://developers.google.com/web/fundamentals/web-app-manifest/}{Google Developers: The Web App Manifest}
\end{itemize}

\section*{Bedeutung}
Eine Progressive Web App installierbar machen.

\section*{Einbinden in index.html}
\begin{verbatim}
<link rel="manifest" href="manifest.webmanifest">
\end{verbatim}


\section*{manifest.webmanifest}
\begin{verbatim}
{
  "name": "My Super App",
  "short_name": "MyApp",
  "description": "Das ist meine super App zur Demonstration der Installierbarkeit von PWAs",
  "lang": "de-DE",
  "dir": "ltr",
  "start_url": "./",
  "display": "fullscreen",
  "icons": [
    {
      "src": "img/icon-192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "img/icon-512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "background_color": "#123456",
  "theme_color": "#123456"
}
\end{verbatim}

\end{document}
