\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[magyar]{babel}
\usepackage{indentfirst}
\usepackage{graphicx}
\usepackage{listingsutf8}
\usepackage{textcomp}
\usepackage{eurosym}
\usepackage{mathtools}
\lstset{literate=
  {á}{{\'a}}1 {é}{{\'e}}1 {í}{{\'i}}1 {ó}{{\'o}}1 {ú}{{\'u}}1
  {Á}{{\'A}}1 {É}{{\'E}}1 {Í}{{\'I}}1 {Ó}{{\'O}}1 {Ú}{{\'U}}1
  {à}{{\`a}}1 {è}{{\`e}}1 {ì}{{\`i}}1 {ò}{{\`o}}1 {ù}{{\`u}}1
  {À}{{\`A}}1 {È}{{\'E}}1 {Ì}{{\`I}}1 {Ò}{{\`O}}1 {Ù}{{\`U}}1
  {ä}{{\"a}}1 {ë}{{\"e}}1 {ï}{{\"i}}1 {ö}{{\"o}}1 {ü}{{\"u}}1
  {Ä}{{\"A}}1 {Ë}{{\"E}}1 {Ï}{{\"I}}1 {Ö}{{\"O}}1 {Ü}{{\"U}}1
  {â}{{\^a}}1 {ê}{{\^e}}1 {î}{{\^i}}1 {ô}{{\^o}}1 {û}{{\^u}}1
  {Â}{{\^A}}1 {Ê}{{\^E}}1 {Î}{{\^I}}1 {Ô}{{\^O}}1 {Û}{{\^U}}1
  {œ}{{\oe}}1 {Œ}{{\OE}}1 {æ}{{\ae}}1 {Æ}{{\AE}}1 {ß}{{\ss}}1
  {ç}{{\c c}}1 {Ç}{{\c C}}1 {ø}{{\o}}1 {å}{{\r a}}1 {Å}{{\r A}}1
  {€}{{\EUR}}1 {£}{{\pounds}}1 {ő}{{\H{o}}}1 {ű}{{\H{u}}}1
}
\lstdefinestyle{HTML}{
  language=HTML,
  breaklines=true,
  postbreak=\mbox{\textcolor{red}{$\hookrightarrow$}\space},
  stringstyle=\ttfamily,
  inputencoding=utf8,
  morekeywords={header, time, nav, main, article, section, aside, role, 
    footer, details, open, summary, srcdoc, list, datalist, placeholder, 
    pattern, required, min, max, step, enctype, formaction, formmethod, 
    formnovalidate, formtarget, output}
}

\lstdefinestyle{JavaScript}{
  basicstyle=\ttfamily\scriptsize,
  breaklines=true,
  columns=fullflexible,
  keepspaces=true,
  showstringspaces=false,
  literate={}
}
\lstdefinestyle{NodeJS}{
  basicstyle=\ttfamily\scriptsize,
  breaklines=true,
  columns=fullflexible,
  keepspaces=true,
  showstringspaces=false,
  literate={}
}
\lstdefinestyle{Express}{
  basicstyle=\ttfamily\scriptsize,
  breaklines=true,
  columns=fullflexible,
  keepspaces=true,
  showstringspaces=false,
  literate={}
}
\lstdefinestyle{Prisma}{
  basicstyle=\ttfamily\scriptsize,
  breaklines=true,
  columns=fullflexible,
  keepspaces=true,
  showstringspaces=false,
  literate={}
}
\usepackage{hyperref}
\usepackage{attachfile}
\usepackage{multirow}
% Navigációs pöttyök hozzáadása subsection nélküli fejezetekhez
\usepackage{remreset}
\makeatletter
\@removefromreset{subsection}{section}
\makeatother
\setcounter{subsection}{1}
%%%%%
\attachfilesetup{color={1.0 0.6 0.0},author={MD},description={Kattintson duplán a minta %
megtekintéséhez!},icon=Paperclip}
% Széchenyi Egyetem arculati színek
\definecolor{szenavy}{RGB}{44,62,80}        % Sötét kék (fejléc)
\definecolor{szecyan}{RGB}{0,168,225}       % Világos kék (kiemelés, logó)
\definecolor{szezold}{RGB}{139,195,74}      % Élénk zöld (akcentus)
\definecolor{szeszurke}{RGB}{96,96,96}      % Sötét szürke
% Kompatibilitás a régi parancsokkal
\definecolor{kiemelesszin}{RGB}{0,168,225}  % Kék kiemelés (szecyan)
\definecolor{kiemelesszinZ}{RGB}{139,195,74} % Zöld kiemelés (szezold)
\definecolor{kiemelesszinN}{RGB}{44,62,80}  % Navy kiemelés (szenavy)
\definecolor{hivatkozasszin}{RGB}{0,168,225} % Kék hivatkozás
\newcommand{\kiemel}[1]{{\color{kiemelesszin}#1}}
\newcommand{\kiemelZ}[1]{{\color{kiemelesszinZ}#1}}
\newcommand{\kiemelN}[1]{{\color{kiemelesszinN}#1}}
\newcommand{\hiv}[1]{{\color{hivatkozasszin}#1}}
\newcommand{\logoalul}{
  \begin{picture}(0,0)
    \put(120,-0){\hbox{\includegraphics[scale=.5]{../common/sze_logo.pdf}}}
    \put(205,-6){\hbox{\includegraphics[scale=.4]{../common/it_logo.pdf}}}
  \end{picture}
}

\frenchspacing
\usetheme[compress]{Berlin}

% Navigációs sáv testreszabása - section nevek és navigációs körök megjelenítése
\setbeamertemplate{headline}
{
  \leavevmode%
  \hbox{%
  \begin{beamercolorbox}[wd=\paperwidth,ht=2.5ex,dp=1.125ex]{section in head/foot}%
    \insertsectionnavigationhorizontal{\paperwidth}{}{\hskip0pt plus1filll}
  \end{beamercolorbox}%
  }
  \vskip0pt%
}

% Kisebb betűméret a slide-okhoz
\setbeamerfont{frametitle}{size=\normalsize}
\setbeamerfont{framesubtitle}{size=\small}
\setbeamerfont{block title}{size=\small}
\setbeamerfont{block body}{size=\footnotesize}
\setbeamerfont{itemize/enumerate body}{size=\footnotesize}
\setbeamerfont{itemize/enumerate subbody}{size=\scriptsize}

% Beamer színséma testreszabása Széchenyi arculathoz
\setbeamercolor{structure}{fg=szecyan}
\setbeamercolor{palette primary}{bg=szenavy,fg=white}
\setbeamercolor{palette secondary}{bg=szecyan,fg=white}
\setbeamercolor{palette tertiary}{bg=szezold,fg=white}
\setbeamercolor{palette quaternary}{bg=szeszurke,fg=white}
\setbeamercolor{titlelike}{parent=palette primary}
\setbeamercolor{frametitle}{bg=szenavy,fg=white}
\setbeamercolor{frametitle right}{bg=szenavy}
\setbeamercolor{block title}{bg=szecyan,fg=white}
\setbeamercolor{block body}{bg=szecyan!10,fg=black}
\setbeamercolor{block title alerted}{bg=szezold,fg=white}
\setbeamercolor{block body alerted}{bg=szezold!10,fg=black}
\setbeamercolor{item}{fg=szecyan}
\setbeamercolor{subitem}{fg=szezold}

\author{Magda Donát}
\institute{Széchenyi István Egyetem, Győr}
\date{\hiv{\href{https://git.mdnd-it.cc/Donat/GKNB_MSTM071}{https://git.mdnd-it.cc/Donat/GKNB_MSTM071}}\\ \today}