Get started with the

UIC Beamer Theme

Using LATEX to prepare slides
Usama Muneeb
August 30, 2023
 Beamer for UIC presentations
Placeholder

If you would like LATEXin your presentation, Beamer is a great way to go!
• Beamer has a detailed user manual, but we will go over the most common
features.
• The most common of all slide types involve bulleted points, like these.
• Regular LATEXcommands will help you type math, as below.

| Z| |Z|
∑ P(zk , y | θ) ∑ P(zk , y | θ)
L(θ) = log Q(zk | y) ≥ Q(zk | y) log
Q ( zk | y) Q(zk | y)
k=1 k=1

2
Slide Layouts

An overview of some different

slide types you can have.
 More with bullet points
Unrolling

• You could also unroll the slides in a sequence.

4
 More with bullet points
Unrolling

• You could also unroll the slides in a sequence.

• Just added [<+->] option to \begin{itemize} in this frame.

5
 More with bullet points
Unrolling

• You could also unroll the slides in a sequence.

• Just added [<+->] option to \begin{itemize} in this frame.
• P.S. If you end up using verbatim text (i.e. \verb command) as I did to typeset the
bullet point above, make sure to add [fragile] option to your frame :)

6
 More with bullet points
Global alerts

Sequential slide unrolling can be further enhanced using alerts.

• We will shortly show what they are.

7
 More with bullet points
Global alerts

Sequential slide unrolling can be further enhanced using alerts.

• We will shortly show what they are.
• This is what they are :)

8
 More with bullet points
Local alerts

Alerts can also be localized.

• The \alert{} command provides this functionality.
• Like this.
• You may as well choose the highlighting to stick.
— Previous one did not, but this one will.
• Another common slide type involves columns and/or images.
— We show them in the next slides.

9
 More with bullet points
Local alerts

Alerts can also be localized.

• The \alert{} command provides this functionality.
• Like this.
• You may as well choose the highlighting to stick.
— Previous one did not, but this one will.
• Another common slide type involves columns and/or images.
— We show them in the next slides.

10
 More with bullet points
Local alerts

Alerts can also be localized.

• The \alert{} command provides this functionality.
• Like this.
• You may as well choose the highlighting to stick.
— Previous one did not, but this one will.
• Another common slide type involves columns and/or images.
— We show them in the next slides.

11
 More with bullet points
Local alerts

Alerts can also be localized.

• The \alert{} command provides this functionality.
• Like this.
• You may as well choose the highlighting to stick.
— Previous one did not, but this one will.
• Another common slide type involves columns and/or images.
— We show them in the next slides.

12
 Images and columns
Placeholder

Adding images works like in normal LATEX:

Code for Adding Images

\usepackage{graphicx}
% ...
\includegraphics[width=\textwidth]
{images/uic_quad.pdf}

This slide layout was achieved using the columns feature.

The number and widths of the columns is totally user
preference. Another columns example follows on the next
slide.

13
 Another images/columns example
Placeholder

Left: Solving for optimal

fuel consumption Right:
Solving for optimal time
taken

Figure: Minimum fuel trajectory Figure: Minimum time trajectory

14
 Blocks for theorems
Placeholder

Blocks are a great UI element and can be used for typesetting theorems.

Theorem
If | H |< ∞, then H is PAC Learnable.

15
 Blocks for partitioning
Placeholder

Blocks are also a great way to partition your slide. They can be combined with columns,
as shown here.

Standard Blocks
For the light theme, their Color Blocks
color matches the Similar to the ones on the left, but you pick the color. Text
footline. We will discuss will be white by default, but you may set it with an optional
light and dark themes argument.
soon.
\begin{colorblock}[black]{uihteal}{title}
\begin{block}{title} content...
content... \end{colorblock}
\end{block}

16
 Side-Picture Slides
Placeholder

Just another another layout you may want to use.

• These type of slides are created using
\begin{sidepic}{<image>}{<title>}
• Otherwise, sidepic works just like frame

17
 Pseudocode Example
Placeholder

Algorithm Running EM using the joint PMFs, P, Q, P̂

Input: A belief network G and dataset D
Output: ML estimate of network parameter matrix P̂
P̂ ← RandomPMF()
LogLikelihood ← empty list
t←0
repeat
CurrentLogLikelihood ← 0
Q←0
for d ∈ D do
P̂(zd | yd ) ← P̂(zd , yd )δ(yd )
CurrentLogLikelihood ← CurrentLogLikelihood + Sum(P̂(zd | yd ))
Q ← Q + P̂(zd | yd ) × δ(yd ) ▷ E-step
end for
LogLikelihood[t] = CurrentLogLikelihood
P̂ ← Normalize(Q) ▷ M-step
t←t+1
until convergence
return P̂
Personalization

Themes, fonts and colors

 Let’s talk themes
Placeholder

Three fundamental features greatly affect the look and feel of your slides. Two of them
can be controlled with the \themecolor command.
• The background color.
— The default is light theme, which has a light background, which we are currently
using.
• The foreground color.
— The light theme has a dark foreground (i.e. text color) and vice versa.
• The third, the footer color can be set using \footlinecolor command.
— We are currently using test uicblue color for our footer.
— The default is no footline, but I believe page numbers are incredibly helpful for your
audience to ask questions later.

