@farberg/reveal-template 1.1.21 → 1.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/css/dhbw.css CHANGED
@@ -30,7 +30,7 @@ body {
30
30
 
31
31
  .reveal {
32
32
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
33
- font-size: 33px;
33
+ font-size: 30px;
34
34
  font-weight: normal;
35
35
  /* color: #222; */
36
36
  color: #4e565c;
@@ -659,6 +659,19 @@ attribution a:visited {
659
659
  -webkit-text-stroke: 0.4px currentColor !important;
660
660
  }
661
661
 
662
+ /* Suppress the browser's blue focus ring left on the link after a mouse
663
+ click, while keeping it for keyboard navigation (:focus-visible). */
664
+ .menubar a:focus:not(:focus-visible) {
665
+ outline: none;
666
+ }
667
+
668
+ /* Slides marked with data-state="hide-menubar" (e.g. the title slide)
669
+ hide the simplemenu strip while they are active. Reveal mirrors the
670
+ data-state value onto <body> as a class while the slide is showing. */
671
+ body.hide-menubar .menubar {
672
+ display: none !important;
673
+ }
674
+
662
675
  .source-code-link {
663
676
  width: 99%;
664
677
  text-align: right;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@farberg/reveal-template",
3
- "version": "1.1.21",
3
+ "version": "1.1.23",
4
4
  "homepage": "https://github.com/pfisterer/reveal-template",
5
5
  "description": "Reveal.js template for Dennis' lectures",
6
6
  "main": "index.js",
@@ -27,13 +27,29 @@ function showTitle(deck, packageJson) {
27
27
  for (let el of deck.getSlidesElement().getElementsByClassName("lecturetitle")) {
28
28
  let slideTitle = el.innerText;
29
29
 
30
+ // Mark the enclosing slide so simplemenu hides on it (handled in dhbw.css
31
+ // via body.hide-menubar). Equivalent to writing in the markdown:
32
+ // <!-- .slide: data-state="hide-menubar" -->
33
+ // Reveal mirrors data-state to body classes on every slidechanged event.
34
+ // We're running here in the 'ready' callback — after the first
35
+ // slidechanged has already fired during init — so for the *current*
36
+ // slide we also need to apply the body class manually. Subsequent
37
+ // navigations are then handled by Reveal automatically.
38
+ const section = el.closest('section');
39
+ if (section) {
40
+ section.setAttribute('data-state', 'hide-menubar');
41
+ if (section === deck.getCurrentSlide()) {
42
+ document.body.classList.add('hide-menubar');
43
+ }
44
+ }
45
+
30
46
  el.innerHTML = `
31
47
  <div style="height: 120px;"></div>
32
48
  <h1>${lectureTitle}</h1>
33
49
  <h3>${slideTitle}</h3>
34
-
50
+
35
51
  <div style="height: 170px;"></div>
36
-
52
+
37
53
  <div style="font-size: .7em; font-weight: bold;">
38
54
  ${authorBlock}
39
55
  <br/><br/>