Skip to main content
Redhat Developers  Logo
  • Products

    Featured

    • Red Hat Enterprise Linux
      Red Hat Enterprise Linux Icon
    • Red Hat OpenShift AI
      Red Hat OpenShift AI
    • Red Hat Enterprise Linux AI
      Linux icon inside of a brain
    • Image mode for Red Hat Enterprise Linux
      RHEL image mode
    • Red Hat OpenShift
      Openshift icon
    • Red Hat Ansible Automation Platform
      Ansible icon
    • Red Hat Developer Hub
      Developer Hub
    • View All Red Hat Products
    • Linux

      • Red Hat Enterprise Linux
      • Image mode for Red Hat Enterprise Linux
      • Red Hat Universal Base Images (UBI)
    • Java runtimes & frameworks

      • JBoss Enterprise Application Platform
      • Red Hat build of OpenJDK
    • Kubernetes

      • Red Hat OpenShift
      • Microsoft Azure Red Hat OpenShift
      • Red Hat OpenShift Virtualization
      • Red Hat OpenShift Lightspeed
    • Integration & App Connectivity

      • Red Hat Build of Apache Camel
      • Red Hat Service Interconnect
      • Red Hat Connectivity Link
    • AI/ML

      • Red Hat OpenShift AI
      • Red Hat Enterprise Linux AI
    • Automation

      • Red Hat Ansible Automation Platform
      • Red Hat Ansible Lightspeed
    • Developer tools

      • Red Hat Trusted Software Supply Chain
      • Podman Desktop
      • Red Hat OpenShift Dev Spaces
    • Developer Sandbox

      Developer Sandbox
      Try Red Hat products and technologies without setup or configuration fees for 30 days with this shared Openshift and Kubernetes cluster.
    • Try at no cost
  • Technologies

    Featured

    • AI/ML
      AI/ML Icon
    • Linux
      Linux Icon
    • Kubernetes
      Cloud icon
    • Automation
      Automation Icon showing arrows moving in a circle around a gear
    • View All Technologies
    • Programming Languages & Frameworks

      • Java
      • Python
      • JavaScript
    • System Design & Architecture

      • Red Hat architecture and design patterns
      • Microservices
      • Event-Driven Architecture
      • Databases
    • Developer Productivity

      • Developer productivity
      • Developer Tools
      • GitOps
    • Secure Development & Architectures

      • Security
      • Secure coding
    • Platform Engineering

      • DevOps
      • DevSecOps
      • Ansible automation for applications and services
    • Automated Data Processing

      • AI/ML
      • Data Science
      • Apache Kafka on Kubernetes
      • View All Technologies
    • Start exploring in the Developer Sandbox for free

      sandbox graphic
      Try Red Hat's products and technologies without setup or configuration.
    • Try at no cost
  • Learn

    Featured

    • Kubernetes & Cloud Native
      Openshift icon
    • Linux
      Rhel icon
    • Automation
      Ansible cloud icon
    • Java
      Java icon
    • AI/ML
      AI/ML Icon
    • View All Learning Resources

    E-Books

    • GitOps Cookbook
    • Podman in Action
    • Kubernetes Operators
    • The Path to GitOps
    • View All E-books

    Cheat Sheets

    • Linux Commands
    • Bash Commands
    • Git
    • systemd Commands
    • View All Cheat Sheets

    Documentation

    • API Catalog
    • Product Documentation
    • Legacy Documentation
    • Red Hat Learning

      Learning image
      Boost your technical skills to expert-level with the help of interactive lessons offered by various Red Hat Learning programs.
    • Explore Red Hat Learning
  • Developer Sandbox

    Developer Sandbox

    • Access Red Hat’s products and technologies without setup or configuration, and start developing quicker than ever before with our new, no-cost sandbox environments.
    • Explore Developer Sandbox

    Featured Developer Sandbox activities

    • Get started with your Developer Sandbox
    • OpenShift virtualization and application modernization using the Developer Sandbox
    • Explore all Developer Sandbox activities

    Ready to start developing apps?

    • Try at no cost
  • Blog
  • Events
  • Videos

Goodbye PowerPoint. Hello reveal.js

March 22, 2013
Linqing Lu
Related topics:
Containers
Related products:
Red Hat OpenShift

