frontend elmélet
This commit is contained in:
magdo
@@ -0,0 +1,230 @@
|
||||
\usepackage[utf8]{inputenc}
|
||||
\usepackage[T1]{fontenc}
|
||||
\usepackage[magyar]{babel}
|
||||
\usepackage{indentfirst}
|
||||
\usepackage{graphicx}
|
||||
\usepackage{tikz}
|
||||
\usetikzlibrary{positioning}
|
||||
\usepackage{fancyvrb}
|
||||
\usepackage{amssymb}
|
||||
\usepackage{pifont}
|
||||
\usepackage{newunicodechar}
|
||||
|
||||
% Unicode szimbólumok definiálása
|
||||
\newcommand{\cmark}{\ding{51}} % ✓ check mark
|
||||
\newcommand{\xmark}{\ding{55}} % ✗ ballot x
|
||||
\newunicodechar{✓}{\cmark}
|
||||
\newunicodechar{✗}{\xmark}
|
||||
\newunicodechar{❌}{\textcolor{red}{\xmark}}
|
||||
|
||||
% Globális verbatim beállítás - tiny betűméret minden verbatim blokkhoz
|
||||
\fvset{fontsize=\tiny}
|
||||
\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
|
||||
}
|
||||
% Docker nyelvdefiníció
|
||||
\lstdefinelanguage{Docker}{
|
||||
keywords={FROM, RUN, CMD, LABEL, MAINTAINER, EXPOSE, ENV, ADD, COPY,
|
||||
ENTRYPOINT, VOLUME, USER, WORKDIR, ARG, ONBUILD, STOPSIGNAL,
|
||||
HEALTHCHECK, SHELL, AS},
|
||||
keywordstyle=\color{blue}\bfseries,
|
||||
identifierstyle=\color{black},
|
||||
sensitive=false,
|
||||
comment=[l]{\#},
|
||||
commentstyle=\color{purple}\ttfamily,
|
||||
stringstyle=\color{red}\ttfamily,
|
||||
morestring=[b]',
|
||||
morestring=[b]"
|
||||
}
|
||||
|
||||
% JavaScript nyelvdefiníció
|
||||
\lstdefinelanguage{JavaScript}{
|
||||
keywords={typeof, new, true, false, catch, function, return, null, catch,
|
||||
switch, var, const, let, if, in, while, do, else, case, break, async,
|
||||
await, class, export, import, extends, super, this, throw, try, default},
|
||||
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]"
|
||||
}
|
||||
|
||||
% YAML nyelvdefiníció
|
||||
\lstdefinelanguage{yaml}{
|
||||
keywords={true,false,null,y,n},
|
||||
keywordstyle=\color{darkgray}\bfseries,
|
||||
sensitive=false,
|
||||
comment=[l]{\#},
|
||||
commentstyle=\color{purple}\ttfamily,
|
||||
stringstyle=\color{red}\ttfamily,
|
||||
morestring=[b]',
|
||||
morestring=[b]",
|
||||
basicstyle=\ttfamily\scriptsize,
|
||||
breaklines=true,
|
||||
columns=fullflexible,
|
||||
keepspaces=true,
|
||||
showstringspaces=false
|
||||
}
|
||||
|
||||
\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}
|
||||
\useoutertheme[subsection=false]{miniframes}
|
||||
\setbeamerfont{section in head/foot}{size=\tiny}
|
||||
\setbeamerfont{subsection in head/foot}{size=\tiny}
|
||||
|
||||
% Adaptív, kattintható navigáció:
|
||||
% sok section esetén az aktuális marad nagy és szöveges,
|
||||
% a többi section lekicsinyített sorszámként jelenik meg.
|
||||
\newcommand{\sectioncompactthreshold}{11}
|
||||
\makeatletter
|
||||
\providecommand{\totalsectionscount}{0}
|
||||
\AtEndDocument{%
|
||||
\immediate\write\@auxout{\string\gdef\string\totalsectionscount{\arabic{section}}}%
|
||||
}
|
||||
\makeatother
|
||||
|
||||
\setbeamertemplate{section in head/foot}{%
|
||||
{\fontsize{6}{7}\selectfont\bfseries\insertsectionhead}%
|
||||
}
|
||||
\setbeamertemplate{section in head/foot shaded}{%
|
||||
\ifnum\totalsectionscount>\sectioncompactthreshold
|
||||
{\fontsize{4.5}{5.5}\selectfont\insertsectionheadnumber}%
|
||||
\else
|
||||
{\fontsize{5}{6}\selectfont\insertsectionhead}%
|
||||
\fi
|
||||
}
|
||||
\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}
|
||||
Reference in New Issue
Block a user