Create static/slides_template.html
Browse files- static/slides_template.html +31 -0
static/slides_template.html
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
## 3. `static/slides_template.html`
|
| 2 |
+
```html
|
| 3 |
+
<!DOCTYPE html>
|
| 4 |
+
<html>
|
| 5 |
+
<head>
|
| 6 |
+
<meta charset="utf-8">
|
| 7 |
+
<title>Slide Preview</title>
|
| 8 |
+
<!-- Reveal.js for slide rendering -->
|
| 9 |
+
<link rel="stylesheet" href="https://unpkg.com/reveal.js/dist/reveal.css">
|
| 10 |
+
<script src="https://unpkg.com/reveal.js/dist/reveal.js"></script>
|
| 11 |
+
</head>
|
| 12 |
+
<body class="reveal">
|
| 13 |
+
<div class="slides"></div>
|
| 14 |
+
<script>
|
| 15 |
+
const data = {{SLIDES_JSON}};
|
| 16 |
+
Reveal.initialize({ hash: true, slideNumber: true });
|
| 17 |
+
const deck = document.querySelector('.slides');
|
| 18 |
+
(data.modules || []).forEach(module => {
|
| 19 |
+
const sec = document.createElement('section');
|
| 20 |
+
const h2 = document.createElement('h2'); h2.textContent = module.title;
|
| 21 |
+
sec.appendChild(h2);
|
| 22 |
+
(module.bullets || []).forEach(b => {
|
| 23 |
+
const p = document.createElement('p'); p.textContent = '• ' + b;
|
| 24 |
+
sec.appendChild(p);
|
| 25 |
+
});
|
| 26 |
+
deck.appendChild(sec);
|
| 27 |
+
});
|
| 28 |
+
</script>
|
| 29 |
+
</body>
|
| 30 |
+
</html>
|
| 31 |
+
```
|