GithubHelp home page GithubHelp logo

m0ses / presentation-2019-gpw Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 8.61 MB

License: Creative Commons Attribution Share Alike 4.0 International

Shell 0.82% CSS 87.06% HTML 5.60% JavaScript 6.51%

presentation-2019-gpw's Introduction

SUSE-themed reveal.js presentation template

This repo provides a template for presentation slide decks which aims to be virtually identical to the SUSE corporate style template provided in LibreOffice Impress format. It is based on a template by Florian Haas which uses reveal.js (by Hakim El-Hattab and contributors) as the underlying presentation technology.

You can view the template slides online here; press Space or n (not the right arrow) to advance 1 slide at a time.

Building slides with reveal.js has a number of significant advantages over LibreOffice Impress:

  • Write slides in Markdown!

  • Develop your slide content with git!

    • Collaborate on content via pull requests!

    • Compare versions with git diff!

    • Use branches when creating a new presentation on an existing one, and use tags to mark every "release" version which you use for a public presentation. No more having to hoard many slightly different versions of the same file!

    • For slides which get copied from deck to deck many times over several years, track the source and development history via git blame.

  • Since the browser is the renderer, you can view the slide-deck on any device, anywhere. Want to show it to someone when you're out at lunch? No problem - just use your phone.

  • The content is just HTML, CSS, and Javascript, so the sky is the limit for how it can be extended. Want to switch slides by waving your hands around in the air, or poll the audience and display a slide with a dynamically updating graph of the poll results, or get a tele-prompter via Google Glass? No problem!

  • Dynamically generate QR codes for any URL.

  • (Optionally) publish your presentations via GitHub Pages hosting, or any other web server. In large lecture halls, people far away or with poor eyesight can follow along on their laptops (and even have their slides automatically advance when yours do!)

  • Many keyboard shortcuts for navigation (press ? to see them).

  • Aspect ratio can be easily switched between 16x9 and 4x3, since it's just HTML and CSS.

  • Many cool plugins and other tricks to play around with, e.g.

    • chalkboard - turn your slides into a chalkboard for real-time drawing

    • play recorded screencast demos from within a slide, as pure HTML via TermRecord, or as a video via asciinema

    • shellinabox - do live demos from within a shell embedded in a slide

    • Use any Javascript library to dynamically generate content, e.g. git commit graphs

  • Automatic code syntax-highlighting via highlight.js, themed in SUSE colours.

  • Navigation menu to easily jump around between slides (just press the m key)

  • Zoom to 1,000 feet above your presentation to see the whole thing laid out in two dimensions (one column per section), then swoop back in to the slide you want.

It also has feature parity with LibreOffice Impress in many respects, e.g.:

For more information on reveal.js, watch Florian's OSCON 2014 presentation:

Thumbnail of OSCON 2014 presentation video on YouTube

Of course, the slides for that talk use this same approach, so they are hosted here on GitHub Pages, and you can also examine the source code for them.

How to use

See the USAGE.md file.

Feedback

If you find the content in this repo useful, it would be great if you could let Florian and Adam know. You could either star this repo, or even better, send us happiness packets :-)

Also, if you notice any areas for improvement, please submit issues and pull requests via this repository.

Thanks!

presentation-2019-gpw's People

Contributors

aspiers avatar fghaas avatar gobenji avatar m0ses avatar nicolasbock avatar

Watchers

 avatar  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.