slideshare/public/themes/default/layouts/image-slide.html
Michael Mainguy 7ad433f260 Add presentation import/export and fix template styling
• Add JSON import/export functionality to presentations list
• Fix HTML sanitizer to allow style tags in layout templates
• Add comprehensive SVG attributes for Mermaid diagram markers
• Create LLM prompt generator for presentation JSON format
• Add sample presentation showcasing SlideShare features
• Clean up diagram-slide layout template

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-12 08:23:08 -05:00

22 lines
710 B
HTML

<style>
.layout-image-slide .image-container {
padding-top: 5%;
}
.image-container img {
max-height: 100%;
max-width: 100%;
object-fit: contain;
}
</style>
<div class="I slide layout-image-slide">
<h1 class="slot title-slot" data-slot="title" data-placeholder="Slide Title" data-required>
{{title}}
</h1>
<div class="slot image-container" data-slot="image" data-placeholder="Click to add image" data-accept="image/*">
{{#image}}
<img id="main-image" src="{{image}}" alt="{{imageAlt}}" />
{{/image}}
</div>
<input type="text" class="slot image-alt" data-slot="image-alt" data-placeholder="Image description" data-hidden="true">
</div>