20
 Let’s talk themes
Placeholder

• I just called \themecolor{dark} before \begin{frame} for this slide.

— Ideally you should set the theme globally in the preamble (i.e. before
\begin{document}). Default is light.
— If you switch the theme from light to dark or vice versa in the middle of the
presentation (like we just did), you may have to follow up with
\usebeamercolor[fg]{normal text} as well, as we did for this slide, otherwise
the foreground color might not be automatically updated.
• You can also change the footer color with \footlinecolor{color}, as we did
for this slide.
• All the changes we talked about here happen for the current as well as
subsequent frames.
— I will manually revert all the changes for the next slide.

21
 Fonts
Placeholder

• Fonts play a huge role in the look and feel of your presentation
— Their main purpose however, is clarity!
• Serif vs Sans-Serif fonts
— This is a good read on when to use which.
— Open Sans and IBM Plex Serif have been provided with this template.
— To conveniently switch from Open Sans to IBM Plex Serif, please use
\usefonttheme{serif} in the preamble.
◦ IBM Plex Serif is not available on pdfLaTeX, so Caladea will be used instead.
• The fonts provided in the fonts folder (or your own fonts) can only be used with
XeLaTeX.
— The Overleaf version of this template uses XeLaTeX by default.
— Next few slides talk about font formats and how they work with different compilers.

22
 Font formats over time
Placeholder

Here are the old formats (still used in the LaTeX ecosystem):
• PostScript Type 1 format developed by Adobe in 1980s
— Support officially ended by Adobe in January 2023
• TrueType format (.ttf) developed by Apple, also in 1980s, licensed to Microsoft
The new font formats are OpenType, developed jointly by Microsoft and Adobe in the
1990s as an extension of Apple’s TrueType font format. OpenType fonts are either
• PostScript flavor OpenType (.otf) that supercedes Adobe’s PostScript Type 1
• TrueType flavor OpenType (also .ttf!) that supercedes Apple’s TrueType
— Distinguishing them from the old TrueType format is therefore non trivial.

23
 Font formats compatibility
Placeholder

The new OpenType fonts have several new features over the old formats. They are
however, supported natively only by XeLaTeX and LuaLaTeX compilers. The most
popular pdfLaTeX compiler has limited support for them:
• OpenType fonts are not pdfLaTeX-ready by default.
• They require the production of TeX font metrics and other ancillary files in order
to be used with LaTeX.
• The production of these files is not easy for the average user.
Consequently, if using pdfLaTeX, the most convenient option is to restrict yourself to
the fonts packages available at the LaTeX Font Catalogue, which are already
pdfLaTeX-ready.

24
 Font formats compatibility
Placeholder

If you want to use fonts beyond those in the LaTeX Font Catalogue (for example, fonts
from Google Fonts), the recommended approach is to use XeLaTeX.
• XeLaTeX is set as the default compiler on the Overleaf version of this template.
• The fonts included in the fonts folder are TrueType flavor OpenType fonts.
• You can still use pdfLaTeX, except that the included fonts will not be applied.
UIC signature font is Theinhardt, also available as OpenType.
• Due to licensing issues, I cannot distribute Theinhardt with this template.
• A licensed copy of Theinhardt can be obtained by UIC students and faculty here.

25
 Text color
Placeholder

• Font color can be set with the \textcolor{<color name>}{text} command.

• The colors are defined in the uiccolor package, in accordance with the UIC
Visual Elements guide:
— UIC’s primary colors are Navy Pier Blue ( test uicblue) and Fire Engine Red
( test uicred).
— UIC’s secondary colors are Chicago Blue ( test chicagoblue), UI Health Teal
( test uihteal) and Champions Gold ( test championsgold).
— UIC’s neutral colors are Expo White ( test expowhite) and Steel Gray
( test steelgray or test steelgrey).
• A simpler alternative to font colors is often just \emph{}.

26
 Chapter slides
Placeholder

• Allow you to partition your presentation into multiple chapters

• Also frames, but with a few more options
• Created with \begin{chapter}[<image>]{<color>}{<title>}
— Image is optional, color and title are mandatory.
• Multiple background images have been provided in this template which may be
used for chapter slides:
— Some campus photos that I have taken over the years and;
— some departmental logos.
— Let’s look at a few examples!

27
Title goes here

Subtitle goes here

Title goes here

Subtitle goes here

Title goes here

Subtitle goes here

Title goes here

Subtitle goes here

Title goes here

Subtitle goes here

 Other departments
Placeholder

• Download your logo from here.

— What you need is “departmental lockup in SVG format and inverted RGB color”.
• Manually overlay it on a static color background using an SVG editor.
— You can look at uiccolor.sty file for the numerical value of the UIC background
colors.
• Make sure the overlay is exported in at least 1600 x 1200 resolution in PNG format
(you will need to upscale your SVG overlay).
— LaTeX cannot natively handle SVG images (and PNG images, if not sufficiently large,
will pixelate in the presentation).

33
 Good luck with your presentation!
Placeholder

• This template is hosted on GitHub

— https://github.com/usamamuneeb/uic-beamer-template
• I would appreciate contributions of all sorts (pull requests, identifying issues, etc).
• If you have any suggestions, send them to me!

34
Thank you!