Skip to content

Commit 1faeb9b

Browse files
blueduskclaude
andcommitted
Bump to v0.9.1 — Speaker notes console improvements
- Consolidate speaker notes into single console.log (one source reference) - Use mid-range colors (blue title, amber script, green bullets) visible on both light and dark DevTools - Increase bullet point font size to 14px - Replace footer with HTMLSlides presenter app promo, pushed away with spacing - Remove console.group/groupEnd for cleaner output Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 4865001 commit 1faeb9b

6 files changed

Lines changed: 23 additions & 20 deletions

File tree

.claude-plugin/marketplace.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@
1111
"name": "html-slides",
1212
"source": "./.",
1313
"description": "Generate single-file HTML slide presentations with interactive components (flip cards, charts, tables, code blocks, stats, architecture flows, and more) or creative visual themes.",
14-
"version": "0.9.0"
14+
"version": "0.9.1"
1515
},
1616
{
1717
"name": "html-slides-convert",
1818
"source": "./skills/html-slides-convert",
1919
"description": "Convert any HTML file (reveal.js, Marp, Google Slides exports, articles, generic HTML) into a valid HTMLSlides presentation.",
20-
"version": "0.9.0"
20+
"version": "0.9.1"
2121
}
2222
]
2323
}

.claude-plugin/plugin.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "html-slides",
33
"description": "Generate or convert single-file HTML slide presentations with interactive components (flip cards, charts, tables, code blocks, stats, architecture flows, and more) or creative visual themes.",
4-
"version": "0.9.0",
4+
"version": "0.9.1",
55
"author": {
66
"name": "danzhu"
77
}

SKILL.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
name: html-slides
33
metadata:
4-
version: "0.9.0"
4+
version: "0.9.1"
55
author: danzhu
66
description: Generate polished single-file HTML slide presentations with interactive components (flip cards, charts, tables, code blocks, architecture flows, stats, timelines, and more) or creative visual themes. Use this skill whenever the user wants to create slides, presentations, decks, or any visual slide-based content as HTML. Also trigger when the user invokes /html-slides or mentions creating an HTML presentation, pitch deck, or slide deck.
77
---

assets/slides-runtime.js

Lines changed: 17 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -223,25 +223,28 @@ function showSpeakerNotes(index) {
223223
const title = n.title || 'Slide ' + (index + 1);
224224
const script = n.script || '';
225225
const notes = n.notes || [];
226-
console.group('%c\ud83d\udccb Slide ' + (index+1) + '/' + total + ': ' + title,
227-
'font-size:16px;font-weight:bold;color:#58a6ff;');
228-
if (script) console.log('%c' + script, 'font-size:14px;color:#e6edf3;line-height:1.6;padding:4px 0;');
226+
var parts = ['\n%c\ud83d\udccb Slide ' + (index+1) + '/' + total + ': ' + title + '\n'];
227+
var styles = ['font-size:16px;font-weight:bold;color:#2563eb;'];
228+
if (script) {
229+
parts.push('\n%c' + script + '\n');
230+
styles.push('font-size:14px;color:#d97706;line-height:1.6;');
231+
}
229232
if (notes.length) {
230-
console.log('%cKey points:', 'font-size:11px;color:#6e7681;margin-top:4px;');
231-
notes.forEach(function(note) { console.log('%c \u2022 ' + note, 'font-size:12px;color:#8b949e;'); });
233+
notes.forEach(function(note) {
234+
parts.push('\n %c\u2022%c ' + note);
235+
styles.push('color:#16a34a;font-size:14px;');
236+
styles.push('color:#16a34a;font-size:14px;');
237+
});
238+
parts.push('\n');
232239
}
233-
console.groupEnd();
240+
parts.push('\n\n\n\n%cUse HTMLSlides presenter app for notes editing and more features.\nhtmlslides.com\n');
241+
styles.push('font-size:10px;color:#9ca3af;');
242+
console.log.apply(console, [parts.join('')].concat(styles));
234243
} catch(e) {}
235244
} else {
236-
console.group('%c\ud83d\udccb Slide ' + (index+1) + '/' + total,
237-
'font-size:16px;font-weight:bold;color:#58a6ff;');
238-
console.log('%cNo speaker notes for this slide.', 'font-size:12px;color:#6e7681;');
239-
console.groupEnd();
245+
console.log('%c\ud83d\udccb Slide ' + (index+1) + '/' + total + '\n\n%cNo speaker notes for this slide.',
246+
'font-size:16px;font-weight:bold;color:#2563eb;', 'font-size:12px;color:#9ca3af;');
240247
}
241-
console.log('%c\ud83d\udca1 htmlslides.com — presenter app for a richer experience',
242-
'font-size:10px;color:#3fb950;');
243-
console.log('%c\u270f\ufe0f Want to update the notes? See htmlslides.com/blog/update-inline-notes.html',
244-
'font-size:10px;color:#8b949e;');
245248
}
246249

247250
// Show notes for first slide on load

references/html-template.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ Every generated HTML file **must** comply with these rules:
2323
<head>
2424
<meta charset="UTF-8">
2525
<meta name="viewport" content="width=device-width, initial-scale=1.0">
26-
<meta name="generator" content="html-slides v0.9.0">
26+
<meta name="generator" content="html-slides v0.9.1">
2727
<title>Presentation Title</title>
2828

2929
<!-- Fonts: use Fontshare or Google Fonts — never system fonts -->

references/presentation-layer.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,5 +99,5 @@ Build navigation inline following the pattern in [html-template.md](html-templat
9999

100100
Every presentation must include in `<head>`:
101101
```html
102-
<meta name="generator" content="html-slides v0.9.0">
102+
<meta name="generator" content="html-slides v0.9.1">
103103
```

0 commit comments

Comments
 (0)