Giter Club home page Giter Club logo

presento's Introduction

presento

Presento is a clean, simple and extensible template for presentations — supported by XeTeX and Beamer. XeTeX is a TeX typesetting engine that can be thought of as standard LaTeX (pdftex) with support for Open Type Fonts. Beamer is a widely used LaTeX class for presentations and slides.

See in action

Installation

For novice TeX users, it is highly recommended to use Overleaf, a fascinating online TeX editor. The installation is as simple as downloading presento and uploading to Overleaf as a new project. Disclaimer: I am an external advisor to Overleaf and often advocate for TeX and Overleaf.

To use presento in your local computer, install XeTeX and the compulsory packages listed below. These mostly come as part of the popular TeX engines like MiKTeX.

Compulsory packages:

  • xcolor (used for adding colors)
  • fontspec (supports for custom local fonts)
  • setspace (handles the spacing between lines)
  • tikz (used to draw for various shapes)
  • enumitem (custom lists)

Fonts

The primary fonts in use are Montserrat by Julieta Ulanovsky, Lato (Light) by Łukasz Dziedzic and Noto Sans by Google. For small caps, Algreya Sans (small caps variation) by Juan Pablo del Peral is used. Inconsolata by Raph Levien is used as a monospaced font.

Except Noto Sans, which is licensed under Apache License v2.00, all other fonts used are under SIL Open Font License v1.10. In short, all the fonts are free to use and redistribute under the terms of the respective licenses.

The fonts and their usage are already baked into the template. However for custom use, the following LaTeX commands (without any arguments) are provided: \montserratfont, \notosansfont, \latolightfont,\inconsolatafont.

Colors

The color palette is vibrant, bold yet minimal. The following colors can be used with the \color{colorName} command.

  • colorlgray: #FAFAFA (light gray)
  • colordgray: #795548 (dark gray)
  • colorhgray: #212121 (heavy dark gray)
  • colororange: #E65100 (orange)
  • colorgreen: #009688 (green)
  • colorblue: #0277BB (blue)

Custom Macros

  • \hugetext{text}: sets the huge, bold text. It should only be used for short and bold statements.
  • \largetext{text}: sets a large text. It should be used as subheadings, lines with less than 40 characters.
  • \setnote{text}: sets a smaller text with color gray. It should be used for showing notes such as url, references etc.
  • \framecard[optionalColor]{mainText}: sets the big bold mainText at center with a background color of optionalColor, which is colorgreen by default. It should be used for flashing ideas, introducing subsections etc.
  • \framepic[optionalOpacity]{image}{content}: sets the image as a background of the full frame with opacity set to optionalOpacity. The frame may have content inside.

Custom environments

  • \begin{baseitemize} \end{baseitemize}: this is standard itemize without any indentation. It should be used for normal listing.
  • \begin{fullpageitemize} \end{fullpageitemize}: this is used for listing in full frame. The items in the list are properly spaced. It should be used for listing points in one full frame.

Concluding remarks

The typography and design principles have been largly influenced by notable designers around the world. Sincere thanks goes to Prof. Dr.-Ing. André Miede (developer of Classicthesis), Robert Bringhurst (author of 'The Elements of Typographic Style'), Richard Rutter (creator of The Elements of Typographic Style Applied to the Web), Tim Brown (developer of Modular Scale), designers at Google among others.

This work is not licensed. Feel free to use, modify, redistribute. Comments and suggestions are welcome!

FAQ

How do I add customize the template?

You can change the title, subtitle etc in config/presento-config.tex. If you want to add new packages or newcommands, put them in config/custom-command.tex. An example of \usepackage{textpos} etc are already present (but not compulsory for the basic template).

However, if you want to change the template, feel free to modify config/presento.sty. Be brave!

While using \framepic, why is the image not shown in full screen?

Please check the image size and aspect ratio. While not obligatory for any rules, you may want to note that the standard beamer template size is 12.8cm x 9.6cm.

How do I change the font sizes?

The spacing and font sizes are carefully designed. Change font sizes by using \fontsize{size}{leading}\selectfont only if you are sure of what you are doing.

Why does the text in my presentation look pale?

High contrast of black-white is not advisable for presenting with high quality projectors. Thus the background is set to light gray and the text color is set to heavy dark gray. If you are unsure about the quality of the projector and/or the text looks pale, comment out the following in config/presento-config.tex:

