{% extends "base.jinja2" %}
{% block title %}{{ filename }}{% endblock %}
{% block content %}
    <h1>{{ title }}</h1>
    <div class="image-container">
        <img src="./{{ filename }}" alt="{{ title }}" class="preview-image">
    </div>
    <style>
        .image-container {
            margin-top: 15px;
        }
        .preview-image {
            max-width: 100%;
            height: auto;
            border-radius: 5px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }
    </style>
{% endblock %}