@farberg/reveal-template 1.1.25 → 1.1.27

package/README.md

@@ -67,5 +67,5 @@ To start developing on this repository:
 # Bump version in `package.json`
 
 # Run this command to publish on npm
-npm publish --access public
+npm login && sleep 3s && npm publish --access public
 ```

package/init-reveal.js

@@ -153,7 +153,9 @@ const defaultRevealOptions = {
 			lineColor: '#5c6971',
 			primaryBorderColor: '#5c6971',
 			secondaryColor: '#5c6971',
-			secondaryTextColor: '#000'
+			secondaryTextColor: '#000',
+			tertiaryColor: '#e8e8e8',
+			loopTextColor: '#4a4a4a'
 		},
 		sequence: {
 			mirrorActors: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farberg/reveal-template",
-  "version": "1.1.25",
+  "version": "1.1.27",
   "homepage": "https://github.com/pfisterer/reveal-template",
   "description": "Reveal.js template for Dennis' lectures",
   "main": "index.js",

package/plugins/reveal-plugin-quick-nav.js

@@ -143,6 +143,14 @@ function injectStyles() {
 			background: #e2001a;
 			color: #fff;
 		}
+		#quick-nav-overlay .quick-nav-item.current-slide {
+			border-left: 3px solid #e2001a;
+			padding-left: 3px;
+			font-weight: bold;
+		}
+		#quick-nav-overlay .quick-nav-item.active.current-slide {
+			border-left-color: #fff;
+		}
 		#quick-nav-overlay .quick-nav-h1 {
 			font-weight: bold;
 			font-size: 13px;
@@ -191,6 +199,7 @@ function buildOverlay(deck) {
 	let allItems = []
 	let filtered = []
 	let activeIndex = -1
+	let currentIndices = { h: 0, v: 0 }
 
 	function render() {
 		list.innerHTML = ''
@@ -204,6 +213,7 @@ function buildOverlay(deck) {
 				const a = document.createElement('a')
 				a.className = `quick-nav-item quick-nav-${item.level}`
 				if (idx === activeIndex) a.classList.add('active')
+				if (item.h === currentIndices.h && item.v === currentIndices.v) a.classList.add('current-slide')
 				a.textContent = item.text
 				a.href = '#'
 				a.addEventListener('click', e => {
@@ -236,8 +246,11 @@ function buildOverlay(deck) {
 		allItems = collectHeadings(deck)
 		filtered = allItems
 		input.value = ''
-		activeIndex = filtered.length > 0 ? 0 : -1
+		currentIndices = deck.getIndices()
+		const currentIdx = filtered.findIndex(i => i.h === currentIndices.h && i.v === currentIndices.v)
+		activeIndex = currentIdx >= 0 ? currentIdx : (filtered.length > 0 ? 0 : -1)
 		render()
+		scrollActiveIntoView()
 		overlay.classList.add('visible')
 		setTimeout(() => input.focus(), 30)
 	}