DEV: Some progress on graphic layout and fancy option support

beamerThemeKenotom.sty

@@ -1,51 +1,51 @@
-% 
+%
 % beamerthemeKenotom.sty
-% 
+%
 % A beamer style file to use in a kenotom presentation
 %
 % author: Christos Choutouridis <c.choutouridis@kenotom.com>
 %
 \NeedsTeXFormat{LaTeX2e}
-\ProvidesPackage{beamerthemeKenotom}
+\ProvidesPackage{beamerthemeKenotom}[2023/05/12 Kenotom beamer theme]
 
 
 % Requirements
 % =====================================================
 \RequirePackage{xcolor}
-%\RequirePackage{silence}
-%\RequirePackage{etoolbox}
 \RequirePackage{fontspec}
 \RequirePackage{tikz}
 \RequirePackage{graphicx}
-%\RequirePackage{hyperref}
 \RequirePackage{ifthen}
-
+\RequirePackage[absolute,overlay]{textpos}
 
 % Options
 % =====================================================
 
-% theme: {classic(default), light, dark}
+% key-value: theme: {classic(default), light, dark}
 \DeclareOptionBeamer{theme}{\def\beamer@kenotom@theme{#1}}
 
-% backround: {none(default), ribon}
+% key-value: backround: {none(default), ribon}
 \DeclareOptionBeamer{backround}{\def\beamer@kenotom@backround{#1}}
 
-% title: {normal(default), small, large}
+% key-value: title: {normal(default), small, large}
 \DeclareOptionBeamer{title}{\def\beamer@kenotom@title{#1}}
 
-% nonavigation: {enable(default), disable}
+% key-value: navigation: {enable(default), disable}
 \DeclareOptionBeamer{navigation}{\def\beamer@kenotom@navigation{#1}}
 
+% key-value: fancy: {disable(default), enable}
+\DeclareOptionBeamer{fancy}{\def\beamer@kenotom@fancy{#1}}
+
 % Set default options
 \ExecuteOptionsBeamer{theme=classic}
 \ExecuteOptionsBeamer{backround=none}
 \ExecuteOptionsBeamer{title=normal}
 \ExecuteOptionsBeamer{navigation=enable}
+\ExecuteOptionsBeamer{fancy=disable}
 
 \ProcessOptionsBeamer
 
 %\ProcessOptions\relax
-%\WarningsOff[mathdesign/mdbch]
 
 
 % Colors
@@ -104,12 +104,13 @@
 	}
 }
 
-% [1]: [social]: 
+% [1]: [social]:
 % {2}: Banner image
 % {3}: background image
-% {4}: Opacity
-\newcommand{\SetBackgroundImage}[4][noSocial]{%
-	
+% {4}: y-offset
+% {5}: Opacity
+\newcommand{\SetBackgroundImage}[5][noSocial]{%
+
 	\setbeamertemplate{background}{%
 		\begin{tikzpicture}[overlay,remember picture]
 		% Banner
@@ -117,45 +118,19 @@
 			\includegraphics[width=0.2\paperwidth]{#2}
 		};%
 		% Image
-		\node[anchor=center, inner sep=0pt, yshift=0.04\paperheight, opacity=#4] at (current page.center) {%
+		\node[anchor=center, inner sep=0pt, yshift=#4\paperheight, opacity=#5] at (current page.center) {%
 			\includegraphics[width=\paperwidth]{#3}
 		};%
-		% Social links 
+		% Social links
 		\ifnum \isequal{#1}{social}=0
 		\node[anchor=west, inner sep=0pt, xshift=0.05\paperwidth, yshift=-0.06\paperheight] at (current page.north west) {%
-			\includegraphics[width=0.5cm]{media/Social.png}
+			\includegraphics[width=0.03\paperwidth]{media/Social.png}
 		};%
 		\fi
 		\end{tikzpicture}%
 	}
 }
 
-%\SetBackgroundImage[social]{media/kenotomBannerRight.png}{media/ribon.png}{0.15}
-%\SetBackgroundImage{media/kenotomBannerRight.png}{media/ribon.png}{0.15}
-
-
-% {1}: Banner image
-% {2}: color 1
-% {3}: color 1
-%\newcommand{\SetBackgroundBicolor}[3]{%
-%	\setbeamertemplate{background}{%
-%		\begin{tikzpicture}[overlay,remember picture]
-%		% Fill
-%%		\node [shading = axis,rectangle, left color=left, right color=left!30!white,shading angle=135, anchor=north, minimum width=\paperwidth, minimum height=5.5cm] (box) at (current page.north){};
-%		\node[shading=axis,rectangle, left color=KenotomGreen, right color=KenotomGrey, middle color=KenotomGreen!30, shading angle=135, opacity=0.2, anchor=north, minimum width=\paperwidth, minimum height=\paperheight] (box) at (current page.north){};%
-%
-%%		\fill[shading=axis, shading angle=135, left color=KenotomGreen, right color=KenotomGrey, middle color=KenotomGreen!5, opacity=0.5] (current page.south west)
-%%		-- +(0, \paperheight) -- +(\paperwidth, \paperheight) -- (current page.south east) -- cycle;%
-%		% Banner
-%		\node[anchor=north east, inner sep=0pt, yshift=-0.06\paperheight] at (current page.north east) {%
-%			\includegraphics[width=0.2\paperwidth]{#1}
-%		};%
-%		\end{tikzpicture}%
-%	}
-%}
-%
-%\SetBackgroundBicolor{media/kenotomBannerRight.png}{ }{ }
-
 \newcommand{\BeginCountingFrames}{%
 	\addtobeamertemplate{navigation symbols}{}{%
 		\hspace{2em} \usebeamerfont{footline} \texttt{ \scriptsize{\insertframenumber/\inserttotalframenumber}}
@@ -181,16 +156,19 @@
 \ifnum \isequal{\beamer@kenotom@theme}{dark}=0
 	\colorlet{BackgroundCanvasColor}{KenotomGreenGreyDark}
 	\colorlet{TitleColor}{KenotomGreyLight}
+	\colorlet{TitleColorFancy}{KenotomWhite}
 	\colorlet{TitleColorAux}{KenotomGreenLight}
 	\colorlet{FrameTitleColor}{KenotomGrey}
 	\colorlet{BlockTitleColor}{KenotomGrey}
-	
+
 	\colorlet{TextColor}{KenotomGreenGreyLight}
 	\colorlet{StructureColor}{KenotomGreenLight}
-	
+
 	\colorlet{NavigationColor}{KenotomGreen}
+	\colorlet{NavigationColorFancy}{KenotomWhite}
 	\colorlet{NavigationArrowsColor}{KenotomGreyLight}
-	
+	\colorlet{NavigationArrowsColorFancy}{KenotomWhite}
+
 	\colorlet{TableCaptionColor}{KenotomGreyDark1}
 	\colorlet{TableCaptionTextColor}{KenotomWhite}
 	\colorlet{TableRowColor1}{KenotomLightBlue1}
@@ -198,16 +176,19 @@
 \else \ifnum \isequal{\beamer@kenotom@theme}{light}=0
 	\colorlet{BackgroundCanvasColor}{KenotomWhite}
 	\colorlet{TitleColor}{KenotomGrey}
+	\colorlet{TitleColorFancy}{KenotomWhite}
 	\colorlet{TitleColorAux}{KenotomGreen}
 	\colorlet{FrameTitleColor}{KenotomGrey}
 	\colorlet{BlockTitleColor}{KenotomGrey}
-	
+
 	\colorlet{TextColor}{KenotomGrey}
 	\colorlet{StructureColor}{KenotomGreen}
-	
+
 	\colorlet{NavigationColor}{KenotomGreen}
+	\colorlet{NavigationColorFancy}{KenotomWhite}
 	\colorlet{NavigationArrowsColor}{KenotomGrey}
-	
+	\colorlet{NavigationArrowsColorFancy}{KenotomWhite}
+
 	\colorlet{TableCaptionColor}{KenotomGrey}
 	\colorlet{TableCaptionTextColor}{KenotomWhite}
 	\colorlet{TableRowColor1}{KenotomLightBlue1}
@@ -215,16 +196,19 @@
 \else % clasic
 	\colorlet{BackgroundCanvasColor}{KenotomWhite}
 	\colorlet{TitleColor}{KenotomGreyDark1}
+	\colorlet{TitleColorFancy}{KenotomWhite}
 	\colorlet{TitleColorAux}{KenotomGreen}
 	\colorlet{FrameTitleColor}{KenotomGreyDark2}
 	\colorlet{BlockTitleColor}{KenotomGreyDark2}
-	
+
 	\colorlet{TextColor}{KenotomGreenGrey}
 	\colorlet{StructureColor}{KenotomGreen}
-	
+
 	\colorlet{NavigationColor}{KenotomGreen}
+	\colorlet{NavigationColorFancy}{KenotomWhite}
 	\colorlet{NavigationArrowsColor}{KenotomGreyDark1}
-	
+	\colorlet{NavigationArrowsColorFancy}{KenotomWhite}
+
 	\colorlet{TableCaptionColor}{KenotomGreyDark1}
 	\colorlet{TableCaptionTextColor}{KenotomWhite}
 	\colorlet{TableRowColor1}{KenotomLightBlue1}
@@ -233,7 +217,12 @@
 
 % Apply theme colors
 \setbeamercolor{background canvas}{bg=BackgroundCanvasColor}
-\setbeamercolor{titlelike}{fg=FrameTitleColor}
+\setbeamercolor{title}{fg=TitleColor}
+\setbeamercolor{subtitle}{fg=TitleColor}
+\setbeamercolor{frametitle}{fg=FrameTitleColor}
+
+\setbeamercolor{section title}{fg=FrameTitleColor}
+\setbeamercolor{subsection title}{fg=FrameTitleColor}
 \setbeamercolor{block title}{fg=BlockTitleColor}
 
 \setbeamercolor{normal text}{fg=TextColor}
@@ -260,7 +249,7 @@
 
 % Default backround (We overwrite it temporary inside kenotom frame environments)
 \ifnum \isequal{\beamer@kenotom@backround}{ribon}=0
-	\SetBackgroundImage{media/BannerLogoLink.png}{media/Ribon.png}{0.15}
+	\SetBackgroundImage{media/BannerLogoLink.png}{media/Ribon.png}{0.04}{0.15}
 \else %None
 	\SetBackgroundPlain{media/BannerLogoLink.png}
 \fi%
@@ -282,11 +271,48 @@
 % Content style
 % =====================================================
 
+\newcommand{\TitleSize}{\Huge}
+\newcommand{\SectionSize}{\Large}
+
+\ifnum \isequal{\beamer@kenotom@title}{small}=0
+	\newcommand{\FrameTitleSize}{\large}
+\else\ifnum \isequal{\beamer@kenotom@title}{normal}=0
+	\newcommand{\FrameTitleSize}{\Large}
+\else\ifnum \isequal{\beamer@kenotom@title}{large}=0
+	\newcommand{\FrameTitleSize}{\huge}
+\else % default = normal
+	\newcommand{\FrameTitleSize}{\Large}
+\fi\fi\fi%
+
+\newcommand{\AuthorSize}{\Large}
+\newcommand{\InstituteSize}{\normalsize}
+\newcommand{\ContactInfoSize}{\normalize}
+
+\newcommand{\FancyTitleSize}{\LARGE}
+\newcommand{\FancyTitleFontStyle}[1]{\textbf{#1}}
+
+%\newcommand{\FancyDateSize}{\normalize}
+%\newcommand{\FancyDateFontStyle}[1]{\textrm{#1}}
+
+\newcommand{\FancySectionSize}{\huge}
+\newcommand{\FancySectionFontStyle}[1]{\textbf{#1}}
+
 % Title page style
 \setbeamertemplate{title page}[default][left]
-\setbeamerfont{title}{family=\rmfamily,size=\Huge}
-\setbeamerfont{author}{size=\Large}
-\setbeamerfont{institute}{size=\normalsize}
+\setbeamerfont{title}{family=\rmfamily,size=\TitleSize}
+\setbeamerfont{author}{size=\AuthorSize}
+\setbeamerfont{institute}{size=\InstituteSize}
+
+\renewcommand{\maketitle}{%
+	\ifnum \isequal{\beamer@kenotom@fancy}{enable}=0
+		\TitleFrameFancy
+	\else {% once
+		\SetBackgroundImage{media/BannerLink.png}{media/Ribon.png}{0.04}{0.4}
+		\begin{frame}
+			\titlepage
+		\end{frame}
+	} \fi
+}
 
 % footline
 %\setbeamertemplate{navigation symbols}{}
@@ -294,20 +320,15 @@
 
 
 % Frame title style
-\ifnum \isequal{\beamer@kenotom@title}{small}=0
-	\setbeamerfont{frametitle}{family=\rmfamily,size=\large,series=\bfseries}
-\else\ifnum \isequal{\beamer@kenotom@title}{normal}=0
-	\setbeamerfont{frametitle}{family=\rmfamily,size=\Large,series=\bfseries}
-\else\ifnum \isequal{\beamer@kenotom@title}{large}=0
-	\setbeamerfont{frametitle}{family=\rmfamily,size=\huge,series=\bfseries}
-\else % default = normal
-	\setbeamerfont{frametitle}{size=\Large,series=\bfseries}
-\fi\fi\fi%
+\setbeamerfont{frametitle}{family=\rmfamily,size=\FrameTitleSize,series=\bfseries}
 \setbeamertemplate{frametitle}{
 	\vskip0.05\paperheight
 	\insertframetitle
 }
 
+%\setbeamerfont{section title}{size=\LARGE,series=\bfseries}
+%\setbeamerfont{subsection title}{size=\Large,series=\bfseries}
+
 % Block style
 \setbeamerfont{block title}{family=\rmfamily,size=\large}
 
@@ -318,75 +339,189 @@
 \newcommand{\tableheadcol}[1]{{\bfseries\color{TableCaptionTextColor}#1}}
 \rowcolors{2}{TableRowColor1}{TableRowColor2}
 
+% Section frames
+\AtBeginSection[]{%
+	\ifnum \isequal{\beamer@kenotom@fancy}{enable}=0
+		\SectionFrameFancy
+	\fi
+}
 %\AtBeginEnvironment{tabular}{\color{black}}
 
 
+\newcommand{\InsertFancyTitle}{%
+	\FancyTitleSize
+	\textcolor{TitleColorFancy}{\FancyTitleFontStyle{\inserttitle}}
+}
+
+\newcommand{\InsertFancySection}{%
+	\FancySectionSize
+	\textcolor{TitleColorFancy}{
+		\ifnum \thesection<10
+			\FancySectionFontStyle{0\thesection}  \\
+		\else
+			\FancySectionFontStyle{\thesection}   \\
+		\fi
+		\FancySectionFontStyle{\insertsection}
+	}
+}
+
+\newcommand{\InsertFancyDate}{%
+	\textcolor{TitleColorFancy}{\insertdate}
+}
+
+\newcommand{\InsertAuthorEmail}{%
+	\AuthorEmail
+}
+
+\newcommand{\InsertAddress}{%
+	\textcolor{StructureColor}{\Address}
+}
+
+\newcommand{\InsertTelephone}{%
+	\textcolor{StructureColor}{\Telephone}
+}
+
 % Kenotom environments
 % =====================================================
 
 % Kenotom CoverFrame
-\newcommand{\CoverFrame}{{%
-	\SetBackgroundImage[social]{media/BannerLink.png}{media/Ribon.png}{0.1}
-	\begin{frame}
+\newcommand{\TitleFrameFancy}{ {% once
+	\SetBackgroundImage[social]{media/BannerLink.png}{media/Ribon.png}{0.12}{0.1}
+	\setbeamercolor{navigation symbols}{fg=NavigationColor, bg=NavigationArrowsColorFancy}
+	\addtobeamertemplate{background}{}{%
 		\begin{tikzpicture}[overlay,remember picture]
-		% Logo
-		\node[anchor=center, inner sep=0pt, yshift=0.25\paperheight] at (current page.center) {%
-			\ifnum \isequal{\beamer@kenotom@theme}{dark}=0
-				\includegraphics[width=\paperwidth]{media/LogoWhite.png}
-			\else
-				\includegraphics[width=\paperwidth]{media/Logo.png}
-			\fi
-		};%
-		% Car
-		\node[anchor=north, inner sep=0pt, yshift=0.16\paperheight] at (current page.center) {%
-			\includegraphics[width=\paperwidth, keepaspectratio]{media/CarCover.png}
-		};%
+			% Logo
+			\node[anchor=center, inner sep=0pt, yshift=0.275\paperheight] at (current page.center) {%
+				\ifnum \isequal{\beamer@kenotom@theme}{dark}=0
+					\includegraphics[width=\paperwidth]{media/LogoWhite.png}
+				\else
+					\includegraphics[width=\paperwidth]{media/Logo.png}
+				\fi
+			};%
+			% Car the
+			\node[anchor=north, inner sep=0pt, yshift=0.08\paperheight] at (current page.center) {%
+				\includegraphics[width=\paperwidth, keepaspectratio]{media/CarCover.png}
+			};%
+			% TitleBox center:0.58\paperheight
+			\node[anchor=center, inner sep=0pt, yshift=0.08\paperheight] at (current page.center) {%
+				\includegraphics[width=0.7\paperwidth, keepaspectratio]{media/FancyTitleBox.png}
+			};%
 		\end{tikzpicture}
+	}
+	\begin{frame}
+		\setlength{\TPHorizModule}{\paperwidth}
+		\setlength{\TPVertModule}{\paperheight}
+		% hsize:
+		%         0.58 = {BoxLength=7.697}/{TotlaLength=13.333}
+		% hpos: 0.56
+		%    (1.6/2)/13.333 in = 0.06\paperwidth
+		%             0.5+0.06 = 0.56
+		% vpos: 0.42
+		%         0.42 = 0.5 - 0.08
+		\begin{textblock}{0.58}[0.5,0.5](0.56,0.42)
+			\centering
+			\InsertFancyTitle
+		\end{textblock}
+		% Date @ bottom right
+		\begin{textblock}{0.5}[1,1](0.95,0.95)
+			\begin{flushright}
+				\InsertFancyDate
+			\end{flushright}
+		\end{textblock}
 	\end{frame}
 	}
 }
 
-\newcommand{\TitleFrame}{{%
-	\SetBackgroundImage{media/BannerLink.png}{media/Ribon.png}{0.4}
+% [nosubsections]
+% {1} : Outline Text Grey
+% {2} : Outline Text Green
+\newcommand{\OutlineFrameFancy}[3][subsections]{ {% once
+	\SetBackgroundImage{media/BannerLink.png}{media/Ribon.png}{0.04}{0.1}
 	\begin{frame}
-		\vspace{0.15\textheight}
-		\textcolor{TitleColor}{
-			\rmfamily \Huge
-			\Title               \\[0.5ex]
-			\normalsize
-			\SubTitle            \\[10ex]
-		}
-		\textcolor{TextColor}{
-			\Large
-			\AuthorName          \\[1.5ex]
-			\normalsize
-			\Date
-		}
+		\begin{columns}
+			\begin{column}{0.6\textwidth}
+				\setlength{\TPHorizModule}{\textwidth}
+				\setlength{\TPVertModule}{\textheight}
+				\begin{textblock}{1}[0.5,0.5](0.5,0.35)
+					\centering
+					\huge \textbf {\textcolor{KenotomGrey}{#2} \textcolor{KenotomGreen}{#3}}
+				\end{textblock}
+			\end{column}
+			\begin{column}{0.4\textwidth}
+				\vspace{0.2\textheight}
+				\ifnum \isequal{#1}{nosubsections}=0
+					\setcounter{tocdepth}{1}
+				\fi
+				\tableofcontents
+				\Vfill
+			\end{column}
+		\end{columns}
 	\end{frame}
 	}
 }
 
-\newcommand{\BackCoverFrame}{{%
-	\SetBackgroundImage[social]{media/BannerThankYou.png}{media/Ribon.png}{0.4}
+\newcommand{\OutlineFrame}[3][subsections]{%
+	\ifnum \isequal{\beamer@kenotom@fancy}{enable}=0
+		\OutlineFrameFancy[#1]{#2}{#3}
+	\else
+		\begin{frame}{#2 #3}
+			\vspace{0.2\textheight}
+			\ifnum \isequal{#1}{nosubsections}=0
+				\setcounter{tocdepth}{1}
+			\fi
+				\tableofcontents
+			\Vfill
+		\end{frame}
+	\fi
+}
+
+\newcommand{\SectionFrameFancy}{ {% once
+	\SetBackgroundImage{media/nothing.png}{media/SectionBackground.png}{0}{1.0}
+	\setbeamercolor{navigation symbols}{fg=NavigationColorFancy, bg=NavigationArrowsColorFancy}
 	\begin{frame}
-		\Vfill
+		\setlength{\TPHorizModule}{\paperwidth}
+		\setlength{\TPVertModule}{\paperheight}
+		% hsize:
+		%         0.4 = {AvailableLength}/{TotlaLength}
+		% hpos: 0.9
+		%         // The line in svg ends @12in
+		%         0.9 = {LineEnds}/{TotalLength} = 12/13.333
+		% vpos: 0.475
+		%       // 0.025 above center
+		%       0.475 = 0.5 - 0.025
+		\begin{textblock}{0.4}[1,1](0.9,0.475)
+			\begin{flushright}
+				\InsertFancySection
+			\end{flushright}
+		\end{textblock}
+	\end{frame}
+	}
+}
+
+\newcommand{\BackFrame}{ {% once
+	\SetBackgroundImage[social]{media/BannerThankYou.png}{media/Ribon.png}{0.04}{0.4}
+	\addtobeamertemplate{background}{}{%
 		\begin{tikzpicture}[overlay,remember picture]
 			\node[anchor=center, inner sep=0pt, yshift=0.04\paperheight] at (current page.center) {%
 				\includegraphics[width=\paperwidth]{media/LogoDetails.png}
 			};%
+			\node[anchor=south, inner sep=0pt] at (current page.south) {%
+				\includegraphics[width=\paperwidth]{media/BottomGradient.png}
+			};%
 		\end{tikzpicture}
+	}
+	\begin{frame}
 		\Vfill
-		\AuthorName    \\
-		\AuthorMail    \\
-		\textcolor{StructureColor}{%
-			\Address   \\
-			\Telephone
-		}
+		\insertauthor         \\
+		\InsertAuthorEmail    \\
+		\InsertAddress        \\
+		\InsertTelephone
 		\vspace{0.125\paperheight}
 	\end{frame}
 	}
 }
 
+
 \newenvironment{tickmarks}{%
 	\SetGraphItemize{1.6ex}{media/Tickmark.png}
 	\begin{itemize}

kenotom_template.tex

@@ -1,41 +1,34 @@
 %% Requires compilation with XeLaTeX or LuaLaTeX
 %
 % A kenotom presentation template using the beamer kenotom theme
-% 
+%
 % author: Christos Choutouridis <c.choutouridis@kenotom.com>
 %
 
 \documentclass[11pt,aspectratio=169,xcolor={table,dvipsnames},t]{beamer}
 
-\usetheme[backround=ribon,theme=clasic,navigation=enable]{Kenotom}
+\usetheme[backround=ribon,theme=dark,navigation=enable,fancy=enable]{Kenotom}
 
+\title{Your presentation title}
+\subtitle{Your subtitle (if there's one)}
+\author{Christos Choutouridis}
+\institute{Kenotom}
+\date{\today}
 
-\newcommand{\Title}{Your Presentation}
-\newcommand{\SubTitle}{Your subtitle (if there's one)}
-\newcommand{\AuthorName}{Christos Choutouridis}
-\newcommand{\AuthorMail}{c.choutouridis@kenotom.com}
-\newcommand{\Company}{Kenotom}
+\newcommand{\AuthorEmail}{c.choutouridis@kenotom.com}
 \newcommand{\Address}{Eth. Antistasis 16 GR-55133, Thessaloniki - Greece}
 \newcommand{\Telephone}{+30 2310 315470}
-\newcommand{\Date}{\today}
-
 
 \begin{document}
 
-% Uncomment the following if you want the fancy kenotom cover page
-\CoverFrame
 
-% Title frame
-\TitleFrame
+% Uncomment the following if you want the fancy kenotom cover page
+\maketitle
 
 \BeginCountingFrames % Exclude first frames from frame counting
 
 % Uncomment the following lines for an automatically generated outline.
-\begin{frame}{Outline}
-	\vspace{2em}
-	\tableofcontents
-	\Vfill
-\end{frame}
+\OutlineFrame[subsections]{Presentation}{Agenda}
 
 
 \section{Introduction}
@@ -47,37 +40,37 @@
 		\item extra kenotom environments \texttt{tickmarks, bullets}
 		\item extra kenotom commands like \texttt{\textbackslash CoverFrame, \textbackslash TitleFrame, \textbackslash BackCoverFrame} etc...
 	\end{tickmarks}
-	
+
 	\begin{block}{Examples}
 		Beside kenotom specific, some basic LaTeX{} examples of commonly used commands and features are included, to help you get started.
 	\end{block}
-	
+
 \end{frame}
 
 
-\section{\LaTeX{} Examples}
+\section[Some \LaTeX examples]{\LaTeX{} Examples}
 
 \subsection{Mathematics}
 
 \begin{frame}{Readable Mathematics 42}
-	
+
 	Let $X_1, X_2, \ldots, X_n$ be a sequence of independent and identically distributed random variables with $\text{E}[X_i] = \mu$ and $\text{Var}[X_i] = \sigma^2 < \infty$, and let
 	$$S_n = \frac{X_1 + X_2 + \cdots + X_n}{n}
 	= \frac{1}{n}\sum_{i}^{n} X_i$$
 	denote their mean. Then as $n$ approaches infinity, the random variables $\sqrt{n}(S_n - \mu)$ converge in distribution to a normal $\mathcal{N}(0, \sigma^2)$.
-	
+
 \end{frame}
 
 
 \subsection{Tables}
 
 \begin{frame}{Tables}
-	
+
 	\begin{itemize}
 		\item Use \texttt{tabular} for basic tables --- see Table~\ref{tab:widgets}, for example.
-		\item You can upload a figure (JPEG, PNG or PDF) using the files menu. 
+		\item You can upload a figure (JPEG, PNG or PDF) using the files menu.
 	\end{itemize}
-	
+
 	\begin{table}
 		\centering
 		\begin{tabular}{l r}
@@ -93,11 +86,11 @@
 \subsection{Figures}
 \begin{frame}
 	\frametitle{Figure Example}
-	
+
 	To include figures in your document, use the \texttt{includegraphics} command (see the comment below in the source code).
-	
+
 	\begin{figure}
-		\includegraphics[height=0.6\textheight]{kernel.png}
+		\includegraphics[height=0.55\textheight]{kernel.png}
 		\caption{\label{fig:your-figure}Caption goes here.}
 	\end{figure}
 \end{frame}
@@ -128,7 +121,7 @@
 	\end{tickmarks}
 \end{frame}
 
-\BackCoverFrame
+\BackFrame
 
 
 \end{document}

media/svg/BottomGradient.svg

@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="13.33333in"
+   height="2.2320001in"
+   viewBox="0 0 338.66659 56.692805"
+   version="1.1"
+   id="svg1508"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   sodipodi:docname="BottomGradient.svg"
+   inkscape:export-filename="/home/hoo2/Documents/kenotom/kenotom_template/media/BottomGradient.png"
+   inkscape:export-xdpi="300"
+   inkscape:export-ydpi="300">
+  <defs
+     id="defs1502">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient969">
+      <stop
+         style="stop-color:#d2d2d2;stop-opacity:1;"
+         offset="0"
+         id="stop965" />
+      <stop
+         style="stop-color:#d2d2d2;stop-opacity:0;"
+         offset="1"
+         id="stop967" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient969"
+       id="linearGradient2069"
+       x1="168.97362"
+       y1="297.23343"
+       x2="169.61694"
+       y2="240.38608"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="730.68732"
+     inkscape:cy="-60.765198"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="in"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="1920"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata1505">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-240.3072)">
+    <rect
+       style="opacity:0.6;fill:url(#linearGradient2069);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.80000001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1061"
+       width="338.6582"
+       height="56.696423"
+       x="0"
+       y="240.30357" />
+  </g>
+</svg>

media/svg/nothing.svg

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1in"
+   height="1in"
+   viewBox="0 0 25.4 25.400001"
+   version="1.1"
+   id="svg938"
+   inkscape:export-filename="/home/hoo2/Documents/kenotom/kenotom_template/media/nothing.png"
+   inkscape:export-xdpi="300"
+   inkscape:export-ydpi="300"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   sodipodi:docname="nothing.svg">
+  <defs
+     id="defs932" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="-182.85714"
+     inkscape:cy="560"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="in"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="1920"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata935">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-271.59998)" />
+</svg>