diff 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
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/love/pdf-mcp/templates/reveal_template.html	Mon Dec 01 20:35:56 2025 -0800
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>{{ topic }}</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.6.0/reveal.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.6.0/theme/moon.min.css">
+    <style>
+        .reveal section img { background:none; border:none; box-shadow:none; }
+        .reveal h1, .reveal h2 { text-align:center; }
+        .slide-bg { background-size:cover; background-position:center; min-height:100vh; }
+    </style>
+</head>
+<body>
+<div class="reveal">
+<div class="slides">
+    <section data-background-color="#1a1a2e">
+        <h1>{{ topic }}</h1>
+        <p>Generated instantly by MCP server</p>
+    </section>
+
+    {% for slide in slides %}
+    <section data-background-image="{{ slide.image }}" class="slide-bg">
+        <div style="background:rgba(0,0,0,0.65); padding:40px; border-radius:20px; max-width:90%;">
+            {{ slide.content | safe }}
+        </div>
+    </section>
+    {% endfor %}
+
+    <section data-background-color="#16213e">
+        <h2>Thank you!</h2>
+    </section>
+</div>
+</div>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.6.0/reveal.min.js"></script>
+<script>
+    Reveal.initialize({hash:true, controls:true, progress:true, center:true});
+</script>
+</body>
+</html>