Mercurial

<!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>
author	MrJuneJune <me@mrjunejune.com>
date	Mon, 01 Dec 2025 20:35:56 -0800
parents
children