Code Monkey home page Code Monkey logo

quarto-pages's Introduction

Building presentations from plain text using Quarto

Intro

These are instructions how to create awesome "Ontotext"-themed html presentations using plaintext.

The process uses Quarto to do the conversion from markdown to html and reveal.js as a presentation framework.

Here is an example presentation, built form this source.

Steps to build a presentation

0. Install Quarto

Don't use the repos, install from Quarto's download page.

1. Clone the project

git clone [email protected]:sol/presentations.git

2. Write your presentation

The presentation is in Quarto markdown, based onpandoc markdown, which is very similar to the standard markdown everybody knows from gitlab and github. Here is a markdown cheat sheet The presentation syntax is really simple - section headings define the slides. Anything between is rendered in the slide.

You can build 2d presentation with level 1 headings # title of the part define the columns and level 2 headings ## title of the slide define the slides. For a linear presentation use only level 2 headings.

The presentation.qmd file in this projects runs over the most common slide configurations. You are encouraged to use it as a starting template for your own creations.

Include the following yaml block (with starting and ending ---) in the beginning of the .qmd file. This is information about the title slide and parameters for reveal.js. Use quotes if you include non alphanumerical characters.

---
author: "Your Name"
title: "The title of your presentation"
date: "01/01/1970"
format: revealjs
---

Only title and format attributes are required, author, subtitle, date are optional, but are very welcome.

Several other parameters such as the theme, transition and syntax highlighting styles are also required by reveal.js. For convenience they are included in a separate yaml file here. However, you can tune the appearance of slides (custom background, custom transition options etc.) and store it into markdown/your-folder/_metadata.yml. It will have the priority over common appearance.

3. Compile html presentation

If you use the presentation.qmd file from this project you can use the following command in the command line:

quarto render

site/markdown/your-folder/presentation.html contains your presentation.

The list of all presentations is updated automatically.

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.