v1.0.1 - 幻灯片居中 + Nord 模板 / Centered Slides + Nord Template

v1.0.1

本次更新修复了幻灯片布局问题，新增 Nord 冷调模板。

新增

• Nord 冷调模板 — 第 6 套内置模板，深色北欧风格
• 幻灯片自动居中 — 16:9 比例容器，始终居中显示
• 底部进度条 — 实时显示演示进度
• 标题自适应 — 长标题自动缩小字号
• 比例元标签 — <meta name="ratio" content="16:9"> 支持 16:9 / 4:3 /
  auto
• 自动检测自定义样式 — 文件自带 CSS 时自动切换模式

修复

• 修复幻灯片内容不居中、偏上方的问题
• 修复文本异常换行
• 模板 CSS 不再干预布局，仅控制视觉样式
• 字体升级为 clamp() 响应式方案

安装

pip install pywebview
python player.py demo.slidehtml

---

This release fixes slide layout issues and adds the Nord Cool template.

New

• Nord Cool template — 6th built-in template, dark Nordic palette
• Auto-centered slides — 16:9 container with letterboxing
• Progress bar — Real-time progress indicator
• Title auto-fit — Shrinks long titles instead of truncating
• Ratio meta tag — supports 16:9 / 4:3 /
  auto
• Auto-detect custom styles — Switches mode when file has its own CSS

Fixes

• Fixed slides not centering (content stuck at top)
• Fixed awkward text wrapping
• Template CSS no longer interferes with layout
• Font sizing upgraded to clamp() for better readability

Install

pip install pywebview
python player.py demo.slidehtml

v1.0.1-alpha - 幻灯片居中 + Nord 模板

中文

v1.0.1-alpha - 幻灯片居中 + Nord 模板

本次更新重点解决了幻灯片居中对齐和文本换行问题，并新增 Nord 冷调模板。

🆕 新增功能

• Nord 冷调模板：第 6 套内置模板，深色北欧风格，适合技术文档和极简演示
• 幻灯片自动居中：16:9 比例容器 +
  letterboxing，无论窗口大小始终居中显示
• 底部进度条：导航栏顶部实时显示演示进度
• 工具栏标题自适应：长标题自动缩小字号，避免截断
• 比例元标签支持：<meta name="ratio" content="16:9">
  可指定页面比例（16:9 / 4:3 / auto）
• 自定义样式自动检测：HTML 文件自带样式时自动切换到"自定义样式"模式

🔧 修复与优化

• 修复演示文件内容不居中、文本异常换行问题
• 模板 CSS 仅控制视觉样式（颜色/背景/字体），不再干预布局
• 字体响应式方案由 vw 升级为 clamp()，可读性更好
• 工具栏 UI 优化，增加分隔线

📖 文档更新

• README / USER_GUIDE / AGENT.md 同步更新至 6 套模板
• 新增幻灯片居中相关 FAQ
• AGENT.md 增加 ratio 标签和 clamp() 说明

安装与运行

pip install pywebview
python player.py demo.slidehtml

---

English

v1.0.1-alpha - Centered Slides + Nord Template

This release fixes slide alignment and text wrapping, and introduces the
Nord Cool template.

🆕 New Features

• Nord Cool template: 6th built-in template — dark Nordic palette for
  technical docs and minimalist decks
• Auto-centered slides: 16:9 aspect-ratio container with letterboxing,
  always centered regardless of window size
• Progress bar: Real-time progress indicator on the nav bar
• Title auto-fit: Toolbar title shrinks font size on overflow instead
  of truncating
• Ratio meta tag: <meta name="ratio" content="16:9"> to set slide
  aspect ratio (16:9 / 4:3 / auto)
• Auto-detect custom styles: Automatically switches to "Custom Styles"
  mode when the HTML file provides its own CSS

🔧 Fixes & Improvements

• Fixed slides not centering and text wrapping incorrectly
• Template CSS now controls only visual properties (color/background/font)
  — no layout interference
• Font sizing upgraded from vw to clamp() for better readability at all
  window sizes
• Toolbar UI polish with added separator

📖 Docs

• README / USER_GUIDE / AGENT.md updated for 6 templates
• New FAQ entries for slide centering
• AGENT.md now covers ratio meta tag and clamp() guidelines

Install & Run

pip install pywebview
python player.py demo.slidehtml

v1.0.0 - 首次发布

🎉 HTML Slide Presenter v1.0

用 HTML 做 PPT，自由设计，一键播放。

✨ 功能

• 5 套预设风格模板（简约白底 / 深色科技 / 渐变多彩 / 商务蓝 / 水墨风）
• 文字自适应缩放（全屏/窗口化自动调整）
• 键盘翻页（← → / F11 全屏）
• 双击 .slidehtml 文件直接打开
• 图片相对路径支持
• 开放格式，HTML/CSS/JS 完全自由

📦 安装

pip install pywebview

🚀 运行

python 播放器.py 示例演示.slidehtml

📖 文档

• 使用指南.md — 用户手册
• AGENT.md — AI 生成指南