hakimel
Repos
27
Followers
11995
Following
28

The HTML Presentation Framework

63839
15464

The official reveal.js website and documentation

69
57

Buttons with built-in loading indicators.

7881
861

A three dimensional and space effecient menu

2348
463

Assorted CSS and UI experiments.

4316
967

CSS3 list scroll effects

4352
727

Events

fix code block auto-animate bug that caused unmatched lines to appear without fading in

Created at 1 day ago
pull request closed
add documentation for line number offset in markdown

added a line number offset option to the markdown plugin

this is the corresponding documentation.

see PR here: https://github.com/hakimel/reveal.js/pull/3409

Created at 2 weeks ago

add documentation for line number offset in markdown

Merge pull request #53 from flowolf/add-code-line-offset-to-markdown

add documentation for line number offset in markdown

Created at 2 weeks ago
issue comment
[Markdown plugin] add line number offset for code sections to markdown

Nice addition, thanks @flowolf!

Created at 2 weeks ago

add ln-start-from for code sections to markdown

add tests

Merge pull request #3409 from flowolf/add-code-line-offset-to-markdown

[Markdown plugin] add line number offset for code sections to markdown

Created at 2 weeks ago
pull request closed
[Markdown plugin] add line number offset for code sections to markdown

added the option for a line number offset.

this was already possible with data-ln-number-offset now it's possible in markdown as well. see https://revealjs.com/code/#line-number-offset-4.2.0

I've openend a PR for revealjs.com too: https://github.com/reveal/revealjs.com/pull/53

What changed

the option to add line highlights is extended by an optional number offset for line numbers:

```javascript [1-5] 
or 
```javascript [256: 1-5]
or 
```javascript [256:]

are valid.

Created at 2 weeks ago

fix search field centering, add slides as sponsor

Created at 3 weeks ago
issue comment
Allow custom fragment transitions

@pamelafox Sorry about that! I just released version 4.5.0 which includes this change. I've added a Added in version 4.5.0-label to the docs to save others the same confusion.

Created at 1 month ago

add version label to custom fragments

Created at 1 month ago
create tag
hakimel create tag 4.5.0
Created at 1 month ago

4.5.0

Created at 1 month ago
issue comment
Update markdown.md

--- is the default slide separator so there shouldn't be any need to include it as an attribute. I tried running the example from the docs in a new reveal.js deck and it seems to work fine. Am I missing something?

Created at 2 months ago
pull request closed
..
Created at 2 months ago

fix prism/hljs conflict

Created at 2 months ago
issue comment
step-by-step highlights doc example broken on iPhone

All code samples on revealjs.com are glitchy because of a build error in the docs site. Looking into it now.

Created at 2 months ago
closed issue
step-by-step highlights doc example broken on iPhone

from https://revealjs.com/code/

1C52F0B3-7F8C-46C9-B23C-E8D1ED7C8621

iOS 16

Created at 2 months ago
issue comment
Sync doesn't add classes to <section> tags

I think it's a fair assumption that sync should update slide classes.

Currently, the only time slide classes are update is when calling slide, so a workaround for now is to do this:

Reveal.getSlidesElement().appendChild( document.createElement('section') );
Reveal.slide();
Created at 2 months ago

add demo of custom fragments

Created at 2 months ago

build latest css

Created at 2 months ago
closed issue
Fragment ranges

I have a use case where I would want to write the following:

<div class="r-stack">
  <div class="fragment fade-in-then-out" data-fragment-index="1-3">Variant 1</div>
  <div class="fragment fade-in-then-out" data-fragment-index="4-6">Variant 2</div>
</div>
... individual fragments for 1 to 6.

I.e., have (stacked) fragments for the first three fragments, then for the subsequent 3.

This is possible, e.g., in latex beamer via \only<1-3>{Variant 1} and that is elegant to use. Even multiple ranges may be given, e.g., \only<1-3,7>. To not confuse users, it would be okay to add this as data-fragment-range, too. But maybe it makes sense to copy some more concepts from beamer, e.g., differentiate between visibility (opacity) and disappearing (display:none). E.g. data-visible-range and data-only-range? Because these are no longer "fragments" of a page as originally intended with .fragment.

I do not want to make three copies of that fragment because it contains a MathJax equation.

Created at 2 months ago
issue comment
Fragment ranges

You can make a fragment appear and disappear at different indices by nesting fragments. Try this:

<section>
 <div class="r-stack">
  <div class="fragment" data-fragment-index="1">
   <div class="fragment fade-out" data-fragment-index="4">
    1-3
   </div>
  </div>
  <div class="fragment" data-fragment-index="4">
   <div class="fragment fade-out" data-fragment-index="7">
    4-6
   </div>
  </div>
 </div>
 <p class="fragment" data-fragment-index="1">1</p>
 <p class="fragment" data-fragment-index="2">2</p>
 <p class="fragment" data-fragment-index="3">3</p>
 <p class="fragment" data-fragment-index="4">4</p>
 <p class="fragment" data-fragment-index="5">5</p>
 <p class="fragment" data-fragment-index="6">6</p>
</section>
Created at 2 months ago
issue comment
Allow custom fragment transitions

Thanks @kno10 for adding this to the docs.

I've reduced the specificity of all reveal.js fragment selectors. Plus, I've added a new custom class that you can add to fragments to avoid having to override the default visibility/opacity styles.

You can see an example of how that's used in the docs: https://revealjs.com/fragments/#custom-fragments

Created at 2 months ago
issue comment
Improve fragments documentation

Thanks! I tweaked this a little and added a full example of a custom fragment too.

Created at 2 months ago

add example of custom fragment css #50

Created at 2 months ago

reduce fragment style specificity, add custom class to reset fragment styles #2927

Created at 2 months ago

Improve fragments documentation

See https://github.com/hakimel/reveal.js/issues/2927 for a full example of custom effects.

I also added current-visible, a synonym to fade-in-then-out.

Merge pull request #50 from kno10/patch-1

Improve fragments documentation

Created at 2 months ago
pull request closed
Improve fragments documentation

See https://github.com/hakimel/reveal.js/issues/2927 for a full example of custom effects.

I also added current-visible, a synonym to fade-in-then-out.

Created at 2 months ago

add new languages; c, csharp, dart

Created at 2 months ago