This is a short presentation about the history of the Fatiando project for our BIRS 2023 workshop with the SimPEG community.
YouTube recording of the talk: https://www.youtube.com/watch?v=hC2Ukdceyck
Created from the reveal.js talk template: https://github.com/leouieda/talk-template
index.html
: This is the master document that sets up reveal.js and
its plugins and loads the slide content from slides.md
.
Change the HTML <title>
tag here.
slides.md
: Markdown file with the actual slide content. The template
includes some slides that demo the custom CSS classes available.
Add your content here.
css/style.less
: Custom styling and CSS classes (using
Less). Edit to tweak colours, sizes, fonts,
spacing, etc.
assets
: Images used in the presentation. You can probably delete all
of these when making your slides. Replace the favicon.png
with a
32 x 32 px image to customize the icon (this is set in index.html
).
fonts
: Sources for the fonts used:
FontAwesome,
Atkinson Hyperlegible,
Ubuntu Mono.
Included in the repository for offline access. You could remove them and
include fonts from a CDN (like Google Fonts) in index.html
.
packages
: "Vendored" versions of reveal.js, Less, and
KaTeX (for maths) that are used.
Having them in the repository is important for using the slides offline
(on a plane or lecture room without easy internet access).
serve.py
: Python script that serves the slides and reloads them
whenever the source files change. Very handy for development.
See below for instructions.
Unfortunately, you can't just open the index.html
file on browser
to view your slides.
Reveal.js requires an actual local server.
You can set one up however you'd like.
Below, I provide instructions for doing so in Python (which is what
I use most of the time) but it would work with any other local
server.
First, install the livereload Python package:
pip install livereload
or
conda install livereload -c conda-forge
Then, start a server at http://localhost:8008 by running:
python serve.py
The slides will open on your default browser and will automatically reload when you update any of the files in the repository.
Go to your repository "Settings > Pages" and select "Source" as the
main
branch and / (root)
. You probably want to select "Enforce HTTPS"
as well.
Your slides should now be served at https://USERNAME.github.io/REPOSITORY or equivalent if you're using a custom domain. It may take a little while for this to happen.
You can save your slides to PDF for a backup or to distribute
(I find students like this because they can annotate the PDF).
To do so, add ?print-pdf
to the end of the URL (either local
server or hosted) and then print the page to PDF.
This works best on Chrome/Chromium. The slides tend to be distorted on Firefox for some reason.
WARNING: Videos and gifs don't work on PDFs.
The template (slides.md
, index.html
, and css/style.less
) is licensed under a
Creative Commons
Attribution 4.0 International License.