122 lines
3.5 KiB
TeX
122 lines
3.5 KiB
TeX
|
\usepackage{amsmath}
|
||
|
|
\usepackage{multimedia}
|
||
|
|
\usepackage[utf8]{inputenc}
|
||
|
|
\usepackage{framed,color,ragged2e}
|
||
|
|
\usepackage[absolute,overlay]{textpos}
|
||
|
|
\definecolor{shadecolor}{rgb}{0.8,0.8,0.8}
|
||
|
|
\usetheme{boxes}
|
||
|
|
\setbeamertemplate{navigation symbols}{}
|
||
|
|
\usepackage{xcolor}
|
||
|
|
\usepackage[normalem]{ulem}
|
||
|
|
\usepackage{listings}
|
||
|
|
\usepackage{adjustbox}
|
||
|
|
\usepackage{array}
|
||
|
|
\usepackage{bbding}
|
||
|
|
\usepackage{relsize}
|
||
|
|
\usepackage{graphicx}
|
||
|
|
\usepackage{tikz,eurosym,calc}
|
||
|
|
\usetikzlibrary{tikzmark}
|
||
|
|
\usetikzlibrary{shapes,arrows,arrows.meta}
|
||
|
|
\usetikzlibrary{positioning,patterns}
|
||
|
|
\usetikzlibrary{calc}
|
||
|
|
|
||
|
|
% CSS
|
||
|
|
\lstdefinelanguage{CSS}{
|
||
|
|
basicstyle=\ttfamily\scriptsize,
|
||
|
|
keywords={color,background-image:,margin,padding,font,weight,display,position,top,left,right,bottom,list,style,border,size,white,space,min,width, transition:, transform:, transition-property, transition-duration, transition-timing-function},
|
||
|
|
sensitive=true,
|
||
|
|
morecomment=[l]{//},
|
||
|
|
morecomment=[s]{/*}{*/},
|
||
|
|
morestring=[b]',
|
||
|
|
morestring=[b]",
|
||
|
|
alsoletter={:},
|
||
|
|
alsodigit={-}
|
||
|
|
}
|
||
|
|
|
||
|
|
% JavaScript
|
||
|
|
\lstdefinelanguage{JavaScript}{
|
||
|
|
basicstyle=\ttfamily\scriptsize,
|
||
|
|
morekeywords={typeof, new, true, false, catch, function, return, null, catch, switch, var, if, in, while, do, else, case, break},
|
||
|
|
morecomment=[s]{/*}{*/},
|
||
|
|
morecomment=[l]//,
|
||
|
|
morestring=[b]",
|
||
|
|
morestring=[b]'
|
||
|
|
}
|
||
|
|
|
||
|
|
\lstdefinelanguage{HTML5}{
|
||
|
|
basicstyle=\ttfamily\scriptsize,
|
||
|
|
language=html,
|
||
|
|
sensitive=true,
|
||
|
|
alsoletter={<>=-},
|
||
|
|
morecomment=[s]{<!-}{-->},
|
||
|
|
tag=[s],
|
||
|
|
otherkeywords={
|
||
|
|
% General
|
||
|
|
>,
|
||
|
|
% Standard tags
|
||
|
|
<!DOCTYPE,
|
||
|
|
</html, <html, <head, <title, </title, <style, </style, <link, </head, <meta, />,
|
||
|
|
% body
|
||
|
|
</body, <body,
|
||
|
|
% Divs
|
||
|
|
</div, <div, </div>,
|
||
|
|
% Paragraphs
|
||
|
|
</p, <p, </p>,
|
||
|
|
% scripts
|
||
|
|
</script, <script,
|
||
|
|
% More tags...
|
||
|
|
<canvas, /canvas>, <svg, <rect, <animateTransform, </rect>, </svg>, <video, <source, <iframe, </iframe>, </video>, <image, </image>
|
||
|
|
},
|
||
|
|
ndkeywords={
|
||
|
|
% General
|
||
|
|
=,
|
||
|
|
% HTML attributes
|
||
|
|
charset=, src=, id=, width=, height=, style=, type=, rel=, href=,
|
||
|
|
% SVG attributes
|
||
|
|
fill=, attributeName=, begin=, dur=, from=, to=, poster=, controls=, x=, y=, repeatCount=, xlink:href=,
|
||
|
|
% CSS properties
|
||
|
|
margin:, padding:, background-image:, border:, top:, left:, position:, width:, height:,
|
||
|
|
% CSS3 properties
|
||
|
|
transform:, -moz-transform:, -webkit-transform:,
|
||
|
|
animation:, -webkit-animation:,
|
||
|
|
transition:, transition-duration:, transition-property:, transition-timing-function:,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
\lstdefinelanguage{JavaScript}{
|
||
|
|
basicstyle=\ttfamily\scriptsize,
|
||
|
|
keywords={typeof, new, true, false, catch, function, return, null, catch, switch, var, if, in, while, do, else, case, break, for},
|
||
|
|
keywordstyle=\color{blue}\bfseries,
|
||
|
|
ndkeywords={class, export, boolean, throw, implements, import, this},
|
||
|
|
ndkeywordstyle=\color{darkgray}\bfseries,
|
||
|
|
identifierstyle=\color{black},
|
||
|
|
sensitive=false,
|
||
|
|
comment=[l]{//},
|
||
|
|
morecomment=[s]{/*}{*/},
|
||
|
|
commentstyle=\color{purple}\ttfamily,
|
||
|
|
stringstyle=\color{red}\ttfamily,
|
||
|
|
morestring=[b]',
|
||
|
|
morestring=[b]"
|
||
|
|
}
|
||
|
|
|
||
|
|
%\usetheme{Dresden}
|
||
|
|
\setbeamersize{description width=1em}
|
||
|
|
|
||
|
|
\setbeamertemplate{footline}{
|
||
|
|
\hbox{%
|
||
|
|
\begin{beamercolorbox}[wd=\paperwidth,ht=3ex,dp=1.5ex,leftskip=2ex,rightskip=2ex]{page footer}%
|
||
|
|
\usebeamerfont{title in head/foot}%
|
||
|
|
\insertshorttitle \hfill
|
||
|
|
\insertsection \hfill
|
||
|
|
\insertframenumber{} / \inserttotalframenumber
|
||
|
|
\end{beamercolorbox}}%
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
\definecolor{blue}{rgb}{0,0,0.7}
|
||
|
|
\newcommand{\orange}[1]{{\color{orange}#1}}
|
||
|
|
\newcommand{\TODO}[1]{\orange{TODO: #1}}
|
||
|
|
|
||
|
|
|
||
|
|
\input{definitions}
|