\setbeamercolor{background canvas}{bg=colorlgray}
\setbeamercolor{normal text}{fg=colorhgray}
Do I need to download the fonts?

No, the fonts are already present in the fonts/ subfolder. The corresponding licenses can be found in LICENSE/ subfolder.

How do I add bullet points to items in baseitemize of fullpageitemize?

Use \itemR instead of \item.

presento's People

Contributors

jsta avatar ratulsaha avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

presento's Issues

No .tex file for other demo?

Hello.

I'm starting to use Beamer and LaTeX and decided your template as my standard template for beamer.

I understood your codes and how it flows.

But the problem is I have almost no knowledge of LaTeX so I have zero idea how to transform your minimal demo into these awesome presentation slides.
e.g. you drew a lot of diagrams and tree structures. I have no idea that it is actual imported image files or generated from LaTeX code.
e.g. arrows pointing contents. It could be LaTeX command, It could be image or It could be generated image using vector drawing command in LaTeX.

https://github.com/RatulSaha/presento/blob/master/demo/setta_presentation.pdf
https://github.com/RatulSaha/presento/blob/master/demo/BoS_final_presentation.pdf

It could be rude but if you don't mind, could you provide samples of your other demo or give me some hints? such as name of command or packages..

It would make my life much easier. Otherwise I should search everything from bottom cause I have almost no knowledge of LaTeX.

Wonjun

Boxes?

Maybe it would be a good idea to introduce boxes with highlighted text.

I understand that it can sometimes muddle the presentation, but it comes in handy when needing some emphasis in-slide.

Citations or footnotes?

I'm trying to insert citations in my Presento slide deck using \footfullcite. However, nothing is displayed at the bottom of the frame. I also tried just manually formatting a citation using a footnote but this doesn't seem to display either. Is this possible with Presento?

A few suggestions

  • Loading the xcolor package is not necessary, the beamer class already provides this functionality

  • Loading the enumitem is not a good idea in a beamer document, this package is incompatible to beamer and causes problems, e.g. https://tex.stackexchange.com/q/393671/36296

  • (my personal opinion) In the beamer context, it might be more natural to provide a theme then to use \input{...}.

Title slide and color theme

Hi Ratul,

I like very much the beamer style you've made however there are two things I'd like to do and was wondering whether you could help me sort this out:

  1. On your "setta_presentation" example, there is a block surrounding the first line of your title, how could I do that ?
  2. Is there an 'easy' way to define a color theme by section, for instance "colorblue" for the first section, "colorgreen" for the second and "colororange" for the third one ?

Many thanks in advance for your help,
Best wishes,

Raphaële

Mathematics display is plain.

First of all, thanks for taking the ti,e for putting together a new beamer theme, I do not understand the reason the math seem so plain.

image
I declare a shorthand for the vectors and matrices:

image

this is the code I used for creating the slide :

image

as you see the final is plain no difference with the normal text.

Itemize, \titlegraphics{}

Hi,
I love the template !

2 quick question:

  1. How do you create the arrows for item in itemize environment (see examples without .tex file...)? I tried to set it to circle with this: \setbeamertemplate{itemize items}[circle] and it's not working.
  2. Is there any hope to fix \titlegraphics{} and add logo to the titlepage?

Thanks,
András

Division by zero

Hi,

I was trying to the example with XeLaTeX using a minimal MacTeX install, but I'm getting this error

No file presento.nav.

! Package PGF Math Error: You've asked me to divide `360' by `0.0', but I canno
t divide any number by `0.0' (in '\c@framenumber *(360/(\c@totalfr -1))').

See the PGF Math package documentation for explanation.

what should I do ?

The culprit is apparently line 53 in presento.sty

\filldraw[fill=colorblue!40, draw=colorblue!50]  (0,0) -- (0.2,0) arc (0:{\value{framenumber}*(360/(\value{totalfr}-1))}:0.2) -- (0,0); 

which should read (I guess):

\filldraw[fill=colorblue!40, draw=colorblue!50]  (0,0) -- (0.2,0) arc (0:{\value{framenumber}*(360/(\value{totalfr}))}:0.2) -- (0,0); 

notice \value{totalfr}-1 becomes \value{totalfr}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.