# reveal.js **Repository Path**: mirrors_yusuke/reveal.js ## Basic Information - **Project Name**: reveal.js - **Description**: HTML-based presentations of JetBrains tools to play at conference stands. Based on reveal.js, the wonderful HTML Presentation Framework - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-08-19 - **Last Updated**: 2026-05-23 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # What this repository is for [![JetBrains team project](http://jb.gg/badges/team.svg)](https://confluence.jetbrains.com/display/ALL/JetBrains+on+GitHub) This repository contains a collection of HTML-based slides about JetBrains tools that is used to play back at expo booths whenever JetBrains makes a booth appearance at a sponsored conference. It is based on [reveal.js](https://github.com/hakimel/reveal.js/), a HTML-based presentation framework. For detailed info about reveal.js, see [the framework's own README](https://github.com/hakimel/reveal.js/blob/191dbe68d5aab45bb93e3d839dbc025c3f5b6f3c/README.md). ## How to set up presentation playback at a conference 1. Download and unpack the latest revision from this repository's `master` branch (unless you have agreed to use a different revision) to an Intel NUC device that will be used to display presentations. 2. If necessary, modify the playlist to match a particular conference type. (See *How to select a playlist* below) 3. Double-click `jetbrains-tools.html`. Presentations will be played back in a loop. You don't need to connect the device to the Internet: the presentations are self-contained and will work offline. ### How to select a playlist By default, no playlist is defined, which means that all available products will be shown. If necessary, select a playlist that best matches your conference. There are several predefined playlists for different types of conferences, such as a .NET-focused, C++ focused, or JVM-focused conference. To select a playlist: 1. Go to `js/playlist.js` 2. Change variable `currentPlaylist` so that one of the playlists defined in the `conferenceType` object is assigned to it. For example, for a .NET-focused conference, make the following assignment: `var currentPlaylist = conferenceType.dotnet;` 3. Save changes to `js/playlist.js`. ## How to add or edit presentation slides Here's the general procedure for editing slides: 1. Clone this repository: `git clone https://github.com/jetbrains/reveal.js.git` 2. Open the project in WebStorm or another editor. 3. Edit slides contained in `jetbrains-tools.html`. Use `img/screenshots/productname` to store images and videos. (See *How slides are organized* below to get an idea of the types of slides generally used.) 4. Commit and push your changes to the `master` branch (unless agreed otherwise). ### How slides are organized Slides for all products are stored in a single file, `jetbrains-tools.html`. Here's a simplified structure of the file: ```html

Enjoy continuous code quality analysis

Smart code completion

Smart completion only suggests types that are expected in the current context

``` As seen in this sample, each slide is represented with a `

` tag that has a `data-product="yourProductName"` attribute. The attribute is necessary to make sure that a slide contains product-specific logo and beam, and (if a playlist is defined) to select which slides to play back and which to omit. Typically, you will use the following types of slides: ### Intro slide This is what you start your product's set of slides with. The slide contains product name, quick description of the product and its logo. Example: ```

dotTrace

.NET performance profiler

``` ### Image slide This is your regular slide illustrated with a static image. The header (`

`) is expected to contain an expressive caption to the image. If you need more space for the caption, avoid long headers: instead, use an additional paragraph (`
`) between the header and the image. Example: ```

Write .NET code on Windows, Mac, Linux

in an IDE similar to WebStorm, IntelliJ IDEA, other JetBrains tools

``` ### Video slide You can insert part-screen videos in your slides instead of static images: use `