Share:

    Let's face it, sometimes slides are painful

    There are some common issues when I gave presentations:

    • Will my slides file be recognized by the shared computer at the venue?
    • How to share slides with all audiences using different OS?
    • Most important one, how to make my slides smooth and attractive?

    For the first two questions, PDF might be an acceptable answer. I can upload it to slideshare.net and give out a link to audiences. But everyone knows that's not good enough.

    Finally I found an awesome way to host my slides:

    • I can edit my slides anywhere with a text editor.
    • I can show my slides anywhere too. The only thing I need is the URL.
    • People can reply to my slides on any platform, even tablets or phones. No special hardware/software requirement.
    • My slides are presented in a really cool style!
    • It's free!

    Take a look at this one - http://aws2012-claytondev.rhcloud.com/
    Isn't it awesome?

    Here is some background information about OpenShift+reveal.js before we start:

    OpenShift PaaS

    In this case, we store the slides on PaaS, show them on PaaS, and share them on PaaS.

    It's pretty straightforward to get started.

    The first presentation example on OpenShift only took me 2 minutes from scratch.
    Check this out: http://slides-llq.rhcloud.com/

    reveal.js

    An open source framework for easily creating beautiful presentations using HTML.

    reveal.js comes with a broad range of features including nested slides, markdown contents, PDF export, speaker notesand a JavaScript API. It's best viewed in a browser with support for CSS 3D transforms but fallbacks are available to make sure your presentation can still be viewed elsewhere.

    More information about reveal.js

    • Reveal.js: Source code of reveal.js framework.
    • Examples: Presentations created with reveal.js.
    • Browser Support: Explanation of browser support and fallbacks.

    Getting it working

    First, make sure you have a free OpenShift account and RHC tool installed.

    With the help of the RHC tool, the whole project will be as easy as one single command:

    $ rhc app create slides php-5.3 --from-code=git://github.com/openshift-quickstart/reveal.js-openshift-quickstart.git

    Done! Now tt's ready to show on the cloud.

    Check it out from anywhere you want. Tips inside the slides!

    The arrow keys will navigate between slides.
    On an iPad, you can even swipe to slide!

    Edit or Add more slides

    After the rhc app create slides ... command above, we'll get a folder named slides locally. Of course you can pick any other name.

    There are some files in the folder:

    .
    |-- deplist.txt
    |-- libs
    |-- misc
    |-- php
    |   |-- css
    |   |-- grunt.js
    |   |-- health_check.php
    |   |-- index.html
    |   |-- index.php
    |   |-- js
    |   |-- lib
    |   |-- LICENSE
    |   |-- openshift.html
    |   |-- package.json
    |   |-- plugin
    |   |-- README.md
    |   `-- revealjs.html
    `-- README

    All slides are saved in php/index.html by default. So you can edit it via any text editor.
    You can maintain different slides in different files like openshift.html or paas.html in the same folder. So you can switch between them via slides-llq.rhcloud.com/openshift.html or slides-llq.rhcloud.com/paas.html.

    And here are some instructions for improving your slides.

    After you're done editing, we need to push the updates to OpenShift so everybody can see it:

    git add .
    git commit -m "update my slides"
    git push
    

    Okay~ Let's refresh the browser.

    New slides are ready in the cloud for your next awesome presentation!

    Last updated: September 19, 2023

    Recent Posts

    • Our top 10 articles of 2025 (so far)

    • The benefits of auto-merging GitHub and GitLab repositories

    • Supercharging AI isolation: microVMs with RamaLama & libkrun

    • Simplify multi-VPC connectivity with amazon.aws 9.0.0

    • How HaProxy router settings affect middleware applications

    Red Hat Developers logo LinkedIn YouTube Twitter Facebook

    Products

    • Red Hat Enterprise Linux
    • Red Hat OpenShift
    • Red Hat Ansible Automation Platform

    Build

    • Developer Sandbox
    • Developer Tools
    • Interactive Tutorials
    • API Catalog

    Quicklinks

    • Learning Resources
    • E-books
    • Cheat Sheets
    • Blog
    • Events
    • Newsletter

    Communicate

    • About us
    • Contact sales
    • Find a partner
    • Report a website issue
    • Site Status Dashboard
    • Report a security problem

    RED HAT DEVELOPER

    Build here. Go anywhere.

    We serve the builders. The problem solvers who create careers with code.

    Join us if you’re a developer, software engineer, web designer, front-end designer, UX designer, computer scientist, architect, tester, product manager, project manager or team lead.

    Sign me up

    Red Hat legal and privacy links

    • About Red Hat
    • Jobs
    • Events
    • Locations
    • Contact Red Hat
    • Red Hat Blog
    • Inclusion at Red Hat
    • Cool Stuff Store
    • Red Hat Summit
    © 2025 Red Hat

    Red Hat legal and privacy links

    • Privacy statement
    • Terms of use
    • All policies and guidelines
    • Digital accessibility

    Report a website issue