comparison love/pdf-mcp/templates/reveal_template.html @ 38:cf9caa4abc3e

[Love] FE and BE. Can chat and render images. Also created MCP for powerpoint generations.
author MrJuneJune <me@mrjunejune.com>
date Mon, 01 Dec 2025 20:35:56 -0800
parents
children
comparison
equal deleted inserted replaced
37:fb9bcd3145cb 38:cf9caa4abc3e
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>{{ topic }}</title>
6 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.6.0/reveal.min.css">
7 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.6.0/theme/moon.min.css">
8 <style>
9 .reveal section img { background:none; border:none; box-shadow:none; }
10 .reveal h1, .reveal h2 { text-align:center; }
11 .slide-bg { background-size:cover; background-position:center; min-height:100vh; }
12 </style>
13 </head>
14 <body>
15 <div class="reveal">
16 <div class="slides">
17 <section data-background-color="#1a1a2e">
18 <h1>{{ topic }}</h1>
19 <p>Generated instantly by MCP server</p>
20 </section>
21
22 {% for slide in slides %}
23 <section data-background-image="{{ slide.image }}" class="slide-bg">
24 <div style="background:rgba(0,0,0,0.65); padding:40px; border-radius:20px; max-width:90%;">
25 {{ slide.content | safe }}
26 </div>
27 </section>
28 {% endfor %}
29
30 <section data-background-color="#16213e">
31 <h2>Thank you!</h2>
32 </section>
33 </div>
34 </div>
35 <script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.6.0/reveal.min.js"></script>
36 <script>
37 Reveal.initialize({hash:true, controls:true, progress:true, center:true});
38 </script>
39 </body>
40 </html>