Code Monkey home page Code Monkey logo

slidestemplate's Introduction

Presentation: Slides Template

This is a template for setting up a slides presentation. The slides are written in MarkDown and processed by reveal-md/reveal.js, and can then be displayed in a web browser with reveal.js handling the navigation and transitions.

I wanted to keep the slide creation simple, focus on content rather than formatting. I like that markdown can be editted and read using any text editor. I didn't like that, in order to reveal.js, all of reveal.js would be included in the source of the presentation. Hence using reveal-md, just point it at a markdown file and it can generate a static website using reveal.js. Then rather than having to commit the generated static site to the source of the presentation, it's wired up to use TravisCI to run the site generation step and then push the generated site back to the GitHub Pages branch at the project site

The .travis.yml file should work, if you setup a travis build of the project and add an environment variable in the Travis settings, GITHUB_TOKEN, whose value should be a personal access token generate in the GitHub Developer Settings.

To make a presentation:

  • fork the repo
  • setup a build in travis for the fork (with the environment variable GITHUB_TOKEN set to your personal access token)
  • edit the slides.md file with your slides content
  • push to github
  • view presentation on GitHub in the project pages for your repo (or serve it locally)

Presentation

Usage

Install reveal-md

npm install

then to serve and open the presentation in a browser

npm run presentation

or to generate a static website in the docs subdirectory

npm run generate

This presentation uses reveal-md which uses reveal.js

Built and deployed to GitHub Pages using Travis CI

Build Status

slidestemplate's People

Contributors

martinmurphy avatar mmurphy avatar

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.