slides.md

A long talk title that may
be kind of boring and
more than one line long

Leonardo Uieda, Author Two, and Author Three

XX Month 202X Event/host of the talk

Feel free to screenshot/share/reuse this presentation CC-BY 4.0 License

===============================================================================

Heading 1

This is a slide with some content.

Heading 2

• Bla bla
• Bla bla

Heading 3

Meh meh meh meh meh meh meh meh meh meh meh meh meh meh meh meh meh meh meh meh meh meh.

===============================================================================

Some facts

About a certain topic.

This is a little footnote. Use it to add notes, citations, links, etc.
Notice how the div above uses r-stretch to push this note to the bottom.

===============================================================================

Even more facts!

About many different things.

Left aligned footnote. Use centered on the div above to vertically center content.
Need to put another div inside of it as well.

===============================================================================

Centered footnote with a dark background on a slide with a background.
Set the size to contain to make sure aspect ratios are preserved and the background isn't cropped.
It's a good idea to add alt-text to this footnote if the background is important.

===============================================================================

This is how you use a video background. The video auto starts when flipping to this slide.

===============================================================================

A transition slide
with a large title

...and some text.

===============================================================================

Maths

This is an inline $\int_a^b x^2 dx$ and $\delta g = g - \gamma$:

\[ \int_a^b x^2 dx \]

===============================================================================

Big quote message with a faded background image. Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

===============================================================================

Light fade of the background with a dark quote.

===============================================================================

Two column layout

Theory

Explain something here. This is how you make a FontAwesome list:

• Make a list with
• some awesome icons
• instead of bullet points

Some text explaining the figure. Maybe even a bit of maths like $\gamma$.

Good place for a citation or image credit. This one is by Leonardo Uieda (CC-BY).

===============================================================================

Multiple columns

Place as many cols as you want. They will have the same size.

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

Images by Leonardo Uieda (CC-BY).

===============================================================================

This one has columns of different size

This way the image is larger on the screen. Use it for maps or main figures.

Explain what is shown on the image. Use the small class to adjust font size.

Maybe include some maths:

$ D\dfrac{\partial^4 w}{\partial x^4} = q - g (\rho_m - \rho_w) w $

===============================================================================

This way the image is narrow so it should be in a smaller column.

Column sizes

Columns come in 3 sizes:

1. col
2. col-medium
3. col-large

These are more proportions than fixed sizes.

===============================================================================

Code

Example of using PyGMT to make a map:

This code:

import pygmt

# Load built-in topography data
grid = pygmt.datasets.load_earth_relief()

fig = pygmt.Figure()
# Pseudo-color map of topography
fig.basemap(
    region=[-150, -30, -60, 60],
    projection="I-90/6i",
    frame=True,
)
fig.grdimage(grid=grid, cmap="viridis")
# Mask continents in dark grey
fig.coast(land="#333333")
# Display in Jupyter or pop-up window
fig.show()

Makes this map 👇

===============================================================================

Contact: www.leouieda.com

Source code for this presentation:
github.com/leouieda/talk-template

Unless otherwise noted, the contents of this presentation are licensed under the
Creative Commons Attribution 4.0 International License.

The background image is a Landsat 9 scene of the city of São Paulo, Brazil, showing the USP campus in the center.